/* Pulse page refinements layered on top of ../assets/css/styles.css */

.ps-page--pulse .ps-btn--og { border-color: rgba(255,207,90,.24); background: rgba(255,207,90,.06); }
.ps-page--pulse .ps-btn--og:hover { border-color: rgba(255,207,90,.50); background: rgba(255,207,90,.10); }

.ps-pill{
  display:inline-flex;
  align-items:center;
  padding:.18rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  font-weight: 950;
  font-size: .76rem;
  letter-spacing: .14em;
}
.ps-pill--pulse{
  border-color: rgba(14,165,233,.32);
  background: rgba(14,165,233,.07);
  color: rgba(255,255,255,.82);
  box-shadow: 0 0 0 1px rgba(14,165,233,.10);
}

.ps-hero--pulse{ padding-bottom: 3.2rem; }

.ps-hero__ticker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
  justify-content:center;
  color: rgba(255,255,255,.72);
  font-weight: 750;
}
.ps-hero__ticker .dot{
  width:8px; height:8px;
  border-radius: 99px;
  background: rgba(14,165,233,.85);
  box-shadow: 0 0 18px rgba(14,165,233,.55);
  animation: liveBlink 1.6s ease-in-out infinite;
}
.ps-hero__ticker .sep{ opacity:.5; }
@keyframes liveBlink{
  0%,100%{ transform: scale(1); opacity:.75; }
  50%{ transform: scale(1.35); opacity:1; }
}

.ps-hero__screen{
  max-width: 1120px;
  margin: 0 auto;
  border-radius: var(--radius2);
  overflow:hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.pulse-wall{ width:100%; height:auto; display:block; }
.pulse-wall .scanband{ animation: scanSweep 6.8s linear infinite; }
@keyframes scanSweep{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(1260px); }
}

.ps-section--pulse{ padding: 3.6rem 0; }

.ps-card--pulse .ps-card__hd{
  background: linear-gradient(90deg, rgba(14,165,233,.06), rgba(99,102,241,.04));
}

.ps-fullscreen{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.ps-fullscreen__inner{
  padding: 1.4rem 1.4rem;
  background:
    radial-gradient(900px 360px at 20% 30%, rgba(14,165,233,.12), transparent 62%),
    radial-gradient(900px 360px at 80% 40%, rgba(99,102,241,.10), transparent 62%);
}
.ps-fullscreen__title{
  font-weight: 950;
  letter-spacing: -.4px;
}
.ps-fullscreen__text{ margin-top:.4rem; color: rgba(255,255,255,.72); max-width: 88ch; }
.ps-fullscreen__hint{ margin-top:.8rem; opacity:.72; }

.legend-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: .9rem;
}
@media (min-width: 992px){
  .legend-grid{ grid-template-columns: 1fr 1fr; }
}
.legend-item{
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow2);
  padding: 1.05rem 1.05rem;
  position:relative;
  overflow:hidden;
}
.legend-chip{
  display:inline-flex;
  padding:.25rem .55rem;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .78rem;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.18);
}
.legend-desc{
  margin-top:.55rem;
  color: rgba(255,255,255,.72);
  font-weight: 650;
  max-width: 70ch;
}
.legend-demo{ margin-top: .9rem; height: 10px; border-radius: 999px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); overflow:hidden; }
.legend-demo .demo-bar{ display:block; height:100%; width: 42%; border-radius: 999px; }

.legend-item--stable .legend-chip{ border-color: rgba(14,165,233,.30); }
.legend-item--stable .demo-bar{ background: rgba(14,165,233,.26); box-shadow: 0 0 18px rgba(14,165,233,.18); }
.legend-item--stable::after{
  content:"";
  position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 40%, rgba(14,165,233,.16), transparent 55%);
  opacity:.75;
}

.legend-item--drifting .legend-chip{ border-color: rgba(255,207,90,.30); }
.legend-item--drifting .demo-bar{
  background: rgba(255,207,90,.26);
  animation: driftBar 2.8s ease-in-out infinite;
}
@keyframes driftBar{
  0%,100%{ width: 35%; opacity: .80; }
  50%{ width: 68%; opacity: 1; }
}

.legend-item--oscillating .legend-chip{ border-color: rgba(255,107,107,.32); }
.legend-item--oscillating .demo-bar{
  background: rgba(255,107,107,.22);
  animation: oscBar 0.9s linear infinite;
}
@keyframes oscBar{
  0%{ transform: translateX(-8px); opacity:.55; width: 30%; }
  50%{ transform: translateX(8px); opacity:1; width: 62%; }
  100%{ transform: translateX(-8px); opacity:.55; width: 30%; }
}

.legend-item--impacted .legend-chip{ border-color: rgba(255,138,84,.34); }
.legend-item--impacted .demo-bar{
  background: rgba(255,138,84,.22);
  box-shadow: 0 0 22px rgba(255,138,84,.18);
  animation: impactBar 1.6s ease-in-out infinite;
}
@keyframes impactBar{
  0%,100%{ width: 72%; opacity: .85; }
  50%{ width: 86%; opacity: 1; }
}

.legend-item--recovering .legend-chip{ border-color: rgba(255,255,255,.22); }
.legend-item--recovering .demo-bar{
  background: rgba(255,255,255,.16);
  animation: recoverBar 2.2s ease-in-out infinite;
}
@keyframes recoverBar{
  0%{ width: 88%; opacity:.55; }
  50%{ width: 58%; opacity:.85; }
  100%{ width: 88%; opacity:.55; }
}

.mode-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.05rem;
}
@media (min-width: 992px){
  .mode-grid{ grid-template-columns: 1fr 1fr; }
}
.mode{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.mode__hd{
  padding: 1.05rem 1.1rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(14,165,233,.08), rgba(99,102,241,.05));
}
.mode__title{ font-weight: 950; letter-spacing: -.35px; }
.mode__tag{ color: rgba(255,255,255,.70); font-weight: 750; margin-top:.15rem; }
.mode__bd{ padding: 1.05rem 1.1rem; color: rgba(255,255,255,.74); }
.mode__screen{ padding: 0 1.1rem 1.1rem; }
.mode-svg{ width:100%; height: 220px; display:block; filter: drop-shadow(0 18px 46px rgba(0,0,0,.40)); }