/* Shared free-onboarding strip above the site header. */
.wk-announce {
  position: sticky; top: 0; z-index: 11;
  display: block; margin: 0; padding: 4px 16px; background: #000; color: #fff; text-align: center;
  text-decoration: none;
  font-family: var(--wk-sans); font-size: 13px; line-height: 18px; letter-spacing: -0.01em;
  transition: transform .3s cubic-bezier(.22, .8, .24, 1);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wk-announce.is-closed { transform: translateY(-100%); }
.wk-announce:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.wk-announce-short { display: none; }
.wk-announce-long, .wk-announce-short {
  background: linear-gradient(90deg, #6ff5b4, #4fd8f0, #5b8cff, #a98bff, #4fd8f0, #6ff5b4) 0 0 / 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: #fff; transition: color .3s ease;
  animation: wk-announce-shine 4s linear infinite; animation-play-state: paused;
}
.wk-announce:hover .wk-announce-long, .wk-announce:hover .wk-announce-short {
  color: transparent; animation-play-state: running;
}
@keyframes wk-announce-shine { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) {
  .wk-announce-long, .wk-announce-short { animation: none; }
  .wk-announce { transition: none; }
}
@media (max-width: 759px) {
  .wk-announce-long { display: none; }
  .wk-announce-short { display: inline; }
}
@media (max-width: 400px) {
  .wk-announce { padding-inline: 12px; font-size: 12px; }
}