/* ============ RIGHT NOW (inverted status) ============ */
#now{
  background: var(--now-bg);
  color: var(--cream);
}

.now-panel{
  max-width: 680px;
  text-align: left;
}

.now-status{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-mono);
  font-size: 0.85rem;
  color: var(--accent-on-dark);
  margin-bottom: 1.5rem;
}

.status-dot{
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent-on-dark);
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse{
  0%, 100%{ opacity: 1; box-shadow: 0 0 0 0 rgba(95,211,167,0.5); }
  50%{ opacity: 0.6; box-shadow: 0 0 0 6px rgba(95,211,167,0); }
}

.now-panel h2{
  font-size: clamp(1.9rem, 2.6vw + 1rem, 2.6rem);
  font-weight: 700;
  margin-bottom: 1.25rem;
  color: var(--cream);
}

.now-panel p{
  color: #B7BAC0;
  font-size: 1.05rem;
  max-width: 54ch;
  margin: 0 0 2rem 0;
}

.now-panel .btn-text{
  color: var(--cream);
  border-color: var(--cream);
}
.now-panel .btn-text:hover{ color: var(--accent-on-dark); border-color: var(--accent-on-dark); }