:root {
  --kinehub-brand: #229799;
}



html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

.max-w-full {
  max-width: 100%;
}

.max-h-full {
  max-height: 100%;
}

body>header,
body>footer {
    flex: 0 1 auto;
}

body>#main {
    flex: 1 1 auto;
}

.bg-grid-slate-100 {
  background-image: linear-gradient(to right, rgb(241 245 249 / 0.5) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(241 245 249 / 0.5) 1px, transparent 1px);
  background-size: 24px 24px;
}

.bg-grid-white\/5 {
  background-image: linear-gradient(to right, rgb(255 255 255 / 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(255 255 255 / 0.05) 1px, transparent 1px);
  background-size: 32px 32px;
}

.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(15, 23, 42, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.kinehub-logo--light {
  display: block;
}

.kinehub-logo--dark {
  display: none;
}

html[data-theme="dark"] .kinehub-logo--light,
body[data-theme="dark"] .kinehub-logo--light {
  display: none;
}

html[data-theme="dark"] .kinehub-logo--dark,
body[data-theme="dark"] .kinehub-logo--dark {
  display: block;
}

.text-balance {
  text-wrap: balance;
}

.kinehub-marquee {
  overflow: hidden;
}

.kinehub-marquee__track {
  display: flex;
  width: max-content;
  gap: 1.5rem;
  will-change: transform;
  animation: kinehub-marquee 40s linear infinite;
}

.pricing-card {
  transform: translateZ(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform;
}

.pricing-card:hover,
.pricing-card:focus-within {
  transform: translateY(-8px) scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .pricing-card {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .pricing-card:hover,
  .pricing-card:focus-within {
    transform: none;
  }
}

@keyframes kinehub-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

[data-menu-panel][hidden] {
  display: none;
}

#legals h1, #legals h2, #legals h3, #legals h4, #legals h5, #legals h6 {
    color: #062323;
}

.dark #legals h1, .dark #legals h2, .dark #legals h3, .dark #legals h4, .dark #legals h5, .dark #legals h6,
body[data-theme="dark"] #legals h1, body[data-theme="dark"] #legals h2, body[data-theme="dark"] #legals h3,
body[data-theme="dark"] #legals h4, body[data-theme="dark"] #legals h5, body[data-theme="dark"] #legals h6 {
    color: #33cdcd;
}

/* Ensure dark:bg-slate-600 works without rebuilding Tailwind. */
.dark .dark\:bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.-top-3 {
    top: -0.75rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}