.main-img { display: none; }

.site-footer a { text-decoration: none !important; }
.site-footer a:hover, .site-footer a:focus, .site-footer a:active { text-decoration: none !important; }

.city-card { background: #fbf6ee; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .1s ease; color: inherit; cursor: pointer; }
.city-card:hover { background: #f6eddf; box-shadow: 0 4px 16px rgba(0,0,0,0.10); transform: translateY(-2px); color: inherit; }
.city-card.is-active { background: #f3e6d2; border-color: rgba(243,128,32,0.35) !important; }
.city-name { white-space: nowrap; }

.badge-current { background: rgba(34,197,94,.18); color:#14532d; border: 1px solid rgba(34,197,94,.30); }

.live-pill { display:inline-flex; align-items:center; gap:.5rem; padding:.25rem .6rem; border:1px solid rgba(255,255,255,.20); border-radius:999px; background: rgba(0,0,0,.22); color: rgba(255,255,255,.78); }
.live-pill strong { color:#ffffff; }
.live-pill .live-muted { color: rgba(255,255,255,.62); }
.live-dot { width:.5rem; height:.5rem; border-radius:999px; background:#22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.55); animation: livePulse 1.4s infinite; }
@keyframes livePulse { 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.55);} 70%{ box-shadow:0 0 0 .5rem rgba(34,197,94,0);} 100%{ box-shadow:0 0 0 0 rgba(34,197,94,0);} }

.hero-text-wrap { position:absolute; inset:0; z-index:1; display:flex; align-items:flex-start; justify-content:center; padding-top:9rem; pointer-events:none; }
.hero-text-inner { text-align:center; color:#fff; max-width:660px; padding:0 1.5rem; }
.hero-title span { color:#ff9f4a; }
.hero-trust { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.3rem .5rem; font-size:clamp(.72rem,1.8vw,.82rem); color:#fff; }
.hero-trust strong { color:#fff; font-weight:600; }
.hero-trust-sep { color:rgba(255,255,255,.5); }

@media (max-width:576px) {
  .hero-text-wrap { padding-top:4.5rem; }
  .hero-title br { display:none; }
  .hero-trust-sep { display:none; }
}

@media (max-width: 576px) { #region-hero { min-height: 62vh; background-position: center; } }
@media (max-width: 767.98px) { .award-badge { top: 35vh !important; bottom: auto !important; transform: none !important; } }