.orbit-canvas{aspect-ratio:100/85}.orbit-card{position:absolute;z-index:2}.orbit-lines{z-index:0}.orbit-lines line{stroke:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));stroke-width:1.5px;stroke-dasharray:4 4;animation:orbit-dash 30s linear infinite}@keyframes orbit-dash{to{stroke-dashoffset:-200}}.orbit-lines line.orbit-ink{stroke:color-mix(in srgb,var(--color-primary) 72%,transparent);stroke-width:2px;stroke-linecap:round;animation:none;stroke-dasharray:none}.orbit-pulse{z-index:2;width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent),0 0 14px color-mix(in srgb,var(--color-primary) 55%,transparent);pointer-events:none;opacity:0}.orbit-dot,.orbit-pulse{position:absolute;border-radius:50%;background:var(--color-primary);transform:translate(-50%,-50%)}.orbit-dot{z-index:1;width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.orbit-center{position:absolute;left:50%;top:calc(41% * 100 / 85);z-index:3;transform:translate(-50%,-50%);display:grid;place-items:center}.lg\:hidden .orbit-center,.orbit-center.static{position:static;transform:none}.orbit-core{position:relative;z-index:1;display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--card-edge)}.orbit-ring{position:absolute;width:7.5rem;height:7.5rem;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--color-primary) 35%,transparent);animation:orbit-pulse 4s ease-in-out infinite}@keyframes orbit-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.35}}.orbit-ghost{z-index:1;opacity:.45;filter:saturate(.7);pointer-events:none}.orbit-rail{position:relative;padding-left:1.5rem}.orbit-rail:before{content:"";width:0;border-left:2px dashed color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.orbit-rail-ink,.orbit-rail:before{position:absolute;left:.4rem;top:1rem;bottom:1rem}.orbit-rail-ink{width:2px;margin-left:-1px;border-radius:2px;background:var(--color-primary);transform-origin:50% 0;transform:scaleY(0);box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 45%,transparent)}.orbit-rail-head{position:absolute;left:.4rem;top:1rem;z-index:2;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent),0 0 14px color-mix(in srgb,var(--color-primary) 55%,transparent);pointer-events:none}.orbit-stop{position:relative}.orbit-stop:before{content:"";position:absolute;left:calc(-1.5rem + .4rem - 4px);top:1.25rem;width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);transform:scale(var(--stop-on,0))}@media (max-width:1023.98px){.orbit-center{position:static;transform:none}}.orbit-halo,.orbit-loose,.orbit-shock{display:none}[data-story=on] .orbit-halo,[data-story=on] .orbit-loose,[data-story=on] .orbit-shock{display:block}@media (min-width:1024px){[data-story=on].orbit-section{padding-top:28px;padding-bottom:28px}[data-story=on] .orbit-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr)}[data-story=on] .orbit-canvas{width:860px;justify-self:center}}.orbit-loose{position:absolute;z-index:4;pointer-events:none}.orbit-loose-in{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 11px;border-radius:999px;white-space:nowrap;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--color-foreground);background:var(--color-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 14%,transparent),0 14px 30px -18px rgba(0,0,0,.35);outline:1.5px dashed color-mix(in srgb,var(--color-foreground) 22%,transparent);outline-offset:3px}.orbit-loose-in svg{color:color-mix(in srgb,var(--color-foreground) 55%,transparent)}@media (prefers-reduced-motion:no-preference){.orbit-loose .orbit-loose-in{animation:orbit-float 4.5s ease-in-out infinite alternate}.orbit-loose:nth-of-type(2n) .orbit-loose-in{animation-duration:5.5s;animation-delay:-2s}.orbit-loose:nth-of-type(3n) .orbit-loose-in{animation-duration:6.2s;animation-delay:-3.5s}}@keyframes orbit-float{0%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,6px,0)}}.orbit-halo,.orbit-shock{position:absolute;z-index:1;left:50%;top:calc(41% * 100 / 85);width:15rem;height:15rem;margin:-7.5rem 0 0 -7.5rem;border-radius:50%;pointer-events:none}.orbit-halo{border:1.5px dashed color-mix(in srgb,var(--color-primary) 40%,transparent);box-shadow:0 0 60px -10px color-mix(in srgb,var(--color-primary) 35%,transparent)}.orbit-halo:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 12px var(--color-primary)}@media (prefers-reduced-motion:no-preference){.orbit-halo{animation:orbit-spin 14s linear infinite}}@keyframes orbit-spin{to{rotate:1turn}}.orbit-shock{border:2px solid var(--color-primary);box-shadow:0 0 30px var(--color-primary),inset 0 0 30px color-mix(in srgb,var(--color-primary) 50%,transparent)}.orbit-loose-m .orbit-loose-in{font-size:12px;padding:7px 12px 7px 9px}