.df-scene{--df-runway:0px;position:relative;overflow-x:clip}.df-stage{aspect-ratio:640/480;isolation:isolate;--df-edge:.2;--df-bloom:1;--df-glow:.36;--df-atmo:1;width:100%;position:relative}.df-atmo-clip{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(58% 56%,#000 30%,#0000 92%);mask-image:radial-gradient(58% 56%,#000 30%,#0000 92%)}.df-atmo{opacity:var(--df-atmo);will-change:transform;position:absolute;inset:-18%}.df-atmo-a,.df-atmo-b{position:absolute;inset:0}.df-atmo-a{background:radial-gradient(40% 36% at 58% 46%,#8aa0ff24,#0000 68%)}.df-atmo-b{background:radial-gradient(30% 26% at 32% 62%,#4f6bf01a,#0000 68%)}.df-grain{z-index:-1;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:radial-gradient(52% 50%,#000 25%,#0000 90%);mask-image:radial-gradient(52% 50%,#000 25%,#0000 90%)}.df-svg{width:100%;height:100%;display:block;overflow:visible}.df-edge{fill:none;stroke:var(--ink);stroke-width:1px;stroke-opacity:calc(var(--df-edge) * var(--w,1));vector-effect:non-scaling-stroke}.df-loop{fill:none;stroke:var(--ink);stroke-width:1px;stroke-opacity:.1;stroke-dasharray:.006 .012;vector-effect:non-scaling-stroke}.df-node-base{fill:var(--ground);stroke:var(--ink);stroke-width:1.25px;stroke-opacity:calc(.42 * var(--w,1))}.df-route-glow{fill:none;stroke:var(--accent);stroke-width:6px;stroke-opacity:var(--df-glow);filter:url(#df-glow)}.df-route{fill:none;stroke:var(--accent);stroke-width:1.75px;stroke-linecap:round}.df-trail{fill:none;stroke:#c2ccff;stroke-width:2.5px;stroke-linecap:round;stroke-opacity:.9}.df-loop-lit{fill:none;stroke:var(--accent);stroke-width:1px;stroke-opacity:.34}.df-halo{fill:var(--accent);filter:url(#df-bloom);transform-box:fill-box;transform-origin:50%;opacity:calc(var(--df-bloom) * var(--o,0))}.df-ripple{fill:none;stroke:#c2ccff;stroke-width:1px}.df-ring{fill:var(--ground);stroke:#c2ccff;stroke-width:1.75px}.df-core{fill:#c2ccff}.df-packet-bloom{fill:#c2ccff;opacity:calc(var(--df-bloom) * .55);filter:url(#df-bloom)}.df-packet-core{fill:#c2ccff}.df-live{display:none}@media (min-width:60rem) and (min-height:700px) and (pointer:fine) and (prefers-reduced-motion:no-preference){.df-live{display:initial}.df-still{display:none}.df-scene{--df-runway:100vh;height:calc(100vh + var(--df-runway))}.df-scene .hero.df-pin{align-items:center;height:100vh;padding-block:2rem;position:sticky;top:0}.df-stage{--df-bleed:calc((100vw - min(72rem, 100vw)) / 2);width:calc(100% + var(--df-bleed))}.df-base .df-edge{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.2,.7,.2,1) forwards df-draw;animation-delay:calc(.14s + var(--i,0) * .11s)}.df-base .df-loop{opacity:0;animation:1.2s ease-out forwards df-pop;animation-delay:calc(.3s + var(--i,0) * .11s)}.df-base .df-node-base{opacity:0;animation:.5s ease-out forwards df-pop;animation-delay:calc(.22s + var(--i,0) * .11s)}.df-live .df-entry{opacity:0;animation:.6s ease-out .12s forwards df-pop}.df-svg[data-rest] .df-entry .df-halo{animation:4.2s ease-in-out infinite df-breathe}.df-atmo-a{animation:16s ease-in-out infinite alternate df-drift}.df-atmo-b{animation:21s ease-in-out infinite alternate-reverse df-drift}}@keyframes df-draw{to{stroke-dashoffset:0}}@keyframes df-pop{to{opacity:1}}@keyframes df-breathe{0%,to{opacity:calc(var(--df-bloom) * .5);transform:scale(1)}50%{opacity:calc(var(--df-bloom) * .85);transform:scale(1.35)}}@keyframes df-drift{0%{transform:translate(-2%,-1.5%)scale(1)}to{transform:translate(2%,2%)scale(1.06)}}