:root{
  --bg:#000000;
  --cyan:#22f2ff;
  --line:#131a1a;
  --panel:#182121;
  --panel-2:#131a1a;
  --text:#99CCCC;
  --text-strong:#99FFFF;
  --text-soft:#669999;
  --green:#66FFCC;
  --red:#780000;

  --nuke:#66FFCC;
  --nuke-soft:rgba(102,255,204,.35);
  --nuke-glow:rgba(102,255,204,.35);

  --claim-list:#ff00bf;
  --claim-rule:#66FFCC;
}

*{
  box-sizing:border-box;
}

button,
a{
  -webkit-tap-highlight-color:transparent;
}

html,
body{
  margin:0;
  padding:0;
  min-height:100%;
  background:var(--bg);
  font-family:"Roboto Condensed", Bahnschrift, "Segoe UI", Arial, sans-serif;
  color:#eaeaea;
  overflow-x:hidden;
}

html,
body,
a,
button,
input,
textarea,
select,
label,
[role="button"]{
  cursor:none !important;
}

body{
  position:relative;
}





.siteHeader{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:60px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 40px;

  background:rgba(0,0,0,.82);
  backdrop-filter:blur(4px);

  z-index:50;
}

.brand{
  display:flex;
  align-items:baseline;

  gap:10px;

  letter-spacing:3px;
  text-transform:uppercase;
  user-select:none;

  appearance:none;
  -webkit-appearance:none;

  border:0;
  margin:0;
  padding:0;

  background:none;
  color:inherit;

  font:inherit;
  text-align:inherit;

  outline:none;

  cursor:none;
}

.brand:focus-visible{
  outline:1px solid rgba(34,242,255,.95);
  outline-offset:6px;
}

.brandMain{
  color:var(--cyan);

  font-size:20px;
  line-height:1;

  text-shadow:0 0 18px rgba(34,242,255,.14);
}

.brandSub{
  color:rgba(191,247,251,.68);

  font-size:12px;
  letter-spacing:2px;
}





.walletHeader{
  position:relative;
  margin-left:auto;

  display:flex;
  align-items:center;
  justify-content:center;
}

.walletPill{
  width:max-content;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:5px;

  box-sizing:border-box;

  padding:5px;
  border-radius:999px;

  background:transparent;

  transition:
    color .2s ease;
}

.walletPolygonIcon{
  outline:none;

  width:15px;
  height:15px;

  flex:0 0 auto;

  fill:currentColor;
  color:var(--green);

  display:block;
  align-self:center;

  transition:
    color .15s ease,
    opacity .15s ease,
    filter .15s ease;
}

.walletHeader.isConnected
.walletPolygonIcon{
  pointer-events:auto;
}

.walletPolygonIcon[hidden]{
  display:none;
}

.walletConnectBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;

  width:auto;
  min-width:0;
  height:auto;

  margin:0;
  padding:0;

  border:0;
  outline:none;

  background:transparent;
  color:var(--text);

  font-family:inherit;
  font-size:12px;
  line-height:1;
  letter-spacing:1.5px;

  text-transform:uppercase;
  white-space:nowrap;

  transition:color .2s ease;
}

.walletDisconnectBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;

  width:auto;
  min-width:0;
  height:auto;

  margin:0;
  padding:0;

  border:0;
  outline:none;

  background:transparent;
  color:var(--text-soft);

  font-family:inherit;
  font-size:16px;
  line-height:1;
  font-weight:400;

  cursor:pointer;

  transition:color .2s ease;
}

.walletDisconnectBtn[hidden]{
  display:none;
}

.walletHeader.isConnected
.walletConnectBtn{
  color:var(--green);
  cursor:default;
}

.walletHeader.isBusy
.walletConnectBtn{
  color:var(--text-soft);
  cursor:default;
}

.walletPill,
.walletPill *{
  cursor:none !important;
}

.walletConnectBtn:focus-visible,
.walletDisconnectBtn:focus-visible{
  outline:1px solid var(--cyan);
  outline-offset:2px;
}

@media (hover:hover) and (pointer:fine){

  .walletHeader:not(.isConnected):not(.isBusy)
  .walletPill:hover
  .walletConnectBtn{
    color:var(--text-strong);
  }

  .walletDisconnectBtn:hover{
    color:var(--red);
  }
}

@media (max-width:600px){

  .walletPill{
    gap:4px;
    padding:5px;
  }

  .walletPolygonIcon{
    width:13px;
    height:13px;
  }

  .walletConnectBtn{
    font-size:10px;
    line-height:1;
    letter-spacing:1px;
  }

  .walletDisconnectBtn{
    font-size:14px;
    line-height:1;
  }
}





.triCursor{
  position:fixed;

  left:-9999px;
  top:-9999px;

  width:34px;
  height:34px;

  transform:translate(-50%,-50%);

  z-index:999999;

  pointer-events:none;

  opacity:.85;

  filter:
    drop-shadow(
      0 0 14px rgba(34,242,255,.22)
    );
}

