.ns .hero-art[data-art=dns-monitoring]{container-type:inline-size;--dm-amber:#F5A524}.ns .hero-art[data-art=dns-monitoring] .dm-wrap{height:100%;box-sizing:border-box;padding:clamp(14px,3.4cqw,20px);display:flex;flex-direction:column;justify-content:space-between;gap:8px;font-family:"Geist NS",var(--font-geist),system-ui,sans-serif;color:var(--text)}.ns .hero-art[data-art=dns-monitoring] .dm-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 11.5px/1.2 Geist Mono NS,var(--font-geist-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ns .hero-art[data-art=dns-monitoring] .dm-ex{padding:3px 9px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--text2)}.ns .hero-art[data-art=dns-monitoring] .dm-band{display:grid;grid-template-columns:clamp(104px,27cqw,150px) 1fr;gap:clamp(10px,2.6cqw,18px);align-items:center;padding:10px 12px;border:1px solid var(--line2);border-radius:18px;background:var(--panel2);position:relative;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n) * .15s)}.ns .hero-art[data-art=dns-monitoring] .dm-band.us{box-shadow:0 0 34px -18px var(--ember)}.ns .hero-art[data-art=dns-monitoring] .dm-band.them{box-shadow:0 0 34px -20px var(--them)}.ns .hero-art[data-art=dns-monitoring].is-in .dm-band{opacity:1;transform:none}.ns .hero-art[data-art=dns-monitoring] .dm-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.ns .hero-art[data-art=dns-monitoring] .dm-logo{display:flex;align-items:center;justify-content:center;height:22px;font-weight:600;font-size:14px}.ns .hero-art[data-art=dns-monitoring] .dm-logo svg{height:20px;width:auto;max-width:100%;display:block}.ns .hero-art[data-art=dns-monitoring] .dm-logo .lg-them,.ns .hero-art[data-art=dns-monitoring] .dm-logo .lg-us{display:inline-flex;align-items:center;gap:7px}.ns .hero-art[data-art=dns-monitoring] .dm-ring{width:100%;max-width:94px;height:auto;display:block;overflow:visible}.ns .hero-art[data-art=dns-monitoring] .dm-rd{fill:var(--line2);transform-box:fill-box;transform-origin:center;opacity:0;transition:opacity .35s ease;transition-delay:calc(.3s + var(--i) * 28ms)}.ns .hero-art[data-art=dns-monitoring].is-in .dm-rd{opacity:1}.ns .hero-art[data-art=dns-monitoring] .dm-rd.mk{fill:var(--ember);opacity:0}.ns .hero-art[data-art=dns-monitoring].is-in .dm-rd.mk{opacity:.55}.ns .hero-art[data-art=dns-monitoring] .dm-rd.mk.ping{animation:dm-ping 1.2s ease-out}@keyframes dm-ping{0%{transform:scale(1);opacity:1}35%{transform:scale(1.7);opacity:1}to{transform:scale(1);opacity:.55}}.ns .hero-art[data-art=dns-monitoring] .dm-hand{transform-box:view-box;transform-origin:50px 50px;opacity:0;transition:opacity .5s ease .9s}.ns .hero-art[data-art=dns-monitoring].is-in .dm-hand{opacity:1}.ns .hero-art[data-art=dns-monitoring].is-done .dm-hand{animation:dm-turn 9s linear infinite}.ns .hero-art[data-art=dns-monitoring] .dm-hand line{stroke:var(--ember);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1 4;opacity:.8}.ns .hero-art[data-art=dns-monitoring] .dm-hand circle{fill:var(--ember)}.ns .hero-art[data-art=dns-monitoring] .dm-hand circle:first-of-type{filter:drop-shadow(0 0 4px var(--ember))}@keyframes dm-turn{to{transform:rotate(1turn)}}.ns .hero-art[data-art=dns-monitoring] .dm-big{font:600 22px Geist NS,var(--font-geist),system-ui,sans-serif;letter-spacing:-.03em;fill:var(--text)}.ns .hero-art[data-art=dns-monitoring] .dm-sm{font:500 7.5px Geist Mono NS,var(--font-geist-mono),monospace;letter-spacing:.12em;fill:var(--muted)}.ns .hero-art[data-art=dns-monitoring] .dm-main{min-width:0;display:flex;flex-direction:column;gap:8px}.ns .hero-art[data-art=dns-monitoring] ul{list-style:none;margin:0;padding:0}.ns .hero-art[data-art=dns-monitoring] li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:8px;height:27px;padding:0 8px;border-radius:9px;border-top:1px solid transparent;transition:background .3s ease;position:relative}.ns .hero-art[data-art=dns-monitoring] li+li:before{content:"";position:absolute;left:8px;right:8px;top:-1px;height:1px;background:var(--line2);opacity:.7}.ns .hero-art[data-art=dns-monitoring] .dm-k{font:600 12px Geist Mono NS,var(--font-geist-mono),monospace;letter-spacing:.02em;color:var(--text)}.ns .hero-art[data-art=dns-monitoring] .dm-d{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ns .hero-art[data-art=dns-monitoring] .dm-st{display:grid;justify-items:end;align-items:center;min-width:58px;height:18px;font:500 11px/1 Geist Mono NS,var(--font-geist-mono),monospace}.ns .hero-art[data-art=dns-monitoring] .dm-st>*{grid-area:1/1;opacity:0;transition:opacity .2s ease}.ns .hero-art[data-art=dns-monitoring] .dm-st svg{width:17px;height:17px;fill:none}.ns .hero-art[data-art=dns-monitoring] .dm-c{stroke-width:1.4}.ns .hero-art[data-art=dns-monitoring] .dm-p{stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .35s ease .05s}.ns .hero-art[data-art=dns-monitoring] .dm-st.us .dm-c{fill:var(--ember);stroke:var(--ember)}.ns .hero-art[data-art=dns-monitoring] .dm-st.them .dm-c{fill:var(--them);stroke:var(--them)}.ns .hero-art[data-art=dns-monitoring] .dm-idle{color:var(--muted);font-style:normal;text-decoration:none}.ns .hero-art[data-art=dns-monitoring] .dm-fix{font-style:normal;padding:3px 9px;border-radius:999px;border:1px solid var(--dm-amber);color:var(--text);background:color-mix(in srgb,var(--dm-amber) 20%,transparent)}.ns .hero-art[data-art=dns-monitoring] .dm-run{width:17px;height:17px;border-radius:50%;box-sizing:border-box;border:1.6px dashed var(--muted)}.ns .hero-art[data-art=dns-monitoring] li[data-s=idle] .dm-idle{opacity:1}.ns .hero-art[data-art=dns-monitoring] li[data-s=run] .dm-run{opacity:1;animation:dm-spin 1.1s linear infinite}.ns .hero-art[data-art=dns-monitoring] li[data-s=ok] svg{opacity:1}.ns .hero-art[data-art=dns-monitoring] li[data-s=ok] .dm-p{stroke-dashoffset:0}.ns .hero-art[data-art=dns-monitoring] li[data-s=fix] .dm-fix{opacity:1}.ns .hero-art[data-art=dns-monitoring] li[data-s=fix]{background:color-mix(in srgb,var(--dm-amber) 11%,transparent)}.ns .hero-art[data-art=dns-monitoring] .them li[data-s=idle] .dm-d,.ns .hero-art[data-art=dns-monitoring] .them li[data-s=idle] .dm-k{opacity:.55}.ns .hero-art[data-art=dns-monitoring] li .dm-d,.ns .hero-art[data-art=dns-monitoring] li .dm-k{transition:opacity .3s ease}@keyframes dm-spin{to{transform:rotate(1turn)}}.ns .hero-art[data-art=dns-monitoring] .dm-hints{display:grid;min-height:36px;align-items:start}.ns .hero-art[data-art=dns-monitoring] .dm-hints p{grid-area:1/1;margin:0;padding:0 8px;font-size:12.5px;line-height:1.4;color:var(--text2);opacity:0;transition:opacity .18s ease}.ns .hero-art[data-art=dns-monitoring] .dm-band .h-ok,.ns .hero-art[data-art=dns-monitoring] .dm-band.us.fixing .h-fix{opacity:1}.ns .hero-art[data-art=dns-monitoring] .dm-band.them .h-ok,.ns .hero-art[data-art=dns-monitoring] .dm-band.us.fixing .h-ok{opacity:0}.ns .hero-art[data-art=dns-monitoring] .dm-band.them .h-fix,.ns .hero-art[data-art=dns-monitoring] .dm-band.them.done .h-ok{opacity:1}.ns .hero-art[data-art=dns-monitoring] .dm-band.them.done .h-fix{opacity:0}.ns .hero-art[data-art=dns-monitoring] .dm-btnwrap{position:relative;display:flex;justify-content:center;width:100%;padding-bottom:14px}.ns .hero-art[data-art=dns-monitoring] .dm-btn{display:inline-block;max-width:100%;box-sizing:border-box;padding:7px 11px;border-radius:9px;background:var(--them);color:#fff;font:600 12px/1.15 Geist NS,var(--font-geist),system-ui,sans-serif;text-align:center;box-shadow:0 6px 16px -8px var(--them);transition:transform .15s ease,box-shadow .15s ease}.ns .hero-art[data-art=dns-monitoring] .dm-band.press .dm-btn{transform:scale(.94);box-shadow:0 2px 6px -4px var(--them)}.ns .hero-art[data-art=dns-monitoring] .dm-cur{position:absolute;width:16px;height:19px;left:62%;top:62%;fill:var(--text);stroke:var(--panel2);stroke-width:1.4;stroke-linejoin:round;opacity:0;transform:translate(34px,26px);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s ease;pointer-events:none}.ns .hero-art[data-art=dns-monitoring] .dm-band.cur .dm-cur{opacity:1;transform:none}.ns .hero-art[data-art=dns-monitoring] .dm-note{margin:0;font:500 11.5px/1.4 Geist Mono NS,var(--font-geist-mono),monospace;color:var(--muted)}.ns .hero-art[data-art=dns-monitoring].is-paused .dm-hand,.ns .hero-art[data-art=dns-monitoring].is-paused .dm-run{animation-play-state:paused}@media (max-width:480px){.ns .hero-art[data-art=dns-monitoring] .dm-band{padding:10px}.ns .hero-art[data-art=dns-monitoring] li{grid-template-columns:46px 1fr auto;gap:6px;padding:0 6px}.ns .hero-art[data-art=dns-monitoring] .dm-d{display:none}.ns .hero-art[data-art=dns-monitoring] .dm-hints p{font-size:12px;padding:0 4px}.ns .hero-art[data-art=dns-monitoring] .dm-st{min-width:54px}.ns .hero-art[data-art=dns-monitoring] .dm-note,.ns .hero-art[data-art=dns-monitoring] .dm-top{font-size:11px}}@media (prefers-reduced-motion:reduce){.ns .hero-art[data-art=dns-monitoring] *{transition:none!important;animation:none!important}.ns .hero-art[data-art=dns-monitoring] .dm-band,.ns .hero-art[data-art=dns-monitoring] .dm-hand,.ns .hero-art[data-art=dns-monitoring] .dm-rd{opacity:1;transform:none}}.ns .vsh .hero-art[data-art=dns-monitoring]{min-height:clamp(340px,31vw,440px)}