html{background:var(--backdrop)}body{background:transparent}html:before,html:after,body:before,body:after{content:"";position:fixed;top:50%;left:50%;z-index:-1;pointer-events:none;mix-blend-mode:screen;will-change:transform}html:before{width:84vmax;height:84vmax;margin:-70vmax 0 0 -76vmax;transform-origin:76vmax 70vmax;background:radial-gradient(42vmax 42vmax at 50% 50%,rgba(122,253,255,.4),transparent 78%);animation:orbitar-uno 17s linear infinite}html:after{width:76vmax;height:76vmax;margin:-76vmax 0 0 -2vmax;transform-origin:2vmax 76vmax;background:radial-gradient(38vmax 38vmax at 50% 50%,rgba(139,92,246,.38),transparent 78%);animation:orbitar-dos 19s linear infinite}body:before{width:92vmax;height:92vmax;margin:-8vmax 0 0 -20vmax;transform-origin:20vmax 8vmax;background:radial-gradient(46vmax 46vmax at 50% 50%,rgba(59,130,246,.34),transparent 80%);animation:orbitar-tres 22s linear infinite}body:after{width:80vmax;height:80vmax;margin:-8vmax 0 0 -78vmax;transform-origin:78vmax 8vmax;background:radial-gradient(40vmax 40vmax at 50% 50%,rgba(45,212,191,.32),transparent 78%);animation:orbitar-cuatro 27s linear infinite}@keyframes orbitar-uno{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.22)}to{transform:rotate(360deg) scale(1)}}@keyframes orbitar-dos{0%{transform:rotate(360deg) scale(1.16)}50%{transform:rotate(180deg) scale(.94)}to{transform:rotate(0) scale(1.16)}}@keyframes orbitar-tres{0%{transform:rotate(0) scale(1.1)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1.1)}}@keyframes orbitar-cuatro{0%{transform:rotate(360deg) scale(1.24)}50%{transform:rotate(180deg) scale(1.02)}to{transform:rotate(0) scale(1.24)}}@supports (animation-timeline: view()){.hero-logo{animation:flotar-logo linear both;animation-timeline:scroll();animation-range:0 90vh}@keyframes flotar-logo{0%{transform:translateY(0)}to{transform:translateY(-90px)}}.benefit{animation:asomar linear both;animation-timeline:view();animation-range:entry 8% cover 26%}@keyframes asomar{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.footer-brand{animation:deslizar-marca linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes deslizar-marca{0%{transform:translate(calc(-50% - 70px))}to{transform:translate(calc(-50% + 70px))}}}@media(prefers-reduced-motion:reduce){html:before,html:after,body:before,body:after{animation:none}.hero-logo,.benefit,.footer-brand{animation:none}}