/* GO LIVE PANEL */
.golive{
  margin-top: 26px;
  border-radius: 22px;
  padding: 22px 20px;

  background: rgba(3, 16, 36, .26);
  border: 1px solid rgba(255,255,255,.10);

  box-shadow: 0 20px 70px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.golive-head{
  text-align: left;
  margin-bottom: 14px;
}

.golive-title{
  margin: 0;
  font-size: 18px;
  font-weight: 950;
  color: rgba(255,255,255,.95);
}

.golive-kicker{
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.78);
  font-weight: 650;
  max-width: 90ch;
}

.golive-steps{
  margin: 16px 0 0;
  padding: 0;
  list-style: none;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.golive-step{
  border-radius: 18px;
  padding: 16px 14px;

  background: rgba(5, 18, 42, .30);
  border: 1px solid rgba(255,255,255,.10);

  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.golive-step:hover{
  transform: translateY(-4px);
  border-color: rgba(79,211,255,.30);
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}

.golive-no{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 28px;
  padding: 0 10px;
  border-radius: 999px;

  font-weight: 950;
  letter-spacing: .10em;
  font-size: 14px;

  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

.golive-body{
  margin-top: 10px;
}

.golive-body h4{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(255,255,255,.95);
}

.golive-body p{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,.78);
  font-weight: 650;
}