/* Decorative solar animations.
   To remove ALL of them: delete this file's <link> and decor.js's <script> from index.html.
   Without this file, elements with class "deco" stay hidden (see style.css). */
.wrap{position:relative}
.deco{pointer-events:none;display:block}
.deco-farm{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;opacity:.38;mask-image:linear-gradient(transparent,#000 60%);-webkit-mask-image:linear-gradient(transparent,#000 60%)}
.d-sweep{animation:dsweep 7s ease-in-out infinite}
@keyframes dsweep{0%{transform:skewX(-20deg) translateX(0)}60%,100%{transform:skewX(-20deg) translateX(1900px)}}
.deco-head{position:absolute;right:20px;top:-6px;width:340px;height:180px}
.deco-short{height:160px;top:-20px}
.d-shine{animation:dshine 4s ease-in-out infinite}
@keyframes dshine{0%{transform:translateX(0) skewX(-25deg)}55%,100%{transform:translateX(190px) skewX(-25deg)}}
.d-led{animation:dled 1.6s ease-in-out infinite}.d-led.l2{animation-delay:.5s}.d-led.l3{animation-delay:1s}
@keyframes dled{50%{opacity:.25}}
.d-bulb{animation:dbulb 2.4s ease-in-out infinite;transform-origin:320px 108px}
@keyframes dbulb{50%{opacity:.55;transform:scale(1.25)}}
.d-drop{animation:ddrop 5s ease-in-out infinite}
@keyframes ddrop{0%{transform:translateY(-62px);opacity:0}12%{opacity:1}35%,85%{transform:none;opacity:1}100%{transform:none;opacity:0}}
.d-cable{animation:dcable 5s ease-in-out infinite}
@keyframes dcable{0%,12%{opacity:1;transform:translateY(-10px)}34%,100%{opacity:0}}
.d-bolts circle{opacity:0;animation:dbolt 5s ease-in-out infinite}
.d-bolts circle:nth-child(2){animation-delay:.12s}.d-bolts circle:nth-child(3){animation-delay:.24s}.d-bolts circle:nth-child(4){animation-delay:.36s}
@keyframes dbolt{0%,36%{opacity:0}42%{opacity:1}48%,85%{opacity:.8}100%{opacity:0}}
.d-check{opacity:0;transform-origin:318px 36px;animation:dcheck 5s ease-in-out infinite}
@keyframes dcheck{0%,48%{opacity:0;transform:scale(.4)}56%,85%{opacity:1;transform:none}100%{opacity:0}}
.deco-phone{margin-top:28px;max-width:220px}
.deco-phone svg{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}
.deco-phone p{color:var(--muted);font-size:.85rem;margin:14px 0 0;text-align:center}
.d-curve{stroke-dasharray:100;stroke-dashoffset:100;animation:dcurve 6s ease-in-out infinite}
@keyframes dcurve{0%{stroke-dashoffset:100}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.d-area{opacity:0;animation:darea 6s ease-in-out infinite}
@keyframes darea{0%,35%{opacity:0}60%,90%{opacity:1}100%{opacity:0}}
footer{position:relative}
.deco-sky{position:absolute;left:0;right:0;top:-79px;width:100%;height:80px}
.d-glint{opacity:0;animation:dglint 4s ease-in-out infinite}
@keyframes dglint{0%,80%,100%{opacity:0}88%{opacity:.9}}
@media (max-width:1060px){.deco-head{display:none}}
@media (max-width:860px){.deco-phone{display:none}}
@media (prefers-reduced-motion:reduce){.deco *{animation:none!important}}
/* ===== DECOR END ===== */