.triCursor svg{
  width:100%;
  height:100%;
}

.triCursor .stroke{
  fill:none;

  stroke:rgba(34,242,255,.95);
  stroke-width:4.5;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.triCursor .dot{
  fill:rgba(34,242,255,.95);
}

.triCursor .solidTri{
  opacity:0;
  visibility:hidden;
}

.triCursor .splitTri{
  opacity:.55;
  visibility:visible;
}

.triCursor.isActive
.solidTri{
  opacity:1;
  visibility:visible;
}

.triCursor.isActive
.splitTri{
  opacity:0;
  visibility:hidden;
}

.triCursor.isDown{
  transform:
    translate(-50%,-50%)
    scale(.90);
}





.universalPageNavigator[hidden]{
  display:none !important;
}

.universalPageNavigator{
  position:fixed;
  inset:0;

  z-index:999998;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:40px 20px;

  background:rgba(0,0,0,.34);

  -webkit-backdrop-filter:
    blur(12px);

  backdrop-filter:
    blur(12px);
}

.universalPageNavigatorPanel{
  display:flex;
  flex-direction:column;
  align-items:center;

  width:min(720px, 100%);
}

.universalPageNavigatorList{
  display:flex;
  flex-direction:column;
  align-items:flex-start;

  margin:0;
  padding:0;

  gap:16px;

  list-style:none;
}

.universalPageNavigatorItem{
  display:flex;
  align-items:center;

  min-height:42px;
}

.universalPageNavigatorMarker{
  width:22px;
  height:22px;

  margin-right:14px;

  flex:0 0 22px;
}

.universalPageNavigatorMarker svg{
  display:block;

  width:100%;
  height:100%;
}

.universalPageNavigatorMarker path{
  fill:var(--cyan);
}

.universalPageNavigatorLabel{
  appearance:none;
  -webkit-appearance:none;

  border:0;
  margin:0;
  padding:0;

  background:none;

  color:var(--cyan);

  text-decoration:none;

  font:inherit;
  font-size:22px;
  line-height:1;
  letter-spacing:3px;

  text-transform:uppercase;

  cursor:none;
}

.universalPageNavigatorLabel:visited,
.universalPageNavigatorLabel:hover,
.universalPageNavigatorLabel:active{
  color:var(--cyan);
}

.universalPageNavigatorItem.isCurrent
.universalPageNavigatorLabel{
  color:var(--cyan);

  font-size:30px;

  text-shadow:
    0 0 18px rgba(34,242,255,.18);
}


 
.universalPageNavigatorLabel[data-page="base"],
.universalPageNavigatorLabel[data-page="legion-reports"],
.universalPageNavigatorLabel[data-page="angel-reports"],
.universalPageNavigatorLabel[data-page="team"]{
  opacity:.45;
}

.universalPageNavigatorClose{
  appearance:none;
  -webkit-appearance:none;

  width:34px;
  height:34px;

  margin-top:42px;
  padding:0;

  border:0;

  background:none;

  color:var(--cyan);

  cursor:none;
}

.universalPageNavigatorClose svg{
  display:block;

  width:100%;
  height:100%;
}

.universalPageNavigatorClose path{
  fill:none;

  stroke:currentColor;
  stroke-width:2;

  stroke-linecap:round;
}

.universalPageNavigatorLabel:focus-visible,
.universalPageNavigatorClose:focus-visible{
  outline:1px solid rgba(34,242,255,.95);
  outline-offset:6px;
}

html.isUniversalPageNavigatorOpen,
body.isUniversalPageNavigatorOpen{
  overflow:hidden !important;
  overscroll-behavior:none;
}





@media (pointer:coarse){

  html,
  body,
  a,
  button,
  input,
  textarea,
  select,
  label,
  [role="button"]{
    cursor:auto !important;
  }

  .triCursor{
    display:none !important;
  }
}

@media (max-width:768px){

  .siteHeader{
    padding:0 18px;
  }

  .universalPageNavigator{
    padding:28px 18px;
  }

  .universalPageNavigatorList{
    gap:14px;
  }

  .universalPageNavigatorLabel{
    font-size:17px;
    letter-spacing:2px;
  }

  .universalPageNavigatorItem.isCurrent
  .universalPageNavigatorLabel{
    font-size:24px;
  }
}




.siteFooter{
  position:relative;

  width:100%;

  background:
    linear-gradient(
      135deg,
      #000000 0%,
      #080a0d 35%,
      #111419 50%,
      #080a0d 65%,
      #000000 100%
    );
  color:var(--text);

  border:0;
}

.siteFooterInner{
  position:relative;

  width:100%;
  min-height:96px;

  padding:
    33px 40px
    33px;
}

.siteFooterSocial{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:17px;

  margin-bottom:33px;
}

.siteFooterSocialLabel{
  color:#ffffff;
  opacity:.33;

  font-size:18px;
  line-height:1;
  letter-spacing:1.5px;

  text-transform:uppercase;
  white-space:nowrap;
}

.siteFooterSocialLinks{
  display:flex;
  align-items:center;

  gap:17px;
}

.siteFooterSocialLink{
  width:18px;
  height:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex:0 0 18px;

  padding:0;

  color:#ffffff;
  opacity:.33;

  text-decoration:none;

  background:none;
  border:0;

  transition:
    color .15s ease,
    filter .15s ease;
}

.siteFooterSocialLink svg{
  display:block;

  width:100%;
  height:100%;

  fill:currentColor;
}

.siteFooterSocialLink svg path{
  fill:currentColor;
  stroke:none;
}

.siteFooterCopyright{
  width:100%;

  color:#ffffff;

  font-size:11px;
  line-height:1.3;
  letter-spacing:1px;

  text-align:center;
}

.siteFooterSocialLink:focus-visible{
  outline:1px solid var(--cyan);
  outline-offset:5px;
}

@media (hover:hover) and (pointer:fine){

  a.siteFooterSocialLink:hover{
    color:#ffffff;
    opacity:1;
  }
}

@media (max-width:768px){

  .siteFooterInner{
    min-height:92px;

    padding:
      33px 18px
      33px;
  }

  .siteFooterSocial{
    gap:17px;
  }

  .siteFooterSocialLabel{
    font-size:17px;
    letter-spacing:1.2px;
  }

  .siteFooterSocialLinks{
    gap:17px;
  }

  .siteFooterSocialLink{
    width:17px;
    height:17px;

    flex-basis:17px;
  }

  .siteFooterCopyright{
    font-size:10px;
    letter-spacing:.8px;
  }
}

@media (max-width:480px){

  .siteFooterInner{
    padding:
      33px 14px
      33px;
  }

  .siteFooterSocial{
    flex-wrap:wrap;

    row-gap:8px;
  }

  .siteFooterSocialLabel{
    font-size:16px;
    letter-spacing:1px;
  }

  .siteFooterSocialLink{
    width:16px;
    height:16px;

    flex-basis:16px;
  }

  .siteFooterCopyright{
    font-size:9px;
    letter-spacing:.65px;
  }
}






:root{
  --global-header-height:60px;
  --global-launch-height:58px;
  --global-shell-top:
    calc(
      var(--global-header-height) +
      var(--global-launch-height)
    );
}

.globalLaunchCountdown{
  position:fixed;
  top:var(--global-header-height);
  left:0;

  width:100%;
  height:var(--global-launch-height);

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:4px;

  padding:6px 16px;

  background:rgba(0,0,0,.82);
  backdrop-filter:blur(4px);

  border:0;

  text-align:center;

  z-index:49;

  pointer-events:none;
}

.globalLaunchCountdownLabel{
  color:rgba(191,247,251,.68);

  font-size:10px;
  line-height:1;

  letter-spacing:2px;
  text-transform:uppercase;
}

.globalLaunchCountdownValue{
  color:var(--cyan);

  font-size:16px;
  line-height:1;

  letter-spacing:2px;

  white-space:nowrap;

  font-variant-numeric:tabular-nums;

  text-shadow:
    0 0 18px rgba(34,242,255,.14);
}

@media (max-width:480px){

  :root{
    --global-launch-height:54px;
  }

  .globalLaunchCountdown{
    gap:4px;
    padding:6px 10px;
  }

  .globalLaunchCountdownLabel{
    font-size:9px;
    letter-spacing:1.6px;
  }

  .globalLaunchCountdownValue{
    font-size:14px;
    letter-spacing:1.4px;
  }
}






:root{
  --global-launch-height:150px;
}

.globalLaunchCountdown{
  height:var(--global-launch-height);

  gap:14px;

  padding:
    15px
    20px
    13px;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,10,12,.94) 100%
    );

  border-bottom:
    1px solid
    rgba(34,242,255,.22);

  box-shadow:
    0 10px 35px rgba(0,0,0,.72),
    inset 0 -1px 0 rgba(34,242,255,.05);
}

