/* SINOOVA S1 Landing · custom styles (supplements Tailwind CDN) */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* logo is black-on-transparent; invert to white for dark theme */
.logo-invert { filter: invert(1) brightness(1.6); }

/* nav background when scrolled */
#nav.scrolled {
  background: rgba(14, 15, 18, 0.85);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* shrink-on-scroll nav: large at top, compact after scrolling */
.nav-inner { height: 104px; transition: height .3s ease; }
.nav-logo  { height: 84px;  transition: height .3s ease; }   /* ~3x at top */
#nav.scrolled .nav-inner { height: 60px; }
#nav.scrolled .nav-logo  { height: 36px; }   /* 与 RICHIEDI PREVENTIVO 按钮同高，上下齐平 */

@media (max-width: 768px) {
  .nav-inner { height: 72px; }
  .nav-logo  { height: 50px; }
  #nav.scrolled .nav-inner { height: 56px; }
  #nav.scrolled .nav-logo  { height: 36px; }  /* 与按钮同高 */
}

/* form inputs */
.form-in {
  width: 100%;
  background: #0E0F12;
  border: 1px solid rgba(199, 204, 209, 0.15);
  border-radius: 0.5rem;
  padding: 0.6rem 0.8rem;
  color: #fff;
  font-size: 0.9rem;
  transition: border-color .2s;
}
.form-in:focus {
  outline: none;
  border-color: #C8975A;
}
.form-in.invalid { border-color: #f87171; }
select.form-in { color: #C7CCD1; }

/* keyboard focus visibility (WCAG 2.4.7) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #C8975A;
  outline-offset: 2px;
  border-radius: 4px;
}

/* simple reveal on scroll */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}