/* Pexy Limited */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100%;
  background: #0a6ebd;
  color: #ffffff;
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.pexy-stage {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 6vh 1.25rem;
  background: linear-gradient(180deg, #0a6ebd 0%, #0a6ebd 32%, #3aa0d8 58%, #ffffff 100%);
}

.top,
.bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom {
  flex-direction: column;
  gap: 2.5rem;
}

.brand {
  font-size: clamp(2.6rem, 10vw, 5.5rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(0, 40, 80, 0.28);
}

.investors-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(86vw, 22rem);
  height: 3rem;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  background: #0b6cb4;
  color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 6px 16px rgba(8, 60, 110, 0.22);
  transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
  user-select: none;
  -webkit-user-select: none;
}

.investors-btn:link,
.investors-btn:visited {
  color: #ffffff;
  background: #0b6cb4;
}

.investors-btn:hover {
  background: #095a96;
  color: #ffffff;
}

.investors-btn:active {
  background: #063f6b;
  color: #ffffff;
  transform: scale(0.97) translateY(2px);
  box-shadow: 0 2px 6px rgba(8, 60, 110, 0.28);
}

.investors-btn:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

.contact-btn {
  width: min(86vw, 22rem);
  height: 2.75rem;
  font-size: 0.95rem;
}

.investors-page h1 {
  font-size: clamp(2.6rem, 10vw, 5.5rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(0, 40, 80, 0.28);
}

.investors-page p {
  max-width: 22rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #063f6b;
}

.back-btn {
  width: auto;
  min-width: 8rem;
  height: 2.75rem;
  padding: 0 2rem;
  font-size: 0.875rem;
}

@media (min-width: 640px) {
  .pexy-stage {
    padding: 6vh 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .investors-btn {
    transition: none;
  }
}