.globalLaunchCountdown::before{
  content:"";

  position:absolute;
  left:50%;
  bottom:-1px;

  width:min(520px, 70%);
  height:1px;

  transform:translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(34,242,255,.75),
      transparent
    );

  box-shadow:
    0 0 12px rgba(34,242,255,.32);

  pointer-events:none;
}

.globalLaunchCountdownLabel{
  color:var(--cyan);

  font-size:33px;
  line-height:1;

  letter-spacing:3px;

  text-shadow:
    0 0 8px rgba(34,242,255,.16),
    0 0 20px rgba(34,242,255,.08);
}

.globalLaunchCountdownValue{
  color:var(--cyan);

  font-size:70px;
  line-height:.9;

  font-weight:300;

  letter-spacing:1px;

  white-space:pre;

  font-variant-numeric:
    tabular-nums;

  font-feature-settings:
    "tnum" 1;

  text-shadow:
    0 0 4px rgba(34,242,255,.28),
    0 0 14px rgba(34,242,255,.16),
    0 0 34px rgba(34,242,255,.08);
}


 

@media (max-width:900px){

  :root{
    --global-launch-height:112px;
  }

  .globalLaunchCountdown{
    gap:8px;

    padding:
      13px
      14px
      11px;
  }

  .globalLaunchCountdownLabel{
    font-size:11px;
    letter-spacing:3px;
  }

  .globalLaunchCountdownValue{
    font-size:52px;
  }
}


 

