.do{display:none}@media(min-width:1024px){.dx-hero:has(.do)>.container-x{position:relative;z-index:1}.do{--mx: 0;--my: 0;position:absolute;z-index:0;top:4.5rem;right:max(-7rem,calc((100vw - 80rem)/2 - 7rem));display:block;width:512px;height:512px;pointer-events:none}}@media(min-width:1024px)and (max-width:1279px){.do{scale:.8;transform-origin:right top}}.do__plane{position:absolute;inset:0;transform:translate(calc(var(--mx) * 10px),calc(var(--my) * 8px)) rotate(calc(-12deg + var(--mx) * 6deg));transition:transform .7s var(--ease-out-expo, ease-out)}.do__rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.do__ring{fill:none;stroke-width:1.2;stroke-dasharray:3 7}.do__ring--1{stroke:#39dcf973}.do__ring--2{stroke:#5593f759}.do__ring--3{stroke:#39dcf938}.do__baan{position:absolute;inset:0}.do__node,.do__packet{position:absolute;left:0;top:0;offset-rotate:0deg;offset-anchor:center;offset-distance:calc(var(--f) * 100%)}.do__node{z-index:3;display:grid;width:3rem;height:3rem;place-items:center;border-radius:.9rem;border:1px solid hsl(0 0% 100% / .16);background:linear-gradient(160deg,#16325a,#0a1b33);color:#7dd3fc;box-shadow:0 14px 28px -12px #000c,0 0 0 4px #08172b99;rotate:calc(12deg - var(--mx) * 6deg);transition:rotate .7s var(--ease-out-expo, ease-out)}.do__baan--2 .do__node{color:#93c5fd}.do__baan--3 .do__node{width:2.6rem;height:2.6rem;color:#e1e7efd9}.do__packet{z-index:3;width:10px;height:10px;border-radius:9999px;background:#22d3ee;box-shadow:0 0 0 4px #20d8f833,0 0 16px 4px #20d8f8b3}.do__hub{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem;place-items:center;border-radius:1.6rem;background:linear-gradient(135deg,#1d4ed8,#06b6d4);color:#fff;box-shadow:0 0 0 8px #08172bb3,0 0 60px 6px #08d3f773,0 30px 50px -20px #000000e6}.do__pulse{position:absolute;inset:-8px;border-radius:2rem;border:2px solid hsl(189 94% 60% / .6);opacity:0}.do__toasts{position:absolute;z-index:4;inset:0;margin:0;padding:0;list-style:none}.do__toast{position:absolute;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;border-radius:9999px;border:1px solid hsl(0 0% 100% / .14);background:#071427d9;padding:.4rem .8rem .4rem .4rem;font-size:.8125rem;font-weight:600;color:#fff;box-shadow:0 16px 30px -14px #000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.do__toast:nth-child(1){right:14%;top:14%}.do__toast:nth-child(2){left:18%;bottom:18%}.do__toast:nth-child(3){right:6%;bottom:30%}.do__toast-icon{display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:9999px;background:#22c55e;color:#fff}@media(prefers-reduced-motion:no-preference){html[data-motion=on] .do__node{animation:do-baan var(--s) linear infinite,do-diepte var(--s) linear infinite;animation-delay:calc(var(--f) * var(--s) * -1)}html[data-motion=on] .do__packet{animation:do-baan calc(var(--s) / 3.5) linear infinite,do-diepte calc(var(--s) / 3.5) linear infinite;animation-delay:calc(var(--f) * var(--s) * -1)}html[data-motion=on] .do__pulse{animation:do-pulse 3s ease-out infinite}html[data-motion=on] .do__pulse--2{animation-delay:1.5s}html[data-motion=on] .do__toast{animation:do-toast 9s var(--ease-out-expo, ease-out) infinite;animation-delay:calc(var(--t) * 3s - .5s)}html[data-motion=on] .do__hub{animation:do-float 6s ease-in-out infinite}html[data-motion=on] .do__ring{animation:do-dash 4s linear infinite}}@keyframes do-baan{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes do-diepte{0%,to{scale:.9;opacity:.85;z-index:3}25%{scale:1.12;opacity:1;z-index:3}50%{scale:.9;opacity:.85;z-index:1}75%{scale:.72;opacity:.5;z-index:1}}@keyframes do-pulse{0%{opacity:.8;scale:1}to{opacity:0;scale:1.7}}@keyframes do-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes do-dash{to{stroke-dashoffset:-20}}@keyframes do-toast{0%{opacity:0;translate:0 8px;scale:.96}6%,30%{opacity:1;translate:0 0;scale:1}36%,to{opacity:0;translate:0 -6px;scale:.98}}