/* Canary Web Solution — Aurora Bars hero atmosphere */
.cws-aurora{
  --aurora-mx:0px;
  --aurora-my:0px;
  position:absolute;
  inset:0 0 auto 0;
  width:100%;
  height:100%;
  min-height:100%;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
  background:#020617;
  contain:paint;
}
.cws-aurora-base{
  position:absolute;
  inset:0;
  background:
    radial-gradient(80% 62% at 76% 16%,rgba(0,102,255,.12),transparent 68%),
    radial-gradient(60% 50% at 22% 38%,rgba(0,168,255,.065),transparent 72%),
    linear-gradient(180deg,#020617 0%,#041128 58%,#07182e 100%);
}
.cws-aurora-bars{
  position:absolute;
  inset:-16% -12% -8%;
  transform:translate3d(var(--aurora-mx),var(--aurora-my),0);
  transition:transform .9s cubic-bezier(.22,.68,.22,1);
  will-change:transform;
}
.cws-aurora-bar{
  position:absolute;
  display:block;
  width:clamp(140px,14vw,250px);
  height:125%;
  border-radius:999px;
  opacity:.18;
  transform-origin:50% 50%;
  filter:blur(18px);
  will-change:transform,opacity;
  backface-visibility:hidden;
  background:linear-gradient(180deg,
    rgba(99,216,255,0) 0%,
    rgba(99,216,255,.28) 18%,
    rgba(0,168,255,.40) 45%,
    rgba(0,102,255,.31) 70%,
    rgba(0,102,255,0) 100%);
  mix-blend-mode:screen;
}
.cws-aurora-bar-1{left:10%;top:-30%;width:clamp(120px,11vw,210px);opacity:.15;transform:rotate(24deg);animation:cwsAuroraDriftA 16s ease-in-out infinite,cwsAuroraPulse 8s ease-in-out infinite}
.cws-aurora-bar-2{left:27%;top:-22%;width:clamp(150px,15vw,270px);opacity:.21;transform:rotate(18deg);animation:cwsAuroraDriftB 20s ease-in-out -5s infinite,cwsAuroraPulse 10s ease-in-out -3s infinite}
.cws-aurora-bar-3{left:46%;top:-31%;width:clamp(130px,12vw,230px);opacity:.15;transform:rotate(12deg);animation:cwsAuroraDriftC 18s ease-in-out -8s infinite,cwsAuroraPulse 9s ease-in-out -1s infinite}
.cws-aurora-bar-4{left:62%;top:-24%;width:clamp(170px,17vw,310px);opacity:.20;transform:rotate(19deg);animation:cwsAuroraDriftA 22s ease-in-out -12s infinite,cwsAuroraPulse 11s ease-in-out -6s infinite}
.cws-aurora-bar-5{left:78%;top:-35%;width:clamp(135px,13vw,235px);opacity:.14;transform:rotate(28deg);animation:cwsAuroraDriftB 19s ease-in-out -9s infinite,cwsAuroraPulse 8.5s ease-in-out -4s infinite}
.cws-aurora-bar-6{left:91%;top:-20%;width:clamp(110px,10vw,190px);opacity:.11;transform:rotate(34deg);animation:cwsAuroraDriftC 17s ease-in-out -2s infinite,cwsAuroraPulse 9.5s ease-in-out -7s infinite}
.cws-aurora-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  opacity:.20;
  filter:blur(24px);
  will-change:transform,opacity;
}
.cws-aurora-glow-a{width:min(60vw,880px);height:min(60vw,880px);right:-20%;top:-30%;background:radial-gradient(circle,rgba(0,102,255,.25),rgba(0,168,255,.08) 43%,transparent 70%);animation:cwsAuroraGlowA 17s ease-in-out infinite}
.cws-aurora-glow-b{width:min(48vw,700px);height:min(48vw,700px);left:12%;bottom:-38%;background:radial-gradient(circle,rgba(0,168,255,.17),rgba(99,216,255,.045) 48%,transparent 72%);animation:cwsAuroraGlowB 20s ease-in-out -7s infinite}
.cws-aurora-horizon{
  position:absolute;
  left:-10%;right:-10%;bottom:-17%;height:44%;
  background:radial-gradient(ellipse at center,rgba(0,168,255,.10) 0%,rgba(0,102,255,.035) 34%,transparent 68%);
  filter:blur(18px);
  opacity:.55;
}
.cws-home .hero-natural{
  background:transparent!important;
  isolation:isolate;
  z-index:1;
}
.cws-home .hero-natural > .container{position:relative;z-index:3}
.cws-home .hero-natural > .hero-orb{z-index:1}
.cws-home .hero-natural:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,6,23,.26) 0%,rgba(2,6,23,.06) 45%,rgba(2,6,23,.16) 100%);
}
.cws-home .hero-natural .hero-orb{opacity:.20!important}
.cws-home .site-header{z-index:1000}
.cws-home .site-header .header-inner,
.cws-home .site-header.scrolled .header-inner{
  background:rgba(2,6,23,.73)!important;
  border-color:rgba(99,216,255,.10)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
.cws-home .site-header.scrolled .header-inner{background:rgba(2,6,23,.91)!important}
@keyframes cwsAuroraDriftA{
  0%,100%{transform:translate3d(-2%,-1%,0) rotate(22deg) scaleY(.96)}
  38%{transform:translate3d(8%,4%,0) rotate(18deg) scaleY(1.04)}
  72%{transform:translate3d(-5%,8%,0) rotate(25deg) scaleY(1)}
}
@keyframes cwsAuroraDriftB{
  0%,100%{transform:translate3d(1%,6%,0) rotate(16deg) scaleX(.96)}
  46%{transform:translate3d(-9%,-2%,0) rotate(22deg) scaleX(1.04)}
  78%{transform:translate3d(6%,3%,0) rotate(17deg) scaleX(1)}
}
@keyframes cwsAuroraDriftC{
  0%,100%{transform:translate3d(0,0,0) rotate(12deg)}
  35%{transform:translate3d(7%,7%,0) rotate(17deg)}
  68%{transform:translate3d(-7%,2%,0) rotate(10deg)}
}
@keyframes cwsAuroraPulse{0%,100%{opacity:.12}50%{opacity:.24}}
@keyframes cwsAuroraGlowA{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.17}50%{transform:translate3d(-5%,7%,0) scale(1.08);opacity:.24}}
@keyframes cwsAuroraGlowB{0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.13}50%{transform:translate3d(7%,-5%,0) scale(1.08);opacity:.21}}
@media(max-width:1050px){
  .cws-aurora-bar{filter:blur(15px);opacity:.15}
  .cws-aurora-bar-6{display:none}
}
@media(max-width:720px){
  .cws-aurora-bars{inset:-8% -28% 0}
  .cws-aurora-bar{width:28vw;height:110%;filter:blur(10px);opacity:.12}
  .cws-aurora-bar-1{left:8%}.cws-aurora-bar-2{left:38%}.cws-aurora-bar-4{left:72%}
  .cws-aurora-bar-3,.cws-aurora-bar-5,.cws-aurora-bar-6{display:none}
  .cws-aurora-glow{filter:blur(14px)}
  .cws-aurora-glow-a{width:125vw;height:125vw;right:-70vw;top:-32vw;opacity:.14}
  .cws-aurora-glow-b{width:110vw;height:110vw;left:-48vw;bottom:-30vw;opacity:.12}
  .cws-home .site-header .header-inner,.cws-home .site-header.scrolled .header-inner{background:rgba(2,6,23,.88)!important}
}
@media(prefers-reduced-motion:reduce){
  .cws-aurora-bar,.cws-aurora-glow{animation:none!important}
  .cws-aurora-bars{transform:none!important;transition:none!important}
  .cws-aurora-bar{opacity:.11}
}