@media (max-width:600px){

  :root{
    --global-launch-height:94px;
  }

  .globalLaunchCountdown{
    gap:7px;

    padding:
      11px
      8px
      10px;
  }

  .globalLaunchCountdownLabel{
    font-size:9px;
    letter-spacing:2px;
  }

  .globalLaunchCountdownValue{
    font-size:clamp(
      28px,
      9vw,
      42px
    );

    letter-spacing:0;

    white-space:nowrap;
  }
}






.globalLaunchCountdown{
  overflow:hidden;
}


 

.globalLaunchCountdownLabel{
  position:relative;

  color:var(--cyan);

  font-size:33px;
  line-height:1;

  letter-spacing:3px;

  text-shadow:
    0 0 5px rgba(34,242,255,.24),
    0 0 18px rgba(34,242,255,.10);
}


 

.globalLaunchCountdownValue{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:18px;

  width:min(900px, calc(100% - 40px));
  min-height:88px;

  padding:
    10px
    28px;

  color:var(--cyan);

  font-size:70px;
  line-height:1;

  font-weight:300;

  letter-spacing:1px;

  white-space:nowrap;

  font-variant-numeric:
    tabular-nums;

  font-feature-settings:
    "tnum" 1;

  border-top:
    1px solid
    rgba(34,242,255,.20);

  border-bottom:
    1px solid
    rgba(34,242,255,.20);

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(34,242,255,.018) 15%,
      rgba(34,242,255,.045) 50%,
      rgba(34,242,255,.018) 85%,
      transparent 100%
    );

  text-shadow:
    0 0 4px rgba(34,242,255,.28),
    0 0 14px rgba(34,242,255,.15),
    0 0 32px rgba(34,242,255,.07);
}


 

.globalLaunchCountdownValue::before,
.globalLaunchCountdownValue::after{
  content:"";

  position:absolute;

  width:20px;
  height:20px;

  pointer-events:none;

  filter:
    drop-shadow(
      0 0 5px
      rgba(34,242,255,.18)
    );
}

.globalLaunchCountdownValue::before{
  top:-1px;
  left:0;

  border-top:
    2px solid
    var(--cyan);

  border-left:
    2px solid
    var(--cyan);
}

.globalLaunchCountdownValue::after{
  right:0;
  bottom:-1px;

  border-right:
    2px solid
    var(--cyan);

  border-bottom:
    2px solid
    var(--cyan);
}


 

.globalLaunchUnit{
  position:relative;

  display:inline-flex;
  align-items:baseline;
  justify-content:center;

  gap:9px;

  min-width:0;
}

.globalLaunchNumber{
  min-width:2ch;

  text-align:right;

  letter-spacing:1px;
}

.globalLaunchUnit:first-child
.globalLaunchNumber{
  min-width:3ch;
}


 

.globalLaunchSuffix{
  position:relative;

  top:-2px;

  color:var(--cyan);

  font-size:.34em;
  line-height:1;

  letter-spacing:2px;

  opacity:.72;

  text-shadow:
    0 0 8px rgba(34,242,255,.20);
}


 

.globalLaunchDivider{
  width:1px;
  height:42px;

  flex:0 0 1px;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(34,242,255,.16) 18%,
      rgba(34,242,255,.48) 50%,
      rgba(34,242,255,.16) 82%,
      transparent 100%
    );

  box-shadow:
    0 0 10px rgba(34,242,255,.12);
}


 

.globalLaunchCountdown::after{
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:-180px;

  width:120px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(34,242,255,.045),
      transparent
    );

  transform:
    skewX(-18deg);

  animation:
    globalLaunchSweep
    7s
    linear
    infinite;

  pointer-events:none;
}

@keyframes globalLaunchSweep{

  from{
    left:-180px;
  }

  to{
    left:calc(100% + 180px);
  }
}


 

@media (max-width:900px){

  .globalLaunchCountdownValue{
    gap:12px;

    width:
      min(
        760px,
        calc(100% - 24px)
      );

    min-height:68px;

    padding:
      8px
      18px;

    font-size:52px;
  }

  .globalLaunchDivider{
    height:34px;
  }

  .globalLaunchSuffix{
    letter-spacing:1px;
  }
}


