/* Local particle surfaces; the approved service scenes keep their own styles. */
.home-review .particle-hero { position: relative; isolation: isolate; overflow: clip; min-height: min(850px, calc(100svh - 72px)); padding: 0; }
.home-review .particle-hero .hero-layout { min-height: inherit; display: flex; align-items: center; justify-content: center; padding-block: 6rem 13rem; }
.particle-hero .hero-copy { display: block; position: relative; z-index: 1; text-align: center; }
.home-review .particle-hero .tag { display: inline-block; margin-bottom: 1.75rem; }
.home-review .particle-hero h1 { max-width: 16ch; margin-inline: auto; font-size: clamp(3rem, 5.4vw, 5.25rem); line-height: 1.05; letter-spacing: -.035em; }
html[lang="uk"] .home-review .particle-hero h1 { max-width: 28ch; }
.particle-hero .hero-line { display: block; }
html[lang="en"] .home-review .particle-hero h1 { max-width: 22ch; }
.particle-hero .hero-bottom { padding: 0; margin-top: 1.75rem; }
.home-review .particle-hero .hero-sub { max-width: 29rem; margin: 0 auto 1.75rem; font-size: 1.125rem; line-height: 1.5; text-wrap: balance; }
.home-review .particle-hero .hero-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: .65rem; }
.home-review .particle-hero .hero-cta .btn { min-width: 0; width: auto; }
.hero-particles { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.particle-hero:focus-visible { outline: 2px solid var(--ink); outline-offset: -6px; }
.particle-hero:has(.hero-particles[data-unavailable]) .hero-layout { padding-bottom: 6rem; }
.mf-particles-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.js .mf-particle-mode .mf-slide,
.js .mf-particle-mode .mf-slide.is-past,
.js .mf-particle-mode .mf-slide .w { transform: none; transition: none; }
.js .mf-particle-mode .mf-slide .w { display: inline-block; opacity: 1; }
.js .mf-particle-mode .mf-slide.is-active { opacity: 1; }
.js .mf-particle-mode.is-dispersing .mf-slide.is-active { opacity: 0; }
.js .mf-particle-mode .mf-slide.is-active .w { transition: none; }
@media (max-width: 900px) {
  .home-review .particle-hero h1 { font-size: clamp(3rem, 7.6vw, 4.5rem); }
  .home-review .particle-hero .hero-layout { padding-block: 5rem 11rem; }
}
@media (max-width: 640px) {
  .home-review .particle-hero { min-height: 0; }
  .home-review .particle-hero .hero-layout { padding-block: 3.25rem 15rem; }
  .home-review .particle-hero .tag { margin-bottom: 1.5rem; }
  .home-review .particle-hero h1 { max-width: 16ch; font-size: clamp(2.5rem, 10.5vw, 3.5rem); }
  html[lang="en"] .home-review .particle-hero h1 { max-width: 19ch; font-size: clamp(2.25rem, 9.4vw, 3.1rem); }
  .home-review .particle-hero .hero-sub { font-size: 1rem; max-width: 23rem; margin-bottom: 1.5rem; }
  .particle-hero .hero-bottom { margin-top: 1.5rem; }
  .home-review .particle-hero .hero-cta .btn { padding-inline: 1.1rem; font-size: .875rem; }
  .hero-particles { top: auto; bottom: 0; height: 240px; }
}
@media (max-width: 360px) {
  .home-review .particle-hero .hero-cta { flex-direction: column; align-items: center; }
  .home-review .particle-hero .hero-cta .btn { min-width: 11rem; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-particles { display: none; }
  .home-review .particle-hero .hero-layout { padding-block: 4.5rem; }
  .home-review .particle-hero { min-height: 0; }
  .mf-particles-canvas { display: none; }
}