.site-action-bar { background: #153f62; font-family: Camphor, "Open Sans", "Segoe UI", sans-serif; }
.site-action-bar__links { min-height: 36px; display: flex; align-items: center; justify-content: center; gap: 18px; }
nav.site-action-bar a { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; color: #fff !important; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
nav.site-action-bar a:hover { text-decoration: underline !important; text-underline-offset: 4px; }
nav.site-action-bar a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 2px; }
.site-action-bar .site-action-bar__trial { color: #b8f4d2 !important; }
.site-action-bar__divider { color: #ffffff50; font-size: 13px; }
.site-action-bar__phone { font-weight: 400; }
.site-action-bar__mobile-label { display: none; }
@media (max-width: 575px) {
  .site-action-bar__links { min-height: 32px; justify-content: center; gap: 10px; }
  nav.site-action-bar a { min-height: 32px; font-size: 12px; gap: 5px; }
  .site-action-bar__desktop-label, .site-action-bar__phone { display: none; }
  .site-action-bar__mobile-label { display: inline; }
}

/* One gentle entrance; keep the bar's space reserved throughout. */
@media (prefers-reduced-motion: no-preference) {
  .site-action-bar { position: relative; isolation: isolate; }
  .site-action-bar__links { animation: topbar-enter 650ms cubic-bezier(.22, 1, .36, 1) both; }
  .site-action-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .16) 48%, transparent 66%);
    background-size: 250% 100%;
    background-repeat: no-repeat;
    animation: topbar-shine 1800ms ease-in-out 450ms both;
  }
}
@keyframes topbar-enter {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes topbar-shine {
  0% { background-position: 200% 0; opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { background-position: -100% 0; opacity: 0; }
}
