/* MediSwitch header: gradient logo + premium CTA (all landing pages) */

.header a.logo,
.header .logo {
  display: inline-block;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.5px;
  color: transparent !important;
  background: linear-gradient(
    125deg,
    #1e3a8a 0%,
    #2563eb 28%,
    #3b82f6 52%,
    #38bdf8 78%,
    #7dd3fc 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.45))
    drop-shadow(0 2px 12px rgba(37, 99, 235, 0.32));
  transition: filter 0.25s ease, transform 0.25s ease;
}

.header a.logo:hover {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6))
    drop-shadow(0 4px 16px rgba(37, 99, 235, 0.42));
  transform: translateY(-0.5px);
}

.header .header-cta.animate-pulse {
  animation: none !important;
}

.header .header-cta {
  color: #fff !important;
  background: linear-gradient(
    155deg,
    #1e3a8a 0%,
    #1d4ed8 22%,
    #2563eb 48%,
    #3b82f6 72%,
    #60a5fa 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset,
    0 2px 0 rgba(255, 255, 255, 0.1) inset,
    0 4px 16px rgba(37, 99, 235, 0.4),
    0 10px 28px rgba(30, 64, 175, 0.24) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease !important;
}

.header .header-cta:hover {
  background: linear-gradient(
    155deg,
    #172554 0%,
    #1e40af 30%,
    #2563eb 55%,
    #3b82f6 100%
  ) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.38) inset,
    0 6px 22px rgba(37, 99, 235, 0.5),
    0 14px 34px rgba(30, 64, 175, 0.3) !important;
  filter: brightness(1.04);
}

.header .header-cta:active {
  transform: translateY(0) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 2px 10px rgba(37, 99, 235, 0.36) !important;
  filter: brightness(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .header a.logo:hover,
  .header .header-cta:hover {
    transform: none !important;
  }
}