/* Simply Blockchain v9.0.15
   Lightweight, capability-aware motion system. Loaded after every historical
   stylesheet so legacy continuous GPU effects cannot reassert themselves. */

/* Legacy perimeter runners and continuous layers stay retired. The approved
   static glass, flecks, shadows and localised orange highlights remain. */
.sbx-edge-runner,
.sbx-mobile-shimmer{display:none!important}
.sbx-motion-ready .sbx-hero::after,
.sbx-motion-ready .sbx-inner-hero::after,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot,
.sbx-motion-ready .sbx-illum-rim>.sbx-ember-field{
  animation:none!important;
  animation-play-state:paused!important;
  will-change:auto!important;
}

/* A single paint-free reflection layer replaces the rotating masked ring.
   It is dormant unless JavaScript briefly applies .sbx-wake-active. */
.sbx-glass-wake{
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  top:-42%!important;
  bottom:-42%!important;
  left:-24%!important;
  width:18%!important;
  border-radius:48%!important;
  opacity:0!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.025) 18%,
    rgba(255,179,124,.105) 43%,
    rgba(252,79,0,.14) 52%,
    rgba(255,237,222,.085) 63%,
    rgba(255,255,255,0) 100%)!important;
  transform:translate3d(0,0,0) skewX(-17deg)!important;
  animation:none!important;
  will-change:auto!important;
}
.sbx-wake-active>.sbx-glass-wake{
  animation:sbxGlassWake915 880ms cubic-bezier(.2,.65,.28,1) 1 both!important;
  will-change:transform,opacity!important;
}
@keyframes sbxGlassWake915{
  0%{opacity:0;transform:translate3d(0,0,0) skewX(-17deg)}
  18%{opacity:.42}
  66%{opacity:.24}
  100%{opacity:0;transform:translate3d(790%,0,0) skewX(-17deg)}
}

/* Desktop/fine-pointer glass response. Only the card under the pointer owns
   one small pre-painted light texture; position changes use transform only. */
.sbx-pointer-light{
  display:none!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  left:0!important;
  top:0!important;
  width:176px!important;
  height:176px!important;
  border-radius:50%!important;
  opacity:0!important;
  background:radial-gradient(circle,
    rgba(252,79,0,.15) 0%,
    rgba(252,79,0,.075) 28%,
    rgba(255,255,255,.025) 46%,
    transparent 70%)!important;
  transform:translate3d(var(--sbx-light-x,-220px),var(--sbx-light-y,-220px),0)!important;
  transition:opacity 180ms ease!important;
  will-change:auto!important;
}
@media (hover:hover) and (pointer:fine){
  .sbx-motion-interactive>.sbx-pointer-light{display:block!important}
  .sbx-motion-interactive.sbx-pointer-active>.sbx-pointer-light{
    opacity:1!important;
    will-change:transform,opacity!important;
  }
  /* Cancel historical hover motion on informational surfaces. */
  .sbx-illum-rim:hover{transform:none!important}
  .sbx-motion-interactive:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(252,79,0,.32)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.17),
      inset 1px 0 0 rgba(255,255,255,.025),
      0 0 0 1px rgba(252,79,0,.075),
      0 12px 28px rgba(0,0,0,.27)!important;
  }
  .sbx-motion-interactive:hover>img,
  .sbx-motion-interactive:hover>.sbx-tool-feature__head>img,
  .sbx-motion-interactive:hover>.sbx-resource-card__head>img{
    transform:translate3d(0,-1px,0) scale(1.025)!important;
  }
}

/* Touch response. No sticky hover state: JavaScript removes this class on
   pointer-up/cancel and the browser has no permanently promoted layer. */
@media (hover:none), (pointer:coarse){
  .sbx-motion-interactive.sbx-touch-active{
    transform:scale(.992)!important;
    border-color:rgba(252,79,0,.34)!important;
  }
  .sbx-motion-interactive.sbx-touch-active>img,
  .sbx-motion-interactive.sbx-touch-active>.sbx-tool-feature__head>img,
  .sbx-motion-interactive.sbx-touch-active>.sbx-resource-card__head>img{
    transform:scale(1.035)!important;
  }
}

/* CTA hierarchy: the orange buttons keep the strongest motion. The sheen is
   transform/opacity-only and runs on interaction or for one visible CTA at a
   time; it is never a perpetual animation on every button. */
.sbx-btn.sbx-btn--orange{animation:none!important}
.sbx-btn.sbx-btn--orange>.sbx-cta-sheen{
  display:block!important;
  top:-44%!important;
  bottom:-44%!important;
  left:-24%!important;
  width:18%!important;
  opacity:0!important;
  border-radius:45%!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.16) 24%,
    rgba(255,250,246,.76) 50%,
    rgba(255,230,210,.28) 68%,
    rgba(255,255,255,0))!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translate3d(0,0,0) skewX(-17deg)!important;
  animation:none!important;
  will-change:auto!important;
}
.sbx-btn.sbx-btn--orange.sbx-sheen-active>.sbx-cta-sheen{
  animation:sbxCtaSheen915 920ms cubic-bezier(.2,.64,.28,1) 1 both!important;
  will-change:transform,opacity!important;
}
.sbx-btn.sbx-btn--orange.sbx-cta-attention{
  animation:sbxCtaAttention915 920ms cubic-bezier(.2,.72,.28,1) 1 both!important;
}
@keyframes sbxCtaSheen915{
  0%{opacity:0;transform:translate3d(0,0,0) skewX(-17deg)}
  20%{opacity:.82}
  72%{opacity:.32}
  100%{opacity:0;transform:translate3d(760%,0,0) skewX(-17deg)}
}
@keyframes sbxCtaAttention915{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  42%{transform:translate3d(0,-1px,0) scale(1.008)}
}

/* Entrance motion must release compositor hints after completing. */
.sbx-motion-ready .sbx-reveal.is-visible{will-change:auto!important}

/* Zero decorative movement when requested or when the page is backgrounded. */
html.sbx-page-paused .sbx-glass-wake,
html.sbx-page-paused .sbx-pointer-light,
html.sbx-page-paused .sbx-cta-sheen{
  animation:none!important;
  opacity:0!important;
  will-change:auto!important;
}
@media (prefers-reduced-motion:reduce){
  .sbx-glass-wake,
  .sbx-pointer-light,
  .sbx-btn.sbx-btn--orange>.sbx-cta-sheen{
    display:none!important;
    animation:none!important;
    opacity:0!important;
    transition:none!important;
    will-change:auto!important;
  }
  .sbx-motion-interactive,
  .sbx-motion-interactive:hover,
  .sbx-motion-interactive.sbx-touch-active,
  .sbx-btn.sbx-btn--orange.sbx-cta-attention{
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }
}