.scope-host{isolation:isolate;position:relative;overflow-x:clip}.scope{--frame:min(1180px, calc(100% - 40px));z-index:-1;pointer-events:none;position:absolute}.scope>svg,.scope>canvas{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scope>canvas{opacity:0;transition:opacity .9s;display:block}.scope[data-renderer=webgpu]>canvas{opacity:1}.scope-rings{transition:opacity .9s}.scope[data-renderer=webgpu] .scope-rings{opacity:0}.scope[data-renderer=webgpu] .scope-rings *{animation:none!important}.scope-hero{top:-68px;left:calc((100% - var(--frame)) / 2);width:calc(var(--frame) * 1440 / 1180);aspect-ratio:1440/900;-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.scope-orbit{inset:0}.scope-sub{top:-68px;left:calc((100% - var(--frame)) / 2);width:calc(var(--frame) * 1440 / 1180);aspect-ratio:1440/460;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.scope-close{top:50%;left:calc((100% - var(--frame)) / 2);width:var(--frame);aspect-ratio:1180/560;translate:0 -50%}.scope-corner{aspect-ratio:2;width:300px;top:0;right:0}@media (max-width:760px){.scope-hero{--frame:130vw;top:calc(-68px - var(--frame) * 130 / 1180);left:calc(86vw - var(--frame) * 900 / 1180);opacity:.75}.scope-sub{--frame:118vw;left:calc(94vw - var(--frame) * 1060 / 1180);opacity:.8}.scope-close{--frame:210vw}}.scope-sweep{transform-box:fill-box;transform-origin:50%;transform:rotate(-110deg)}.scope-halo{transform-box:fill-box;transform-origin:50%}[data-animated=true]>.scope-rings .scope-sweep{animation:scope-sweep var(--sweep-seconds,24s) linear infinite;animation-play-state:paused}[data-animated=true]>.scope-rings .scope-halo{animation:3s linear infinite paused scope-halo}[data-running=true]>.scope-rings :is(.scope-sweep,.scope-halo){animation-play-state:running}@keyframes scope-sweep{0%{transform:rotate(-110deg)}to{transform:rotate(250deg)}}@keyframes scope-halo{0%{opacity:.22;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}@media (prefers-reduced-motion:no-preference){html:not([data-entrance=skip]) .scope-draw{stroke-dasharray:1 1;animation:scope-draw 2.4s var(--ease-out) both}}@keyframes scope-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hero-thread{z-index:-1;pointer-events:none;width:100%;position:absolute;top:-68px;left:0}.hero-thread-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-thread-pulse path,.hero-thread-pulse g{transition:opacity .7s}@media (max-width:760px){.scope-close .scope-thread{display:none}}