@media (max-width:600px){

  .globalLaunchCountdownValue{
    gap:6px;

    width:
      calc(100% - 12px);

    min-height:54px;

    padding:
      7px
      8px;

    font-size:
      clamp(
        24px,
        8vw,
        38px
      );
  }

  .globalLaunchUnit{
    gap:3px;
  }

  .globalLaunchDivider{
    height:26px;
  }

  .globalLaunchSuffix{
    font-size:.38em;
    letter-spacing:0;
  }

  .globalLaunchCountdownValue::before,
  .globalLaunchCountdownValue::after{
    width:12px;
    height:12px;
  }
}


@media (prefers-reduced-motion:reduce){

  .globalLaunchCountdown::after{
    display:none;
    animation:none;
  }
}






.globalLaunchCountdown{
  --launch-phosphor:#66ffcc;
  --launch-phosphor-soft:rgba(102,255,204,.46);
  --launch-line:rgba(102,255,204,.26);
  --launch-line-soft:rgba(102,255,204,.10);

  isolation:isolate;

  background:
    linear-gradient(
      180deg,
      rgba(0,5,4,.98),
      rgba(0,0,0,.98)
    );

  border-bottom:
    1px solid
    rgba(102,255,204,.28);

  box-shadow:
    inset 0 -1px 0 rgba(102,255,204,.06),
    0 12px 30px rgba(0,0,0,.78);
}


 

.globalLaunchCountdown::before{
  content:"";

  position:absolute;
  inset:0;

  width:auto;
  height:auto;

  transform:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(102,255,204,.022) 0px,
      rgba(102,255,204,.022) 1px,
      transparent 1px,
      transparent 4px
    );

  box-shadow:none;

  opacity:.55;

  pointer-events:none;

  z-index:0;
}


 

.globalLaunchCountdown::after{
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:-220px;

  width:160px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(102,255,204,.028),
      rgba(102,255,204,.065),
      rgba(102,255,204,.028),
      transparent
    );

  transform:skewX(-12deg);

  animation:
    globalLaunchAlienSweep
    9s
    linear
    infinite;

  pointer-events:none;

  z-index:1;
}

@keyframes globalLaunchAlienSweep{
  from{
    left:-220px;
  }

  to{
    left:calc(100% + 220px);
  }
}


 

.globalLaunchCountdownLabel{
  position:relative;
  z-index:2;

  color:var(--launch-phosphor);

  font-size:33px;
  line-height:1;

  font-weight:400;

  letter-spacing:8px;

  text-transform:uppercase;

  opacity:.92;

  text-shadow:
    0 0 3px rgba(102,255,204,.42),
    0 0 10px rgba(102,255,204,.14);
}


 

.globalLaunchCountdownValue{
  position:relative;
  z-index:2;

  display:flex;
  align-items:stretch;
  justify-content:center;

  gap:0;

  width:min(
    980px,
    calc(100% - 44px)
  );

  min-height:88px;

  padding:0;

  color:var(--launch-phosphor);

  font-size:70px;
  line-height:1;

  font-weight:300;

  letter-spacing:0;

  text-shadow:
    0 0 3px rgba(102,255,204,.45),
    0 0 10px rgba(102,255,204,.12);

  background:
    rgba(0,8,6,.48);

  border:
    1px solid
    rgba(102,255,204,.18);

  border-left-color:
    rgba(102,255,204,.48);

  border-right-color:
    rgba(102,255,204,.48);

  box-shadow:
    inset 0 0 30px rgba(102,255,204,.018);
}


 

.globalLaunchCountdownValue::before,
.globalLaunchCountdownValue::after{
  width:18px;
  height:18px;

  filter:none;
}

.globalLaunchCountdownValue::before{
  top:-1px;
  left:-1px;

  border-top:
    2px solid
    var(--launch-phosphor);

  border-left:
    2px solid
    var(--launch-phosphor);
}

.globalLaunchCountdownValue::after{
  right:-1px;
  bottom:-1px;

  border-right:
    2px solid
    var(--launch-phosphor);

  border-bottom:
    2px solid
    var(--launch-phosphor);
}


 

.globalLaunchUnit{
  position:relative;

  flex:
    1
    1
    0;

  min-width:0;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  padding:
    10px
    18px;

  background:
    linear-gradient(
      180deg,
      rgba(102,255,204,.018),
      rgba(0,0,0,.08)
    );
}

.globalLaunchUnit + .globalLaunchDivider + .globalLaunchUnit{
  box-shadow:
    inset 1px 0 0 rgba(102,255,204,.025);
}


 

.globalLaunchNumber{
  min-width:auto;

  color:var(--launch-phosphor);

  text-align:center;

  letter-spacing:3px;

  font-variant-numeric:
    tabular-nums;

  font-feature-settings:
    "tnum" 1;

  opacity:.96;

  text-shadow:
    1px 0 rgba(102,255,204,.12),
    -1px 0 rgba(102,255,204,.06),
    0 0 4px rgba(102,255,204,.40),
    0 0 16px rgba(102,255,204,.08);
}

.globalLaunchUnit:first-child
.globalLaunchNumber{
  min-width:auto;
}


 

