/* BAYITLUX preview quality pass: typography, rhythm and restrained interaction. */
:root {
  --text-hero--line-height: 1.12;
  --text-title--line-height: 1.16;
  --text-heading--line-height: 1.34;
  --text-lead--line-height: 1.62;
  --text-paragraph--line-height: 1.78;
}
html { scroll-padding-top: 6.5rem; }
body {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}
.contents { display: contents; }
.section-y { padding-block: clamp(4rem, 2.5rem + 3.4vw, 6.5rem); }
.text-hero, .text-title { letter-spacing: -0.012em; }
.text-heading { letter-spacing: -0.006em; }
.text-lead, p, li { hanging-punctuation: first last; }
header {
  overflow: hidden;
  background: color-mix(in srgb, var(--canvas) 94%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--line) 45%, transparent);
}
header img[src*="BAYITLUX_mark_outline"],
footer img[src*="BAYITLUX_mark_outline"] {
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
}
header picture { display: block; flex: none; }
@media (min-width: 1024px) {
  header > .page-x { height: 104px; }
}
a, button, input, select, summary { -webkit-tap-highlight-color: transparent; }
a.bg-btn, button.bg-btn {
  transition: transform 180ms var(--ease-out), opacity 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
}
a.bg-btn:hover, button.bg-btn:hover { opacity: .94; box-shadow: 0 8px 20px -14px rgb(0 0 0 / .65); }
a.bg-btn:active, button.bg-btn:active { transform: translateY(1px); }
#founders article > div img { transition: transform 500ms var(--ease-out); }
#service [data-fade] { transition-property: opacity, translate, border-color; }
#lead-form { box-shadow: 0 20px 50px -44px rgb(0 0 0 / .42); }
#lead-form input:focus, #lead-form select:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
#lead-form label:has(input[type="checkbox"]) { line-height: 1.55; }
#faq details summary { text-underline-offset: .35em; }
#faq details[open] summary { color: var(--accent-ink); }
::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); color: var(--ink); }
@media (hover: hover) and (pointer: fine) {
  a.bg-btn:hover, button.bg-btn:hover { transform: translateY(-1px); }
  #founders article:hover > div img { transform: scale(1.012); }
}
@media (max-width: 639px) {
  header > .page-x { min-height: 96px; }
  html { scroll-padding-top: 6rem; }
  .text-hero { font-size: clamp(2.25rem, 9.2vw, 2.5rem); }
  .text-title { font-size: clamp(2rem, 8.2vw, 2.25rem); }
  #lead-form { padding-bottom: 2rem; }
  #founders article + article { margin-top: .25rem; }
  #faq details summary { gap: 1rem; font-size: 1.1875rem; }
}
@media (min-width: 1280px) {
  .page-x { padding-inline: 3rem; }
  #top > .page-x { padding-top: 3.5rem; padding-bottom: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  #founders article > div img, a.bg-btn, button.bg-btn { transform: none !important; }
}