.ns-observatory{--ob-ink:#191c1e;--ob-muted:#62686b;--ob-gold:#87652e;--ob-surface:#f2f0e9;color:var(--ob-ink);font-family:var(--font-body),Arial,sans-serif;margin-block:64px}.ns-observatory *{box-sizing:border-box}.ns-observatory button{font:inherit;cursor:pointer;border:0;transition:background .22s,color .22s,transform .22s}.ns-observatory button:focus-visible{outline:2px solid var(--ob-gold);outline-offset:4px}.ns-observatory button:active{transform:scale(.97)}.ns-observatory button:disabled{opacity:.4;cursor:default}.ns-ob-intro{justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px;display:flex}.ns-ob-intro h2{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(30px,3.5vw,44px);line-height:1.12}.ns-ob-intro>p{color:var(--ob-muted);max-width:34ch;margin:0;font-size:14px;line-height:1.6}.ns-ob-intro .rf-label{margin:0}.ns-ob-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.ns-ob-lanes{flex-wrap:wrap;gap:4px;display:flex}.ns-ob-lanes button{min-height:44px;color:var(--ob-muted);background:0 0;border-radius:100px;padding:12px 16px;font-size:12px}.ns-ob-lanes button:hover{background:#eeece6}.ns-ob-lanes button[aria-pressed=true]{background:var(--ob-ink);color:#fff}.ns-ob-demo-label{color:var(--ob-muted);white-space:nowrap;font-size:11px}.ns-ob-demo-label>span{margin-inline:5px}.ns-ob-stage{isolation:isolate;background:radial-gradient(at 50% 25%,#fff 0%,#f6f4ed 65%,#eeeae0 100%);border-radius:20px;height:460px;position:relative;overflow:hidden}.ns-ob-stage canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.ns-ob-stage canvas:active{cursor:grabbing}.ns-ob-camera{background:#ffffffed;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #34281808,0 10px 26px #34281805}.ns-ob-camera button{min-width:40px;min-height:40px;color:var(--ob-ink);background:0 0;border-radius:8px;font-size:20px}.ns-ob-camera button:last-child{padding:0 12px;font-size:11px}.ns-ob-camera button:hover:enabled{background:#f0ece2}.ns-ob-drag{text-align:center;color:#626158;pointer-events:none;font-size:11px;position:absolute;bottom:20px;left:24px;right:24px}.ns-ob-load{color:var(--ob-muted);font-size:12px;position:absolute;top:24px;left:24px}.ns-ob-machines{flex-wrap:wrap;justify-content:center;gap:4px;margin:16px 0 24px;display:flex}.ns-ob-machines button{min-height:44px;color:var(--ob-muted);background:0 0;border-radius:100px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.ns-ob-machines button:hover{color:var(--ob-ink);background:#eeece6}.ns-ob-machines button[aria-pressed=true]{color:#65481d;background:#ede7da}.ns-ob-dot{background:#b9bebd;border-radius:50%;width:5px;height:5px}.ns-ob-machines button[aria-pressed=true] .ns-ob-dot{background:var(--ob-gold);box-shadow:0 0 0 4px #b3996320}.ns-ob-detail{border-top:1px solid #e4e1d9;grid-template-columns:1fr 1fr;gap:48px;padding:24px 0;display:grid}.ns-ob-eyebrow{color:var(--ob-gold)!important;margin:0 0 12px!important;font-size:11px!important}.ns-ob-eyebrow>span{color:#aca99e;margin-inline:8px}.ns-ob-detail h3{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;margin:0 0 12px;font-size:24px;line-height:1.25}.ns-ob-detail>div>p{color:var(--ob-muted);max-width:48ch;margin:0;font-size:13px;line-height:1.6}.ns-ob-task{border-left:1px solid #e4e1d9;align-self:center;padding-left:32px}.ns-ob-step{color:var(--ob-muted);margin-bottom:12px;font-size:11px;display:block}.ns-ob-task>p{min-height:48px;color:var(--ob-ink)!important;font-size:16px!important;line-height:1.5!important}.ns-ob-progress{gap:8px;margin-top:12px;display:flex}.ns-ob-progress button{background:0 0;flex:1;min-height:32px;padding:12px 0}.ns-ob-progress span{background:#e4e0d5;border-radius:4px;height:3px;display:block}.ns-ob-progress button[aria-current=step] span,.ns-ob-progress button:hover span{background:var(--ob-gold)}.ns-ob-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.ns-ob-footer p{color:var(--ob-muted);max-width:60ch;margin:0;font-size:11px;line-height:1.5}.ns-ob-footer button{color:var(--ob-ink);white-space:nowrap;background:#ece9e0;border-radius:100px;align-items:center;gap:24px;min-height:44px;padding:12px 16px;font-size:12px;display:flex}.ns-ob-footer button:hover{background:#ded8c9}.ns-ob-fallback{perspective:900px;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:100px 24px 80px}.ns-ob-static-station{width:16%;max-width:150px;position:relative;transform:rotateY(-8deg)}.ns-ob-static-screen{aspect-ratio:1.5;background:#18272e;border:5px solid #bdc2c4;border-radius:8px;padding:12px;box-shadow:0 12px 22px #34281810}.ns-ob-static-screen>span{color:#d4b67c;font-size:11px}.ns-ob-static-screen>i{background:#647b84;width:75%;height:3px;margin-top:10px;display:block}.ns-ob-static-base{background:#b7bcbe;border-radius:2px 2px 10px 10px;height:8px;margin:12px -8px 0}.ns-observatory[data-state=ready] .ns-ob-fallback{visibility:hidden}.ns-observatory[data-state=static] canvas{display:none}@media (width<=700px){.ns-observatory{margin-block:48px}.ns-ob-intro{margin-bottom:24px;display:block}.ns-ob-intro>p{max-width:42ch;margin-top:16px}.ns-ob-toolbar{flex-direction:column;align-items:start;gap:8px}.ns-ob-lanes button{padding-inline:12px}.ns-ob-demo-label{padding-left:12px}.ns-ob-stage{border-radius:16px;height:340px}.ns-ob-camera{top:12px;right:12px}.ns-ob-drag{font-size:10px;bottom:16px}.ns-ob-machines{gap:0;margin-block:12px 16px}.ns-ob-machines button{padding:10px 12px;font-size:11px}.ns-ob-detail{grid-template-columns:1fr;gap:24px;padding:24px 0}.ns-ob-task{border:0;padding:0}.ns-ob-detail h3{font-size:22px}.ns-ob-task>p{min-height:0}.ns-ob-footer{align-items:start}.ns-ob-footer p{max-width:27ch}.ns-ob-footer button{gap:12px}.ns-ob-fallback{gap:8px;inset-inline:12px}.ns-ob-static-screen{border-width:3px;padding:4px}.ns-ob-static-screen>span{font-size:6px}.ns-ob-static-screen>i{height:2px;margin-top:6px}}@media (prefers-reduced-motion:reduce){.ns-observatory *{scroll-behavior:auto!important;transition:none!important}}.ns-ob-task .ns-ob-task-route{min-height:0;margin-bottom:12px;color:var(--ob-ink)!important;font-size:12px!important;line-height:1.5!important}.ns-ob-task-route span{color:var(--ob-muted);font-size:11px}.ns-ob-step{line-height:1.5}@media (width<=700px){.ns-ob-stage canvas{height:240px;top:56px}.ns-ob-camera{box-shadow:none;top:4px;right:4px}.ns-ob-drag{display:none}.ns-ob-stage{height:296px}.ns-ob-toolbar{min-width:0}.ns-ob-lanes{scrollbar-width:thin;scrollbar-color:#c9bfa9 transparent;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;width:100%;max-width:100%;padding:4px 4px 8px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.ns-ob-lanes button{white-space:nowrap;flex:none;font-size:12px}.ns-ob-machines{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-block:16px 20px;display:grid}.ns-ob-machines button{justify-content:center;padding:12px 8px;font-size:12px}.ns-ob-machines button:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;padding-inline:24px}.ns-ob-fallback{inset:60px 12px 45px}}.ns-observatory[data-state=loading] .ns-ob-stage:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,#0000 30%,#fff6 50%,#0000 70%) 0 0/220% 100%;animation:2.4s ease-in-out infinite ns-ob-shimmer;position:absolute;inset:0}@keyframes ns-ob-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.ns-observatory[data-state=loading] .ns-ob-stage:after{animation:none;display:none}}