.globalLaunchSuffix{
  position:relative;

  top:0;

  color:var(--launch-phosphor);

  font-size:.26em;
  line-height:1;

  font-weight:400;

  letter-spacing:3px;

  opacity:.62;

  text-shadow:
    0 0 5px rgba(102,255,204,.18);
}


 

.globalLaunchDivider{
  position:relative;

  width:1px;
  height:auto;

  align-self:stretch;

  flex:0 0 1px;

  background:
    linear-gradient(
      180deg,
      transparent 5%,
      rgba(102,255,204,.12) 16%,
      rgba(102,255,204,.34) 50%,
      rgba(102,255,204,.12) 84%,
      transparent 95%
    );

  box-shadow:none;
}


 

.globalLaunchUnit::before,
.globalLaunchUnit::after{
  content:"";

  position:absolute;

  width:9px;
  height:1px;

  background:
    rgba(102,255,204,.28);

  pointer-events:none;
}

.globalLaunchUnit::before{
  top:7px;
  left:8px;
}

.globalLaunchUnit::after{
  right:8px;
  bottom:7px;
}


 

@media (max-width:900px){

  .globalLaunchCountdownLabel{
    letter-spacing:5px;
  }

  .globalLaunchCountdownValue{
    width:
      calc(100% - 24px);

    font-size:52px;
  }

  .globalLaunchUnit{
    gap:6px;

    padding:
      8px
      10px;
  }

  .globalLaunchNumber{
    letter-spacing:2px;
  }

  .globalLaunchSuffix{
    letter-spacing:2px;
  }
}


 

@media (max-width:600px){

  .globalLaunchCountdownLabel{
    font-size:18px;

    letter-spacing:3px;
  }

  .globalLaunchCountdownValue{
    width:
      calc(100% - 12px);

    font-size:
      clamp(
        24px,
        8vw,
        38px
      );
  }

  .globalLaunchUnit{
    gap:3px;

    padding:
      7px
      4px;
  }

  .globalLaunchNumber{
    letter-spacing:1px;
  }

  .globalLaunchSuffix{
    font-size:.30em;

    letter-spacing:1px;
  }

  

}


@media (prefers-reduced-motion:reduce){

  .globalLaunchCountdown::after{
    display:none;
    animation:none;
  }
}






.globalLaunchCountdown{
  --launch-cyan:#22f2ff;
  --launch-cyan-soft:rgba(34,242,255,.35);
  --launch-line:rgba(34,242,255,.28);

  position:fixed;

  background:
    linear-gradient(
      180deg,
      rgba(0,7,9,.985),
      rgba(0,0,0,.985)
    );

  border-bottom:
    1px solid rgba(34,242,255,.24);

  overflow:hidden;
}


 

.globalLaunchCountdown::before{
  content:"";

  position:absolute;
  inset:0;

  width:auto;
  height:auto;

  transform:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(34,242,255,.018) 0,
      rgba(34,242,255,.018) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.75;

  pointer-events:none;
}


 

.globalLaunchCountdownLabel{
  position:relative;
  z-index:3;

  color:var(--launch-cyan);

  font-size:33px;
  line-height:1;

  font-weight:400;

  letter-spacing:8px;

  text-shadow:
    0 0 4px rgba(34,242,255,.30),
    0 0 14px rgba(34,242,255,.10);
}


 

.globalLaunchCountdownValue{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    1px
    minmax(0,1fr)
    1px
    minmax(0,1fr)
    1px
    minmax(0,1fr);

  align-items:stretch;

  width:
    min(
      1180px,
      calc(100% - 48px)
    );

  min-height:118px;

  margin-top:4px;

  padding:
    12px
    22px
    14px;

  border-top:
    1px solid rgba(34,242,255,.15);

  border-bottom:
    1px solid rgba(34,242,255,.15);

  background:
    linear-gradient(
      180deg,
      rgba(34,242,255,.018),
      rgba(0,0,0,.08)
    );

  box-shadow:
    inset 0 0 40px rgba(34,242,255,.015);
}


 

.globalLaunchCorner{
  position:absolute;

  width:30px;
  height:30px;

  z-index:4;

  pointer-events:none;
}

.globalLaunchCornerTL{
  top:-1px;
  left:-1px;

  border-top:
    2px solid var(--launch-cyan);

  border-left:
    2px solid var(--launch-cyan);
}

.globalLaunchCornerTR{
  top:-1px;
  right:-1px;

  border-top:
    2px solid var(--launch-cyan);

  border-right:
    2px solid var(--launch-cyan);
}

.globalLaunchCornerBL{
  left:-1px;
  bottom:-1px;

  border-left:
    2px solid var(--launch-cyan);

  border-bottom:
    2px solid var(--launch-cyan);
}

.globalLaunchCornerBR{
  right:-1px;
  bottom:-1px;

  border-right:
    2px solid var(--launch-cyan);

  border-bottom:
    2px solid var(--launch-cyan);
}
 

