html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.soft-shadow {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.soft-border {
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: -100px;
  z-index: 999;
  background: var(--es-accent-600, #2563eb);
  color: white;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-weight: 700;
  transition: top 0.2s ease;
}

.skip-link:focus {
  top: 1rem;
}

.section-soft {
  background:
    linear-gradient(180deg, rgba(248,250,252,1) 0%, rgba(255,255,255,1) 100%);
}

.panel-shadow {
  box-shadow:
    0 28px 55px rgba(15, 23, 42, 0.14),
    0 8px 20px rgba(15, 23, 42, 0.06);
}

.card-lift {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card-lift:hover {
  transform: translateY(-4px);
  box-shadow:
    0 26px 50px rgba(15, 23, 42, 0.14),
    0 10px 20px rgba(15, 23, 42, 0.06);
}

.es-header-brand-link {
  display: inline-flex;
  width: clamp(150px, 18vw, 250px);
  flex: 0 0 auto;
  align-items: center;
}

.es-header-brand-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}