@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/fonts/SuisseIntl-Light.otf") format("opentype");
}

@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/SuisseIntl-Regular.otf") format("opentype");
}

@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url("/fonts/SuisseIntl-Medium.otf") format("opentype");
}

@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/SuisseIntl-Bold.otf") format("opentype");
}

html {
  scroll-behavior: smooth;
}

body {
  background: #f1f5ff;
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
  font-family: SuisseIntl, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5rem;
}

.\~mt-8\/12 {
  margin-top: clamp(2rem, 1.55rem + 2.27vw, 3rem);
}

.\~p-6\/8 {
  padding: clamp(1.5rem, 1.27rem + 1.14vw, 2rem);
}

.\~p-8\/12 {
  padding: clamp(2rem, 1.55rem + 2.27vw, 3rem);
}

.\~px-4\/6 {
  padding-left: clamp(1rem, 0.77rem + 1.14vw, 1.5rem);
  padding-right: clamp(1rem, 0.77rem + 1.14vw, 1.5rem);
}

.\~px-4\/8 {
  padding-left: clamp(1rem, 0.55rem + 2.27vw, 2rem);
  padding-right: clamp(1rem, 0.55rem + 2.27vw, 2rem);
}

.\~px-8\/10 {
  padding-left: clamp(2rem, 1.77rem + 1.14vw, 2.5rem);
  padding-right: clamp(2rem, 1.77rem + 1.14vw, 2.5rem);
}

.\~py-12\/20 {
  padding-top: clamp(3rem, 2.09rem + 4.55vw, 5rem);
  padding-bottom: clamp(3rem, 2.09rem + 4.55vw, 5rem);
}

.\~py-2\/3 {
  padding-top: clamp(0.5rem, 0.39rem + 0.57vw, 0.75rem);
  padding-bottom: clamp(0.5rem, 0.39rem + 0.57vw, 0.75rem);
}

.\~py-4\/5 {
  padding-top: clamp(1rem, 0.89rem + 0.57vw, 1.25rem);
  padding-bottom: clamp(1rem, 0.89rem + 0.57vw, 1.25rem);
}

.\~text-2xl\/6xl {
  font-size: clamp(1.5rem, 0.48rem + 5.11vw, 3.75rem);
  line-height: clamp(2rem, 1.2rem + 3.98vw, 3.75rem);
}

.\~text-base\/lg {
  font-size: clamp(1rem, 0.943rem + 0.284vw, 1.125rem);
  line-height: clamp(1.5rem, 1.39rem + 0.57vw, 1.75rem);
}

.\~text-lg\/xl {
  font-size: clamp(1.125rem, 1.068rem + 0.284vw, 1.25rem);
  line-height: 1.75rem;
}

.\~text-sm\/base {
  font-size: clamp(0.875rem, 0.818rem + 0.284vw, 1rem);
  line-height: clamp(1.25rem, 1.14rem + 0.57vw, 1.5rem);
}

.fade-in {
  opacity: 0;
  transform: translateY(100px) translateZ(0);
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0) translateZ(0);
}

@keyframes flicker {
  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  70%,
  to {
    opacity: 0.99;
    filter: drop-shadow(0 0 1px rgba(252, 211, 77))
      drop-shadow(0 0 15px rgba(245, 158, 11))
      drop-shadow(0 0 1px rgba(252, 211, 77));
  }
  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  69.999% {
    opacity: 0.4;
    filter: none;
  }
}

.animate-flicker {
  animation: flicker 3s linear infinite;
}

.drop-shadow-glow {
  filter: drop-shadow(0 0 15px rgba(245, 158, 11));
}