.globalLaunchUnit{
  position:relative;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  gap:8px;

  min-width:0;

  padding:
    6px
    18px;
}


 

.globalLaunchNumber{
  color:var(--launch-cyan);

  font-size:70px;
  line-height:.88;

  font-weight:300;

  letter-spacing:5px;

  text-align:center;

  font-variant-numeric:
    tabular-nums;

  font-feature-settings:
    "tnum" 1;

  text-shadow:
    0 0 3px rgba(34,242,255,.50),
    0 0 10px rgba(34,242,255,.17),
    0 0 24px rgba(34,242,255,.06);
}


 

.globalLaunchUnitLabel{
  color:var(--launch-cyan);

  font-size:11px;
  line-height:1;

  font-weight:400;

  letter-spacing:5px;

  opacity:.78;

  text-transform:uppercase;

  text-shadow:
    0 0 5px rgba(34,242,255,.14);
}


 

.globalLaunchDivider{
  position:relative;

  width:1px;
  height:auto;

  align-self:stretch;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(34,242,255,.12) 10%,
      rgba(34,242,255,.50) 50%,
      rgba(34,242,255,.12) 90%,
      transparent 100%
    );

  box-shadow:
    0 0 10px rgba(34,242,255,.06);
}
 

.globalLaunchUnit::before,
.globalLaunchUnit::after{
  content:"";

  position:absolute;

  left:18%;
  right:18%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(34,242,255,.10),
      transparent
    );

  pointer-events:none;
}

.globalLaunchUnit::before{
  top:5px;
}

.globalLaunchUnit::after{
  bottom:5px;
}


 

@media (max-width:900px){

  .globalLaunchCountdownLabel{
    letter-spacing:5px;
  }

  .globalLaunchCountdownValue{
    width:
      calc(100% - 24px);

    min-height:94px;

    padding:
      10px
      12px;
  }

  .globalLaunchUnit{
    padding:
      6px
      8px;
  }

  .globalLaunchNumber{
    font-size:52px;

    letter-spacing:3px;
  }

  .globalLaunchUnitLabel{
    font-size:9px;

    letter-spacing:3px;
  }
}


 

@media (max-width:600px){

  .globalLaunchCountdownLabel{
    font-size:18px;

    letter-spacing:3px;
  }

  .globalLaunchCountdownValue{
    width:
      calc(100% - 12px);

    min-height:78px;

    padding:
      8px
      5px;
  }

  .globalLaunchUnit{
    gap:6px;

    padding:
      5px
      3px;
  }

  .globalLaunchNumber{
    font-size:
      clamp(
        26px,
        8vw,
        38px
      );

    letter-spacing:1px;
  }

  .globalLaunchUnitLabel{
    font-size:7px;

    letter-spacing:1.5px;
  }

  .globalLaunchCorner{
    width:18px;
    height:18px;
  }

  


  

}






:root{
  --global-launch-height:190px;
}

.globalLaunchCountdown{
  height:var(--global-launch-height);

  justify-content:flex-start;

  gap:14px;

  padding:
    18px
    20px
    16px;
}

.globalLaunchCountdownLabel{
  flex:0 0 auto;

  margin:0;

  padding:0;

  line-height:1;
}

.globalLaunchCountdownValue{
  flex:0 0 auto;

  margin-top:0;
}


 

:root{
  --global-shell-top:
    calc(
      var(--global-header-height) +
      var(--global-launch-height)
    );
}


 

@media (max-width:900px){

  :root{
    --global-launch-height:166px;
  }

  .globalLaunchCountdown{
    gap:11px;

    padding:
      15px
      12px
      13px;
  }
}


 

@media (max-width:600px){

  :root{
    --global-launch-height:132px;
  }

  .globalLaunchCountdown{
    gap:9px;

    padding:
      12px
      6px
      10px;
  }
}






:root{
  --global-launch-height:210px;
}

.globalLaunchCountdown{
  height:var(--global-launch-height);

  padding:
    20px
    20px
    20px;

  gap:14px;
}


 

.globalLaunchCountdownValue{
  border-top:0;
  border-bottom:0;

  box-shadow:none;
}


 

.globalLaunchCountdown{
  border-bottom:0;
  box-shadow:none;
}


 

:root{
  --global-shell-top:
    calc(
      var(--global-header-height) +
      var(--global-launch-height)
    );
}


@media (max-width:900px){

  :root{
    --global-launch-height:182px;
  }

  .globalLaunchCountdown{
    padding:
      16px
      12px
      16px;
  }
}


@media (max-width:600px){

  :root{
    --global-launch-height:148px;
  }

  .globalLaunchCountdown{
    padding:
      12px
      6px
      12px;
  }
}






 

.globalLaunchCountdown::before{
  background:
    repeating-linear-gradient(
      180deg,
      rgba(34,242,255,.035) 0,
      rgba(34,242,255,.035) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.95;
}


 

.globalLaunchUnit::before,
.globalLaunchUnit::after{
  left:12%;
  right:12%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(34,242,255,.10) 12%,
      rgba(34,242,255,.30) 50%,
      rgba(34,242,255,.10) 88%,
      transparent 100%
    );

  box-shadow:
    0 0 5px rgba(34,242,255,.08);

  opacity:1;
}

