* {
  border-color: hsl(0 0% 15%);
}
body {
  background-color: hsl(0 0% 0%);
  color: hsl(0 0% 100%);
  font-family: "Inter", system-ui, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-headline {
  font-family: "Oswald", sans-serif !important;
  font-weight: 700 !important;
}
.text-yellow-500 {
  background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.bg-yellow-500 {
  background: linear-gradient(
    to right,
    #bf953f,
    #fcf6ba,
    #b38728
  ) !important;
}
.border-yellow-500 {
  border-color: #bf953f !important;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.animate-marquee {
  animation: marquee 30s linear infinite;
}
.animate-marquee-reverse {
  animation: marquee 30s linear infinite reverse;
}
.marquee-pause:hover .animate-marquee,
.marquee-pause:hover .animate-marquee-reverse {
  animation-play-state: paused;
}
.animate-pulse-slow {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
details > summary {
  list-style: none;
  cursor: pointer;
}
details > summary::-webkit-details-marker {
  display: none;
}
details[open] .faq-chevron {
  transform: rotate(180deg);
}
.faq-chevron {
  transition: transform 0.2s ease;
}
::selection {
  background: rgba(168, 85, 247, 0.3);
}
.mask-fade {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
}
.wistia-facade {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}
.wistia-facade::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(168, 85, 247, 0.15),
    transparent 70%
  );
}
.wistia-facade-play {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.wistia-facade:hover .wistia-facade-play {
  transform: scale(1.1);
}