.tascp0:hover {border-color: var(--acc); color: #fff;}
.tascp1:hover {color: #fff;}
.tascp2:hover {box-shadow: 0 12px 28px rgba(47,111,214,.55);}
.tascp3:hover {color: #dbe6f6;}
.tascp4:hover {color: #aebccf;}
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

  *{box-sizing:border-box;}
  body{margin:0;background:#070b14;-webkit-font-smoothing:antialiased;}
  #site{--acc:#3d8bff;--gold:#e9a93f;}
  a{text-decoration:none;color:inherit;}
  @keyframes tSpin{from{transform:rotateX(72deg) rotateZ(0);}to{transform:rotateX(72deg) rotateZ(360deg);}}
  @keyframes tSpinR{from{transform:rotateX(72deg) rotateZ(360deg);}to{transform:rotateX(72deg) rotateZ(0);}}
  @keyframes tPulse{0%,100%{transform:scale(1);opacity:.92;}50%{transform:scale(1.08);opacity:1;}}
  @keyframes tGlow{0%,100%{opacity:.5;}50%{opacity:.85;}}
  @keyframes tFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
  .pcard:hover{border-color:rgba(61,139,255,.5)!important;}
  @media (max-width:1080px){
    #priceGrid{grid-template-columns:repeat(2,1fr)!important;}
    #moduleGrid{grid-template-columns:1fr!important;}
    #addonRow{flex-wrap:wrap!important;}
    #progRow{grid-template-columns:repeat(2,1fr)!important;}
  }
  @media (max-width:880px){
    #tnav{display:none!important;}
    .compHideSm{display:none!important;}
    #explorerGrid{grid-template-columns:1fr!important;}
  }
  @media (max-width:680px){
    #priceGrid{grid-template-columns:1fr!important;}
    #progRow{grid-template-columns:1fr!important;}
    #heroGrid{grid-template-columns:1fr!important;}
    #heroArt{display:none!important;}
    #ctaGrid{grid-template-columns:1fr!important;}
    #footCols{grid-template-columns:repeat(2,1fr)!important;}
    .h1big{font-size:38px!important;}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;}}


  #shNav a, #shNav span { text-decoration:none; white-space:nowrap; }
  @media (max-width:980px){ #shNav{display:none!important;} }
  @media (max-width:560px){ #shHdr{padding:16px 22px!important;} }


  #footGrid a{text-decoration:none;}
  @media (max-width:860px){ #footGrid{grid-template-columns:1fr 1fr!important;} }
  @media (max-width:520px){ #footGrid{grid-template-columns:1fr!important;} #footBottom{flex-direction:column;align-items:flex-start!important;} }