/* home2 — fast first paint + smooth scroll */

html[data-truffl-page="home2"] .font-bold {
  font-weight: 700;
}

/* Text visible immediately (no scroll-triggered fade) */
html[data-truffl-page="home2"].js-ready.text-animate-ready .text-animate,
html[data-truffl-page="home2"].js-ready.text-animate-ready .text-animate.text-animate--in {
  opacity: 1;
  transform: none;
  animation: none;
  will-change: auto;
}

html[data-truffl-page="home2"] .home-features-bento {
  margin-bottom: clamp(3rem, 8vw, 4rem);
}

@media (min-width: 1024px) {
  html[data-truffl-page="home2"] .home-features-bento {
    margin-bottom: 9rem;
  }
}

/* Marquees only animate while the section is on screen */
html[data-truffl-page="home2"] .bloom-reviews__marquee-track,
html[data-truffl-page="home2"] .bloom-hiw__marquee-track {
  animation-play-state: paused;
  will-change: auto;
}

html[data-truffl-page="home2"] .bloom-reviews.is-inview .bloom-reviews__marquee-track,
html[data-truffl-page="home2"] .bloom-hiw.is-inview .bloom-hiw__marquee-track {
  animation-play-state: running;
  will-change: transform;
}

html[data-truffl-page="home2"] {
  scroll-behavior: auto;
}

/* Skip painting off-screen blocks until near viewport */
html[data-truffl-page="home2"] .bloom-hiw,
html[data-truffl-page="home2"] .bloom-pricing,
html[data-truffl-page="home2"] .bloom-blog,
html[data-truffl-page="home2"] .bloom-final-cta,
html[data-truffl-page="home2"] #home-competitor-compare {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

/* filter: blur on bento cards is expensive while scrolling */
html[data-truffl-page="home2"] .home-bento-card::after {
  display: none;
}

html[data-truffl-page="home2"] .home-bento-card::before {
  opacity: 0.14;
}

html[data-truffl-page="home2"] .bloom-faq__pattern {
  display: none;
}

/* Hero shows poster until lazy video is ready — avoids blank frame */
html[data-truffl-page="home2"] #heroDemoVideo {
  background: #0a0a0f;
  object-fit: cover;
}

html[data-truffl-page="home2"] #heroDemoVideo:not(.truffl-video-ready) {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html[data-truffl-page="home2"] .bloom-reviews__marquee-track,
  html[data-truffl-page="home2"] .bloom-hiw__marquee-track {
    animation: none !important;
    will-change: auto !important;
  }
}