/* Refinements requested after the first visual preview. */

/* Keep all headings in the Heebo family as part of the BitBus visual system. */
h1,
h2,
h3,
.status-panel strong,
.section-top h2,
.comparison h2,
.comparison h3,
.competition-content h2,
.offer-modal-top h2,
.competition-modal-top h2 {
  font-family: "Heebo", "Segoe UI", sans-serif;
  font-weight: 500;
  letter-spacing: -0.035em;
}

h1 {
  font-size: clamp(2.8rem, 6.3vw, 5.6rem);
  line-height: 0.98;
}

.status-panel strong {
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  line-height: 1.02;
}

/* Progressive selector: show status only after a city has been chosen. */
.steps > .selector:nth-child(2) {
  display: none;
}

.steps > .selector:first-child:has(.tile.active) + .selector {
  display: block;
  animation: bb-status-reveal 220ms ease-out both;
}

@keyframes bb-status-reveal {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .steps > .selector:first-child:has(.tile.active) + .selector {
    animation: none;
  }
}