/* ARA FINANCIAL ALCHEMY — PERFORMANCE v2
   Goal: preserve the visual hierarchy while reducing paint/compositor work.
*/

/* Avoid fixed background repaints and expensive backdrop filters. */
html{scroll-behavior:auto}
body{background-attachment:scroll!important}
.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Render below-the-fold sections only when approaching the viewport. */
.section{content-visibility:auto;contain-intrinsic-size:720px;}

/* Decorative layers: keep them static; these are the biggest recurring paint costs. */
body::before{
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
section::before{
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.hero::before,.hero::after{
  animation:none!important;
}
.ara-spark{
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.alchemist-lab::before,
.alchemist-lab::after,
.chemical-formula,
.ore-particle,
.security-dot{
  animation:none!important;
}
.orbit,
.orbit .formula,
.core,
.orbit::before,
.orbit::after{
  animation:none!important;
}

/* Remove blur compositing from the small glass element. */
.transformation-line .reagent{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Avoid hover-triggered layout/compositing work on touch devices. */
@media (hover:none){
  .btn:hover,.card:hover,.principle:hover{transform:none!important}
  .card:hover::after,.principle:hover::after{transform:none!important}
}

/* On low-motion systems, also remove reveal transitions. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .reveal{opacity:1!important;transform:none!important}
}