/* DECT — lightweight flowing aurora (home hero only) | 2026-11-08
   Layered pre-blurred assets; composited transforms; no runtime filter animation.
   Put this stylesheet LAST on each homepage to preserve the existing fast fix. */
/* DECT AURORA — motion restored without real-time blur.
   Each glow is a tiny transparent, PRE-BLURRED WebP. The browser composites
   their transforms only; no filter animation, SVG character animation, or JS.
   Three different paths let blue, teal and champagne drift THROUGH each other. */
.hero.dect-glow-hero .dect-glow-field::before {
  filter:none!important;
  mix-blend-mode:screen!important;
  opacity:.76!important;
  animation:none!important; /* Static foundation; moving colors are below. */
  will-change:auto!important;
}
.hero.dect-glow-hero .dect-glow-field>span {
  display:block;
  border-radius:0!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  will-change:transform!important;
  pointer-events:none;
}
.hero.dect-glow-hero .dect-glow-field .glow-a {
  width:111%;height:53%;left:-25%;top:25%;
  opacity:.83!important;
  background-image:url("dect-aurora-ribbon-blue.webp")!important;
  animation:dect-glow-flow-blue 22s ease-in-out infinite!important;
}
.hero.dect-glow-hero .dect-glow-field .glow-b {
  width:100%;height:54%;left:16%;top:9%;
  opacity:.73!important;
  background-image:url("dect-aurora-ribbon-steel.webp")!important;
  animation:dect-glow-flow-steel 27s ease-in-out infinite!important;
}
.hero.dect-glow-hero .dect-glow-field .glow-c {
  width:88%;height:59%;right:-15%;top:28%;
  opacity:.84!important;
  background-image:url("dect-aurora-ribbon-champagne.webp")!important;
  animation:dect-glow-flow-gold 25s ease-in-out infinite!important;
}
.hero.dect-glow-hero .dect-glow-field .glow-d,
.hero.dect-glow-hero .dect-glow-field .glow-e {
  display:none!important;animation:none!important;filter:none!important;
}
@keyframes dect-glow-flow-blue {
  0%,100% {transform:translate3d(-8%,5%,0) rotate(-8deg) scale(1.06)}
  50% {transform:translate3d(13%,-7%,0) rotate(7deg) scale(1.15)}
}
@keyframes dect-glow-flow-steel {
  0%,100% {transform:translate3d(12%,-7%,0) rotate(9deg) scale(1.04)}
  50% {transform:translate3d(-13%,9%,0) rotate(-9deg) scale(1.12)}
}
@keyframes dect-glow-flow-gold {
  0%,100% {transform:translate3d(12%,9%,0) rotate(-7deg) scale(1.03)}
  50% {transform:translate3d(-16%,-10%,0) rotate(7deg) scale(1.13)}
}
/* On narrow screens only two large color layers move — smaller GPU budget. */
@media(max-width:700px){
  .hero.dect-glow-hero .dect-code-stream::before {
    background-size:1120px auto;opacity:.35;
  }
  .hero.dect-glow-hero .dect-glow-field .glow-b {display:none!important;}
  .hero.dect-glow-hero .dect-glow-field .glow-a {
    width:126%;left:-27%;top:23%;opacity:.76!important;
  }
  .hero.dect-glow-hero .dect-glow-field .glow-c {
    width:117%;right:-24%;top:32%;opacity:.78!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero.dect-glow-hero .dect-code-stream::before,
  .hero.dect-glow-hero .dect-glow-field::before,
  .hero.dect-glow-hero .dect-glow-field>span {
    animation:none!important;will-change:auto!important;transform:none!important;
  }
}