.dd-section{isolation:isolate;--dd-node:64px;--dd-node-y:calc(var(--dd-node) / 2);--dd-stack-gap:56px;--dd-blue:#5bbfea;--dd-orange:#e8603a;background:#000;position:relative}.dd-dots{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#e8603a38 .9px,#0000 1.7px),radial-gradient(circle,#5bbfea33 .9px,#0000 1.7px),radial-gradient(circle,#ffffff0e .9px,#0000 1.7px);background-position:0 0,68px 102px,0 0;background-size:170px 170px,238px 238px,34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 45%,#000 0%,#0000 82%);mask-image:radial-gradient(72% 62% at 50% 45%,#000 0%,#0000 82%)}.dd-wash{z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 62%,#2e82e61a 0%,#2e82e600 70%);position:absolute;inset:0}.dd-stages{gap:var(--dd-stack-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.dd-stage{grid-template-columns:var(--dd-node) 1fr;--dd-delay:calc(var(--i) * .26s);grid-template-areas:"node title""node desc";align-content:start;align-items:start;column-gap:22px;display:grid;position:relative}.dd-node{width:var(--dd-node);height:var(--dd-node);color:#e8603a;z-index:1;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(140deg,#e8603ae6 0%,#5bbfeabf 100%) border-box;border:1px solid #0000;border-radius:50%;grid-area:node;justify-content:center;align-self:start;align-items:center;display:flex;position:relative}.dd-title{grid-area:title;margin-top:10px}.dd-desc{grid-area:desc;margin-top:8px}.dd-stage:not(:last-child):after{content:"";left:calc(var(--dd-node) / 2);width:1px;top:calc(var(--dd-node) + 10px);bottom:calc(10px - var(--dd-stack-gap));transform-origin:top;background:linear-gradient(#5bbfea73 0%,#5bbfea29 100%);position:absolute;transform:scaleY(0)}.dd-node,.dd-title,.dd-desc{opacity:0}.dd-track[data-active=true] .dd-stage:not(:last-child):after{animation:dd-draw-y .62s cubic-bezier(.4, 0, .2, 1) var(--dd-delay) both}.dd-track[data-active=true] .dd-node{animation:dd-illuminate 1.2s cubic-bezier(.22, 1, .36, 1) calc(var(--dd-delay) + .3s) both}.dd-track[data-active=true] .dd-title{animation:dd-rise .7s cubic-bezier(.22, 1, .36, 1) calc(var(--dd-delay) + .4s) both}.dd-track[data-active=true] .dd-desc{animation:dd-rise .7s cubic-bezier(.22, 1, .36, 1) calc(var(--dd-delay) + .48s) both}@keyframes dd-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes dd-draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dd-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dd-illuminate{0%{opacity:0;filter:brightness(.85);transform:scale(.9);box-shadow:0 0 #e8603a00}45%{opacity:1;filter:brightness(1.35);transform:scale(1);box-shadow:0 0 18px #e8603a40}to{opacity:1;filter:brightness();transform:scale(1);box-shadow:0 0 #e8603a00}}.dd-loop{display:none}@media (min-width:1024px){.dd-loop{height:96px;margin-top:30px;display:block;position:relative}}.dd-loop__svg{clip-path:inset(0 0 0 100%);width:100%;height:100%;display:block;overflow:visible}.dd-loop__path{fill:none;stroke-width:1px}.dd-loop__arrow{fill:none;stroke-width:1px;opacity:0}.dd-loop__label{white-space:nowrap;background:linear-gradient(90deg,#0c121f00 0%,#000 22% 78%,#0c121f00 100%);padding:0 30px;position:absolute;top:58px;left:50%;transform:translate(-50%,-50%)}.dd-track[data-active=true] .dd-loop__svg{animation:1.5s cubic-bezier(.4,0,.2,1) 1.75s forwards dd-sweep}.dd-track[data-active=true] .dd-loop__arrow,.dd-track[data-active=true] .dd-loop__label{animation:.7s ease-out 3.15s both dd-fade}.dd-loop__label{opacity:0}@keyframes dd-sweep{to{clip-path:inset(0)}}@keyframes dd-fade{0%{opacity:0}to{opacity:1}}@media (min-width:1024px){.dd-stages{grid-template-columns:repeat(5,1fr);gap:0}.dd-stage{text-align:center;grid-template-columns:1fr;grid-template-areas:"node""title""desc";justify-items:center;padding:0 16px}.dd-title{margin-top:22px}.dd-desc{max-width:210px;margin-top:10px}.dd-stage:not(:last-child):after{top:var(--dd-node-y);bottom:auto;left:calc(50% + var(--dd-node) / 2 + 10px);right:calc(10px + var(--dd-node) / 2 - 50%);transform-origin:0;background:linear-gradient(90deg,#5bbfea80 0%,#5bbfea38 100%);width:auto;height:1px;transform:scaleX(0)}.dd-track[data-active=true] .dd-stage:not(:last-child):after{animation-name:dd-draw-x}}@media (prefers-reduced-motion:reduce){.dd-node,.dd-title,.dd-desc,.dd-loop__label,.dd-loop__arrow{opacity:1;transform:none}.dd-stage:not(:last-child):after{transform:none}.dd-loop__svg{clip-path:none}.dd-track[data-active=true] .dd-node,.dd-track[data-active=true] .dd-title,.dd-track[data-active=true] .dd-desc,.dd-track[data-active=true] .dd-stage:not(:last-child):after,.dd-track[data-active=true] .dd-loop__svg,.dd-track[data-active=true] .dd-loop__arrow,.dd-track[data-active=true] .dd-loop__label{animation:none}}