:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  min-width: 320px;
  overflow-x: hidden;
}

img,
iframe {
  max-width: 100%;
}

.font800 {
  font-weight: 800;
}

.hero-title {
  overflow-wrap: break-word;
}

.warriorplus-offer {
  max-width: 520px;
}

.warriorplus-button {
  width: min(100%, 420px);
  overflow: visible;
  padding-top: 0.75rem;
}

.warriorplus-button img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: transform 180ms ease, filter 180ms ease;
}

.warriorplus-button a:focus-visible img,
.warriorplus-button a:hover img {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

.warriorplus-disclaimer {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: inherit;
  background: transparent;
}

.faq-panel {
  display: none;
}

.faq-item.is-open .faq-panel {
  display: block;
}

.faq-item.is-open .faq-trigger i {
  transform: rotate(180deg);
}

.faq-trigger i {
  transition: transform 180ms ease;
}

.legal-content h2 {
  margin-bottom: 0.65rem;
  font-size: 1.15rem;
  font-weight: 800;
  color: #0f172a;
}

.legal-content p {
  line-height: 1.8;
}

.legal-content a {
  font-weight: 700;
  color: #0f766e;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 420px) {
  .hero-title {
    font-size: 2rem;
    line-height: 1.15;
  }

  .warriorplus-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .warriorplus-button img,
  .faq-trigger i {
    transition: none;
  }
}