.performanceSkipLink{
  position:fixed;
  z-index:200;
  top:8px;
  left:8px;
  transform:translateY(-160%);
  padding:10px 14px;
  border:1px solid #caff00;
  background:#050705;
  color:#caff00!important;
  font:900 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
  transition:transform .15s ease;
}

.performanceSkipLink:focus{transform:translateY(0)}
.performanceSite #main-content:focus{outline:none}

.performanceSite a:focus-visible,
.performanceSite button:focus-visible,
.performanceSite input:focus-visible{
  outline:2px solid var(--acid);
  outline-offset:3px;
}

.performanceSite .performanceMobileNav{
  height:auto;
  min-height:64px;
  padding-bottom:max(4px,env(safe-area-inset-bottom));
  background:rgba(2,3,2,.985);
  box-shadow:0 -12px 32px rgba(0,0,0,.35);
}

.performanceSite .performanceMobileNav a{
  position:relative;
  min-height:60px;
  padding:8px 4px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.045);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.performanceSite .performanceMobileNav a:last-child{border-right:0}
.performanceSite .performanceMobileNav a.isActive{background:linear-gradient(180deg,rgba(202,255,0,.075),transparent)}
.performanceSite .performanceMobileNav a.isActive:after{
  content:"";
  position:absolute;
  top:0;
  left:24%;
  right:24%;
  height:2px;
  background:var(--acid);
  box-shadow:0 0 12px rgba(202,255,0,.5);
}

.performanceSite .performanceMobileMenu a[aria-current="page"]{
  color:var(--acid);
  background:rgba(202,255,0,.045);
}

.performanceSite .performanceMobileNav a:focus-visible,
.performanceSite .performanceStandaloneToolGridUpgraded a:focus-visible,
.performanceSite .performanceToolSpotlight:focus-visible,
.performanceSite .performanceMemberAppCard:focus-visible{
  outline:2px solid var(--acid);
  outline-offset:-3px;
}

.performanceSite .performanceToolsPage .performanceStandaloneToolGridUpgraded{
  gap:10px;
}

.performanceSite .performanceStandaloneToolGridUpgraded a{
  min-height:142px;
  padding:18px;
  border-color:rgba(255,255,255,.11);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.performanceSite .performanceStandaloneToolGridUpgraded a strong{
  font-size:1.18rem;
}

.performanceSite .performanceStandaloneToolGridUpgraded a small{
  max-width:32ch;
  color:#9aa196;
  font-size:.68rem;
  line-height:1.5;
}

.performanceSite .performanceToolSpotlight{
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.performanceSite .performanceToolSpotlight:active,
.performanceSite .performanceStandaloneToolGridUpgraded a:active,
.performanceSite .performanceMemberAppCard:active{
  transform:translateY(1px) scale(.995);
}

.performanceToolGroupHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin:24px 0 10px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}

.performanceToolGroupHead>div span{
  display:block;
  color:var(--acid);
  font:900 .52rem/1 ui-monospace,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.performanceToolGroupHead>div strong{
  display:block;
  margin-top:6px;
  color:#f1f4ee;
  font:900 1.08rem/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.performanceToolGroupHead>small{
  max-width:190px;
  color:#7f877d;
  font-size:.59rem;
  line-height:1.45;
  text-align:right;
}

.performanceMemberAppCard{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  min-height:118px;
  margin-top:16px;
  padding:18px;
  border:1px solid rgba(202,255,0,.32);
  background:linear-gradient(145deg,rgba(202,255,0,.08),transparent 60%),#070907;
  color:#f3f5ef;
  text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:transform .18s ease,border-color .18s ease;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.performanceMemberAppCard>span{
  align-self:start;
  color:var(--acid);
  font:900 .65rem/1 ui-monospace,monospace;
}

.performanceMemberAppCard small{
  display:block;
  color:var(--acid);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.performanceMemberAppCard strong{
  display:block;
  margin-top:6px;
  text-transform:uppercase;
  font:900 1.3rem/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
}

.performanceMemberAppCard p{
  margin:7px 0 0;
  color:#929990;
  font-size:.65rem;
  line-height:1.45;
}

.performanceMemberAppCard>b{color:var(--acid);font-size:1.1rem}

.performanceCatalogueState.performanceCatalogueLoading,
.performanceCatalogueState.performanceCatalogueError{
  min-height:150px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:24px;
  border:1px solid rgba(255,255,255,.09);
  background:#070907;
  text-align:center;
}

.performanceCatalogueState.performanceCatalogueLoading strong,
.performanceCatalogueState.performanceCatalogueError strong{
  color:#f1f4ee;
  font-size:.76rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.performanceCatalogueState.performanceCatalogueLoading small,
.performanceCatalogueState.performanceCatalogueError small{
  color:#838a80;
  font-size:.64rem;
  line-height:1.45;
}

.performanceLoadingPulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 0 0 rgba(202,255,0,.35);
  animation:morphLoadingPulse 1.25s ease-out infinite;
}

@keyframes morphLoadingPulse{
  0%{box-shadow:0 0 0 0 rgba(202,255,0,.35)}
  70%{box-shadow:0 0 0 12px rgba(202,255,0,0)}
  100%{box-shadow:0 0 0 0 rgba(202,255,0,0)}
}

.performanceCatalogueError button{
  min-height:42px;
  margin-top:5px;
  padding:0 18px;
  border:1px solid var(--acid);
  background:var(--acid);
  color:#030403;
  font:900 .62rem/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.performanceProductGroup{scroll-margin-top:126px}

#websiteOfflineBanner{
  position:fixed;
  z-index:120;
  left:12px;
  right:12px;
  bottom:calc(72px + env(safe-area-inset-bottom));
  padding:11px 14px;
  border:1px solid rgba(202,255,0,.35);
  background:rgba(7,10,7,.97);
  color:#f1f4ee;
  font:800 11px/1.35 Arial,Helvetica,sans-serif;
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}

@media(max-width:620px){
  .performanceSite{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .performanceSite .performanceActions{gap:9px}
  .performanceSite .performanceActions .performanceButton{min-height:48px;padding-inline:16px}
  .performanceSite .performanceStandaloneToolGridUpgraded{grid-template-columns:1fr 1fr}
  .performanceSite .performanceStandaloneToolGridUpgraded a{min-height:138px;padding:15px}
  .performanceSite .performanceStandaloneToolGridUpgraded a strong{font-size:1rem}
  .performanceSite .performanceStandaloneToolGridUpgraded a small{font-size:.61rem}
  .performanceToolGroupHead{align-items:start}
  .performanceToolGroupHead>small{max-width:150px;font-size:.55rem}
  .performanceMemberAppCard{min-height:112px;padding:16px;gap:12px}
  .performanceMemberAppCard strong{font-size:1.16rem}
}

@media(max-width:390px){
  .performanceSite .performanceStandaloneToolGridUpgraded{grid-template-columns:1fr}
  .performanceSite .performanceStandaloneToolGridUpgraded a{min-height:118px}
  .performanceToolGroupHead{display:block}
  .performanceToolGroupHead>small{display:block;max-width:none;margin-top:7px;text-align:left}
}

@media(prefers-reduced-motion:reduce){
  .performanceSite{scroll-behavior:auto}
  .performanceSite *,
  .performanceSite *:before,
  .performanceSite *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}