.cloud{position:absolute;z-index:1;pointer-events:none;width:440px;height:220px;opacity:.36;filter:blur(2px)}
.cloud i{position:absolute;display:block;background:var(--orange);border-radius:47% 53% 61% 39%/55% 42% 58% 45%;animation:cloud-breathe 8s ease-in-out infinite alternate}
.cloud i:nth-child(1){width:180px;height:100px;left:5px;top:75px}
.cloud i:nth-child(2){width:150px;height:145px;left:115px;top:23px;animation-delay:-2s}
.cloud i:nth-child(3){width:190px;height:105px;left:220px;top:82px;animation-delay:-4s}
.cloud i:nth-child(4){width:100px;height:85px;left:170px;top:110px;animation-delay:-6s}
.cloud:after{content:"";position:absolute;left:55px;right:45px;bottom:35px;height:34px;background:var(--orange);border-radius:50%;filter:blur(8px)}
.cloud-hero{right:-80px;bottom:-35px;opacity:.24;animation:cloud-drift-right 18s ease-in-out infinite alternate}
.cloud-mind{left:-150px;top:46%;transform:rotate(80deg);opacity:.3;animation:cloud-drift-left 16s ease-in-out infinite alternate}
.cloud-token{right:-120px;bottom:-20px;opacity:.28;filter:blur(5px);animation:cloud-drift-right 20s ease-in-out infinite alternate-reverse}
.cloud-final{z-index:3;left:50%;top:24%;width:110px;height:120px;margin-left:-35px;opacity:0;filter:blur(5px);transform:translateY(22px) scale(.35)}
.cloud-final i{opacity:.75}
.cloud-final i:nth-child(1){width:34px;height:48px;left:35px;top:56px}
.cloud-final i:nth-child(2){width:45px;height:38px;left:20px;top:29px}
.cloud-final i:nth-child(3){width:26px;height:29px;left:52px;top:9px}
.cloud-final:after{display:none}
.finale.reveal .cloud-final{opacity:.68;transform:translateY(-24px) scale(1);transition:opacity 1.1s 1.1s,transform 2.2s 1.1s cubic-bezier(.2,.7,.2,1)}
@keyframes cloud-breathe{0%{transform:scale(.92) translate(0,4px)}100%{transform:scale(1.08) translate(8px,-5px)}}
@keyframes cloud-drift-right{0%{transform:translateX(-25px) rotate(-4deg)}100%{transform:translateX(45px) rotate(5deg)}}
@keyframes cloud-drift-left{0%{transform:translateY(-25px) rotate(76deg)}100%{transform:translateY(35px) rotate(84deg)}}
@media(max-width:800px){.cloud{transform:scale(.72)}.cloud-hero{right:-190px;bottom:-55px}.cloud-mind{left:-240px;top:52%}.cloud-token{right:-220px;bottom:-55px}.cloud-final{left:50%;top:23%;transform:translateY(22px) scale(.25)}.finale.reveal .cloud-final{transform:translateY(-18px) scale(.78)}}
@media(prefers-reduced-motion:reduce){.cloud,.cloud i{animation:none}.finale.reveal .cloud-final{transition:none;opacity:.55;transform:translateY(-18px) scale(.8)}}