@property --globe-r{syntax:"<length>";inherits:true;initial-value:300px}.stat-stage{--globe-r:clamp(140px, 21cqw, 258px);--orbit-r-1:min(calc(var(--globe-r) * 1.34), 46cqw);--orbit-r-2:min(calc(var(--globe-r) * 1.68), 56cqw);height:calc(var(--orbit-r-2) + 72px);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@media (min-width:40rem){.stat-stage{height:calc(var(--orbit-r-2) + 48px)}}.stat-ring{width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin-left:calc(-1 * var(--r));margin-top:calc(-1 * var(--r));border:1px solid var(--color-border);pointer-events:none;border-radius:9999px;position:absolute;top:100%;left:50%}.stat-ring-1{--r:var(--orbit-r-1);--orbit-duration:26s}.stat-ring-2{--r:var(--orbit-r-2);--orbit-duration:38s;border-color:color-mix(in oklab, var(--color-border) 65%, transparent)}.stat-orbit-item{--counter-offset:calc(-1 * var(--start-angle));width:0;height:0;transform:rotate(var(--start-angle)) translateX(var(--r));animation-duration:var(--orbit-duration);will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:50%;left:50%}.stat-orbit-cw{animation-name:stat-orbit-cw}.stat-orbit-ccw{animation-name:stat-orbit-ccw}@keyframes stat-orbit-cw{0%{transform:rotate(var(--start-angle)) translateX(var(--r))}to{transform:rotate(calc(var(--start-angle) + 360deg)) translateX(var(--r))}}@keyframes stat-orbit-ccw{0%{transform:rotate(var(--start-angle)) translateX(var(--r))}to{transform:rotate(calc(var(--start-angle) - 360deg)) translateX(var(--r))}}.stat-counter-rot{transform:translate(-50%, -50%) rotate(var(--counter-offset));animation-duration:var(--orbit-duration);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0;left:0}.stat-counter-cw{animation-name:stat-counter-cw}.stat-counter-ccw{animation-name:stat-counter-ccw}@keyframes stat-counter-cw{0%{transform:translate(-50%, -50%) rotate(var(--counter-offset))}to{transform:translate(-50%, -50%) rotate(calc(var(--counter-offset) - 360deg))}}@keyframes stat-counter-ccw{0%{transform:translate(-50%, -50%) rotate(var(--counter-offset))}to{transform:translate(-50%, -50%) rotate(calc(var(--counter-offset) + 360deg))}}.stat-eye{transform-box:fill-box;transform-origin:50%;animation:stat-blink var(--blink-period,5.6s) ease-in-out infinite;animation-delay:var(--blink-delay,0s)}@keyframes stat-blink{0%,90.5%,95.5%,to{transform:scaleY(1)}93%{transform:scaleY(.12)}}[data-play=off] .stat-orbit-item,[data-play=off] .stat-counter-rot,[data-play=off] .stat-eye{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.stat-orbit-item,.stat-counter-rot,.stat-eye{animation:none}}
.dn-buildgrid{background-image:repeating-linear-gradient(to right, color-mix(in oklab, var(--color-primary) 24%, transparent) 0 1px, transparent 1px calc(100% / 8))}.dn-ps-halo{animation:2.6s cubic-bezier(.45,0,.55,1) infinite dn-ps-halo}@keyframes dn-ps-halo{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.12;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.dn-ps-halo{animation:none}}
.dn-diagram{--dn-spine-x:.5625rem}@media (min-width:64rem){.dn-diagram{--dn-spine-x:50%}}.dn-spine{top:0;bottom:0;left:var(--dn-spine-x);pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.dn-spine-track{background:var(--color-border);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}.dn-spine-line{background:linear-gradient(to bottom, color-mix(in oklab, var(--color-primary), transparent 45%), var(--color-primary));transform-origin:top;border-radius:1px;position:absolute;inset:0}.dn-spine-dot{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 12px 2px color-mix(in oklab, var(--color-primary) 55%, transparent);opacity:0;border-radius:9999px;margin-left:-5px;position:absolute;top:-5px;left:50%}.dn-node-pos{left:var(--dn-spine-x);z-index:2;position:absolute;top:-.125rem;transform:translate(-50%)}@media (min-width:64rem){.dn-node-pos{top:50%;transform:translate(-50%,-50%)}}.dn-node-pos-center{top:50%;transform:translate(-50%,-50%)}.dn-node{background:var(--color-primary);width:1.75rem;height:1.75rem;color:var(--color-primary-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--color-primary) 16%, transparent);border-radius:9999px;justify-content:center;align-items:center;transition:background-color .3s,color .3s,box-shadow .3s;display:flex;position:relative}.dn-node[data-lit=false]{background:var(--color-background);color:var(--color-muted-foreground);box-shadow:inset 0 0 0 1px var(--color-border)}.dn-node[data-lit=true]:after{content:"";border-radius:inherit;border:2px solid var(--color-primary);opacity:0;animation:.7s ease-out dn-node-pulse;position:absolute;inset:-2px}.dn-node-terminal{width:2rem;height:2rem}@keyframes dn-node-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.dn-branch{background:var(--color-border);width:2.5rem;height:1px;display:none;position:absolute;top:50%}@media (min-width:64rem){.dn-branch{display:block}}.dn-branch-l{transform-origin:100%;right:calc(50% + 1rem)}.dn-branch-r{transform-origin:0;left:calc(50% + 1rem)}@media (prefers-reduced-motion:reduce){.dn-node{transition:none}.dn-node[data-lit=true]:after{animation:none}.dn-spine-dot{display:none}}
.tw-stack{flex-direction:column;gap:2rem;padding-block:2.5rem;display:flex}@media (min-width:768px){.tw-stack{--tw-stack-top:22rem;gap:3rem;padding-bottom:4rem}.tw-item{top:calc(var(--tw-stack-top,22rem) + var(--tw-i,0) * 1rem);position:sticky}.tw-card{transform-origin:top;will-change:transform}}@media (min-width:1024px){.tw-stack{--tw-stack-top:20rem}}@media (min-width:768px){[data-tw-head-band]{position:sticky}[data-tw-head-band]:before{content:"";inset-inline:0;height:calc(6rem - var(--section-py) + 4px);background:var(--color-background);pointer-events:none;position:absolute;bottom:100%}}