.globalLaunchUnit::before{
  top:5px;
}

.globalLaunchUnit::after{
  bottom:5px;
}






.globalLaunchUnit::before,
.globalLaunchUnit::after{
  left:12%;
  right:12%;

  height:1px;

  



  background:
    linear-gradient(
      90deg,

      transparent 0%,

      rgba(34,242,255,.10) 4%,
      rgba(34,242,255,.30) 18%,
      rgba(34,242,255,.30) 30%,
      transparent 38%,

      transparent 62%,
      rgba(34,242,255,.30) 70%,
      rgba(34,242,255,.30) 82%,
      rgba(34,242,255,.10) 96%,

      transparent 100%
    );

  box-shadow:
    0 0 5px rgba(34,242,255,.08);

  opacity:1;
}

.globalLaunchUnit::before{
  top:5px;
}

.globalLaunchUnit::after{
  bottom:5px;
}











.globalLaunchCountdownValue{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}







.globalLaunchCorner{
  border-color:#22f2ff;

  filter:
    drop-shadow(
      0 0 3px rgba(34,242,255,.30)
    );
}

.globalLaunchCornerTL{
  border-top-color:#22f2ff;
  border-left-color:#22f2ff;
}

.globalLaunchCornerTR{
  border-top-color:#22f2ff;
  border-right-color:#22f2ff;
}

.globalLaunchCornerBL{
  border-left-color:#22f2ff;
  border-bottom-color:#22f2ff;
}

.globalLaunchCornerBR{
  border-right-color:#22f2ff;
  border-bottom-color:#22f2ff;
}












.globalLaunchCountdownValue::before,
.globalLaunchCountdownValue::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  filter:none !important;
}






.globalLaunchCorner{
  border-color:transparent !important;

  filter:
    drop-shadow(
      0 0 6px rgba(34,242,255,.12)
    );
}


 

.globalLaunchCornerTL{
  border-top:2px solid transparent !important;
  border-left:2px solid transparent !important;

  border-image:
    linear-gradient(
      135deg,
      transparent 0%,
      rgba(34,242,255,.12) 18%,
      rgba(34,242,255,.50) 50%,
      rgba(34,242,255,.12) 82%,
      transparent 100%
    ) 1 !important;
}


 

.globalLaunchCornerTR{
  border-top:2px solid transparent !important;
  border-right:2px solid transparent !important;

  border-image:
    linear-gradient(
      225deg,
      transparent 0%,
      rgba(34,242,255,.12) 18%,
      rgba(34,242,255,.50) 50%,
      rgba(34,242,255,.12) 82%,
      transparent 100%
    ) 1 !important;
}


 

.globalLaunchCornerBL{
  border-left:2px solid transparent !important;
  border-bottom:2px solid transparent !important;

  border-image:
    linear-gradient(
      45deg,
      transparent 0%,
      rgba(34,242,255,.12) 18%,
      rgba(34,242,255,.50) 50%,
      rgba(34,242,255,.12) 82%,
      transparent 100%
    ) 1 !important;
}


 

.globalLaunchCornerBR{
  border-right:2px solid transparent !important;
  border-bottom:2px solid transparent !important;

  border-image:
    linear-gradient(
      315deg,
      transparent 0%,
      rgba(34,242,255,.12) 18%,
      rgba(34,242,255,.50) 50%,
      rgba(34,242,255,.12) 82%,
      transparent 100%
    ) 1 !important;
}





.globalLaunchCountdown{
  will-change:transform;
  transform:translate3d(0,0,0);
  transition:transform .06s linear;
}








.globalLaunchCountdown{
  position:relative;
  top:auto;
  left:auto;

  width:100%;

  transform:none;
  will-change:auto;

  transition:none;
}





:root{
  --global-shell-top:var(--global-header-height);
}








.globalLaunchCountdown{
  position:relative;

  



  margin-top:var(--global-header-height);

  top:auto;
  left:auto;

  width:100%;

  will-change:transform;
  transition:none;
}







@media (orientation:landscape){

  .universalPageNavigator{
    padding:8px 18px;
  }

  .universalPageNavigatorPanel{
    transform-origin:center center;
  }
}

@media (orientation:landscape) and (max-height:700px){

  .universalPageNavigatorPanel{
    transform:scale(.88);
  }
}

@media (orientation:landscape) and (max-height:600px){

  .universalPageNavigatorPanel{
    transform:scale(.76);
  }
}

@media (orientation:landscape) and (max-height:500px){

  .universalPageNavigatorPanel{
    transform:scale(.66);
  }
}

@media (orientation:landscape) and (max-height:420px){

  .universalPageNavigatorPanel{
    transform:scale(.58);
  }
}