.zenial-brand-orbit{--orbit-color:36, 87, 166;--orbit-moon:6, 122, 112;--aurora-blue:36, 87, 166;--aurora-teal:6, 122, 112;--aurora-violet:109, 92, 214;--aurora-strength:.45;--planet-hi:#f2f5ff;--planet-mid:#8aa0ea;--planet-lo:#3c4fae;--planet-edge:#1d2766;--planet-glow:60, 79, 174;--planet-opacity:.72;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dark .zenial-brand-orbit{--orbit-color:168, 182, 255;--orbit-moon:186, 196, 255;--aurora-blue:70, 110, 255;--aurora-teal:64, 214, 186;--aurora-violet:150, 112, 255;--aurora-strength:.9;--planet-hi:#f4f6ff;--planet-mid:#aab6ff;--planet-lo:#5d63d8;--planet-edge:#1f1d5c;--planet-glow:150, 162, 255;--planet-opacity:.95}[data-wl] .zenial-brand-orbit{display:none}.zenial-brand-orbit__aurora{opacity:var(--aurora-strength);transform:translate3d(calc(var(--orbit-shift-x,0px) * -.4), calc(var(--orbit-shift-y,0px) * -.3), 0);position:absolute;inset:-60px}.zenial-brand-orbit__glow{will-change:transform;border-radius:50%;position:absolute}.zenial-brand-orbit__glow--blue{background:radial-gradient(closest-side, rgba(var(--aurora-blue), .14), transparent);width:62vw;height:52vw;animation:46s ease-in-out infinite alternate zenial-aurora-drift-a;top:-8%;left:-12%}.zenial-brand-orbit__glow--teal{background:radial-gradient(closest-side, rgba(var(--aurora-teal), .2), transparent);width:46vw;height:38vw;animation:38s ease-in-out infinite alternate zenial-aurora-drift-b;top:42%;left:38%}.zenial-brand-orbit__glow--violet{background:radial-gradient(closest-side, rgba(var(--aurora-violet), .28), transparent);width:58vw;height:48vw;animation:52s ease-in-out infinite alternate-reverse zenial-aurora-drift-a;bottom:-18%;right:-14%}.zenial-brand-orbit__curtain{background:repeating-linear-gradient(96deg, rgba(var(--aurora-teal), .09) 0 2px, transparent 2px 11px, rgba(var(--aurora-teal), .05) 11px 14px, transparent 14px 23px);transform-origin:50% 100%;will-change:transform, opacity;width:36vw;height:34vw;animation:24s ease-in-out infinite alternate zenial-aurora-sway;position:absolute;top:36%;left:44%;-webkit-mask:radial-gradient(closest-side,#000 10%,#0000);mask:radial-gradient(closest-side,#000 10%,#0000)}.zenial-brand-orbit__system{--orbit-radius:112px;will-change:transform;width:250px;height:190px;transform:translate3d(var(--orbit-shift-x,0px), var(--orbit-shift-y,0px), 0) rotate(var(--orbit-tilt,0deg));position:absolute;top:13%;right:3%}.zenial-brand-orbit__plane{border:1px solid rgba(var(--orbit-color), .2);border-radius:50%;width:226px;height:96px;position:absolute;top:calc(50% - 48px);left:calc(50% - 113px);transform:rotate(-18deg)}.zenial-brand-orbit__planet{background:radial-gradient(circle at 32% 28%, #fff, rgba(var(--orbit-moon), .95) 38%, rgba(var(--orbit-moon), .35) 100%);width:9px;height:9px;box-shadow:0 0 10px rgba(var(--orbit-moon), .55);border-radius:50%;position:absolute}.zenial-brand-orbit__planet--a,.zenial-brand-orbit__planet--b{will-change:transform;top:50%;left:50%}.zenial-brand-orbit__planet--a{transform:translate3d(calc(var(--planet-a-x,.95) * var(--orbit-radius)), calc(var(--planet-a-y,-.31) * var(--orbit-radius)), 0) translate(-50%, -50%)}.zenial-brand-orbit__planet--b{opacity:.8;width:5px;height:5px;transform:translate3d(calc(var(--planet-b-x,-.37) * var(--orbit-radius)), calc(var(--planet-b-y,.5) * var(--orbit-radius)), 0) translate(-50%, -50%)}.zenial-brand-orbit__halo{background:radial-gradient(circle, rgba(var(--planet-glow), .16), transparent 66%);width:150px;height:150px;opacity:calc(.75 + var(--saturn-near,0) * .9);will-change:transform, opacity;transform:translate3d(var(--saturn-lean-x,0px), var(--saturn-float,0px), 0) scale(calc(1 + var(--saturn-near,0) * .45));position:absolute;top:calc(50% - 75px);left:calc(50% - 75px)}.zenial-brand-orbit__saturn{width:128px;height:60px;opacity:var(--planet-opacity);will-change:transform;transform:translate3d(var(--saturn-lean-x,0px), calc(var(--saturn-float,0px) + var(--saturn-lean-y,0px)), 0) rotate(calc(-16deg + var(--saturn-near,0) * 10deg)) scale(calc(1 + var(--saturn-near,0) * .14));position:absolute;top:calc(50% - 30px);left:calc(50% - 64px)}.zenial-brand-orbit__globe{background:radial-gradient(circle at 34% 28%, var(--planet-hi) 0%, var(--planet-mid) 26%, var(--planet-lo) 62%, var(--planet-edge) 100%);width:44px;height:44px;box-shadow:0 0 22px rgba(var(--planet-glow), .38), 0 0 4px rgba(var(--planet-glow), .5);border-radius:50%;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);overflow:hidden}.zenial-brand-orbit__globe:after{content:"";background:radial-gradient(circle at 74% 78%,#06081e8c,#0000 62%);border-radius:50%;position:absolute;inset:0}.zenial-brand-orbit__bands{will-change:transform;background:repeating-linear-gradient(90deg,#0000 0,#ffffff29 9px,#0000 20px,#1416502e 31px,#0000 44px),repeating-linear-gradient(172deg,#0000 0 5px,#ffffff1f 5px 7px,#0000 7px 12px);width:200%;height:100%;animation:12s linear infinite zenial-planet-spin;position:absolute;top:0;left:0}.zenial-brand-orbit__ring{background:radial-gradient(closest-side, transparent 62%, rgba(var(--orbit-color), .85) 65%, rgba(var(--orbit-color), .4) 72%, transparent 75%, rgba(var(--orbit-color), .55) 79%, rgba(var(--orbit-color), .18) 88%, transparent 91%);border-radius:50%;position:absolute;inset:0}.zenial-brand-orbit__ring--front{clip-path:inset(50% 0 0)}.zenial-brand-orbit__echo{will-change:transform;width:96px;height:96px;transform:translate3d(calc(var(--orbit-shift-x,0px) * -.7 + var(--echo-lean-x,0px)), calc(var(--orbit-shift-y,0px) * -.7 + var(--saturn-float,0px) * -.8 + var(--echo-lean-y,0px)), 0) scale(calc(1 + var(--echo-near,0) * .16));position:absolute;bottom:14%;left:3.5%}.zenial-brand-orbit__echo-orbit{border:1px solid rgba(var(--orbit-color), .22);will-change:transform;border-radius:50%;animation:14s linear infinite zenial-orbit-turn;position:absolute;inset:0;-webkit-mask:linear-gradient(200deg,#000 20%,#0000 85%);mask:linear-gradient(200deg,#000 20%,#0000 85%)}.zenial-brand-orbit__echo-moon{background:rgba(var(--orbit-moon), .95);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--orbit-moon), .7);border-radius:50%;position:absolute;top:-3px;left:calc(50% - 3px)}.zenial-brand-orbit__globe--small{width:26px;height:26px;opacity:var(--planet-opacity);box-shadow:0 0 14px rgba(var(--planet-glow), .35), 0 0 3px rgba(var(--planet-glow), .5);top:calc(50% - 13px);left:calc(50% - 13px)}.zenial-brand-orbit__globe--small .zenial-brand-orbit__bands{animation-duration:8s;animation-direction:reverse}.zenial-brand-orbit[data-paused=true] *{animation-play-state:paused}@keyframes zenial-planet-spin{to{transform:translate(-50%)}}@keyframes zenial-orbit-turn{to{transform:rotate(360deg)}}@keyframes zenial-aurora-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(4vw,3vh)scale(1.08)}}@keyframes zenial-aurora-drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-5vw,-4vh)scale(1.12)}}@keyframes zenial-aurora-sway{0%{opacity:.55;transform:skew(-6deg)translate(-2vw)}to{opacity:1;transform:skew(5deg)translate(2vw)}}@media (width<=639px){.zenial-brand-orbit__system{--orbit-radius:74px;width:170px;height:140px;top:15%;right:-30px}.zenial-brand-orbit__plane{width:150px;height:64px;top:calc(50% - 32px);left:calc(50% - 75px)}.zenial-brand-orbit__saturn{transform:translateY(var(--saturn-float,0px)) rotate(-16deg) scale(.68)}.zenial-brand-orbit__echo{opacity:.6;bottom:10%;left:-10px;transform:scale(.7)}.zenial-brand-orbit__curtain{display:none}}@media (prefers-reduced-motion:reduce){.zenial-brand-orbit *{animation:none!important}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.zenial-brand-orbit{display:none}}
