#selected-systems{scroll-margin-top:110px}.systems-section{padding:16px var(--ui-gutter) 96px;font-family:var(--nh-sans);color:var(--nh-ink);background:#fff}.sys-demo{min-width:0}.sys-tabs{border-bottom:1px solid var(--nh-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:16px;display:grid}.sys-tab{text-align:left;min-width:0;min-height:68px;color:var(--nh-mut);transition:color .16s var(--nh-ease), background-color .16s var(--nh-ease);align-items:center;gap:12px;padding:12px 16px 14px 4px;display:flex;position:relative}.sys-tab:after{content:"";background:var(--nh-blue);transform-origin:0;height:2px;transition:transform .2s var(--nh-ease);position:absolute;bottom:-1px;left:0;right:16px;transform:scaleX(0)}.sys-tab[data-state=active]:after{transform:scaleX(1)}.sys-tab-icon{border:1px solid var(--nh-line);background:var(--nh-surface);width:36px;height:36px;color:var(--nh-mut);transition:color .16s var(--nh-ease), border-color .16s var(--nh-ease), background-color .16s var(--nh-ease);border-radius:9px;flex:none;place-items:center;display:grid}.sys-tab-text{flex-direction:column;gap:3px;min-width:0;display:flex}.sys-tab-text strong{letter-spacing:-.01em;font-size:15px;font-weight:500;line-height:1.25}.sys-tab-text small{color:var(--nh-mut);font-size:12.5px;line-height:1.35}.sys-tab[data-state=active]{color:var(--nh-ink)}.sys-tab[data-state=active] .sys-tab-icon{color:var(--nh-blue);background:#f1f5ff;border-color:#2457ff59}.sys-tab:focus-visible{outline:2px solid var(--nh-blue);outline-offset:-2px;border-radius:6px}@media (hover:hover){.sys-tab:hover{color:var(--nh-ink)}.sys-tab:hover .sys-tab-icon{border-color:var(--nh-control-line)}}.sys-panel{animation:nh-rise .18s var(--nh-ease) both;background:linear-gradient(#fff,#fff) padding-box padding-box,conic-gradient(from 210deg at 32% 0,#2457ff57,#e6ebf1f2 30% 68%,#2457ff33) border-box;border:1px solid #0000;border-radius:12px;padding:30px 28px 28px;position:relative;box-shadow:0 0 0 1px #0a254008,0 1px 2px #0a25400d,0 8px 16px -8px #0a254014,0 24px 56px -28px #0a254029}.sys-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.sys-head>div:first-child{min-width:0}.sys-status{color:var(--nh-blue);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.sys-status i{background:var(--nh-blue);border-radius:50%;width:6px;height:6px}.sys-head h3{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:500;line-height:1.16}.sys-head p{max-width:calc(58 * var(--ch));color:var(--nh-mut);text-wrap:pretty;margin:10px 0 0;font-size:16px;line-height:1.55}.sys-views{border:1px solid var(--nh-control-line);background:var(--nh-surface);border-radius:9px;flex:none;padding:3px;display:inline-flex}.sys-views button{min-height:36px;color:var(--nh-mut);transition:background-color .16s var(--nh-ease), color .16s var(--nh-ease), box-shadow .16s var(--nh-ease);border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.sys-views button[aria-pressed=true]{color:var(--nh-ink);background:#fff;box-shadow:0 0 0 1px #0a25400f,0 1px 3px #0a254014}.sys-views button:focus-visible{outline:2px solid var(--nh-blue);outline-offset:2px}.sys-hold:focus-visible{outline:2px solid var(--nh-blue);outline-offset:2px}.sys-step:focus-visible{outline:2px solid var(--nh-blue);outline-offset:2px}.sys-link:focus-visible{outline:2px solid var(--nh-blue);outline-offset:2px}.sys-stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:36px;display:grid}.sys-stage .sys-scene{aspect-ratio:1.5;border:1px solid var(--nh-line);border-radius:10px;align-self:center;overflow:visible}.sys-scene .os-frame{border-radius:inherit}.sys-hold{z-index:2;border:1px solid var(--nh-control-line);width:36px;height:36px;color:var(--nh-ink);transition:background-color .16s var(--nh-ease), color .16s var(--nh-ease), border-color .16s var(--nh-ease);background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:-18px;right:14px;box-shadow:0 1px 2px #0a254014,0 4px 10px -4px #0a25401f}@media (hover:hover){.sys-hold:hover{background:var(--nh-blue);border-color:var(--nh-blue);color:#fff}}html:not([data-js]) .sys-hold{display:none}@media (prefers-reduced-motion:reduce){.sys-hold{display:none}}.sys-steps{counter-reset:none;flex-direction:column;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sys-step{text-align:left;width:100%;transition:background-color .2s var(--nh-ease);border-radius:8px;padding:14px 16px 15px 22px;display:block;position:relative}.sys-step:before,.sys-step:after{content:"";border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.sys-step:before{background:var(--nh-line)}.sys-step:after{background:var(--nh-blue);transform-origin:top;transform:scaleY(0)}.sys-step[aria-current=step]{background:var(--nh-surface)}.sys-step[aria-current=step]:after{transform:scaleY(1)}.sys-steps[data-playing=true] .sys-step[aria-current=step]:after{animation:sys-fill var(--tick,2.8s) linear both}@keyframes sys-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.sys-step-cap{color:var(--nh-mut);transition:color .25s var(--nh-ease);align-items:center;gap:10px;margin-bottom:7px;font-size:12.5px;font-weight:600;line-height:1.3;display:flex}.sys-step-cap b{color:var(--nh-mut);transition:color .25s var(--nh-ease);font-weight:600}.sys-step strong{letter-spacing:-.015em;color:var(--nh-mut);transition:color .25s var(--nh-ease);font-size:16px;font-weight:500;line-height:1.3;display:block}.sys-step-text{max-width:calc(46 * var(--ch));color:var(--nh-soft);text-wrap:pretty;margin-top:6px;font-size:14px;line-height:1.55;display:block}.sys-step[aria-current=step] .sys-step-cap,.sys-step[aria-current=step] .sys-step-cap b{color:var(--nh-blue)}.sys-step[aria-current=step] strong{color:var(--nh-ink)}.sys-step[aria-current=step] .sys-step-text{color:var(--nh-mut)}@media (hover:hover){.sys-step:hover strong{color:var(--nh-ink)}}.sys-context{border-top:1px solid var(--nh-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:36px;margin-top:28px;padding-top:24px;display:grid}.sys-eyebrow{color:var(--nh-ink);margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.4;display:block}.sys-context p{max-width:calc(52 * var(--ch));color:var(--nh-mut);text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.sys-link{min-height:44px;color:var(--nh-blue);white-space:nowrap;text-underline-offset:4px;align-self:end;align-items:center;gap:10px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #2457ff59;text-decoration:underline #2457ff59;display:inline-flex}.sys-link svg{transition:transform .16s var(--nh-ease)}@media (hover:hover){.sys-link:hover svg{transform:translate(2px,-2px)}}.sys-demo-foot{margin:16px 0 0}.release-line{padding:0 var(--ui-gutter) 96px;font-family:var(--nh-sans);color:var(--nh-ink);background:#fff}.rl-head{border-top:1px solid var(--nh-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:18px 64px;margin-bottom:36px;padding-top:64px;display:grid}.rl-head h2{max-width:calc(16 * var(--ch-medium));letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(30px,3.2vw,40px);font-weight:500;line-height:1.12}.rl-head p{max-width:calc(46 * var(--ch));color:var(--nh-mut);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.rl-head .sys-link{align-self:auto;margin-top:4px}.sys-stage.is-rail{grid-template-columns:minmax(0,1fr);gap:0}.is-rail .sys-scene{aspect-ratio:2.3;border-radius:12px;min-height:0}.is-rail .sys-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;margin-top:28px;display:grid}.is-rail .sys-step{background:0 0;border-radius:0;height:100%;padding:24px 0 8px}.is-rail .sys-step:before,.is-rail .sys-step:after{width:auto;height:2px;inset:0 0 auto}.is-rail .sys-step:after{transform-origin:0;transform:scaleX(0)}.is-rail .sys-step[aria-current=step]{background:0 0}.is-rail .sys-step[aria-current=step]:after{transform:scaleX(1)}.is-rail .sys-steps[data-playing=true] .sys-step[aria-current=step]:after{animation-name:sys-fill-x}@keyframes sys-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1050px){.rl-head{grid-template-columns:minmax(0,1fr);padding-top:48px}.is-rail .sys-scene{aspect-ratio:1.6}.is-rail .sys-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}}@media (max-width:760px){.release-line{padding-bottom:56px}.is-rail .sys-scene{aspect-ratio:1.35}.is-rail .sys-steps{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width:1050px){.sys-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-stage{grid-template-columns:minmax(0,1fr);gap:20px}.sys-steps{flex-flow:wrap;gap:8px}.sys-steps>li{flex:calc(50% - 8px);min-width:0}.sys-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sys-link{grid-column:1/-1}}@media (max-width:760px){.systems-section{padding:8px var(--ui-gutter) 56px}.sys-tabs{grid-template-columns:minmax(0,1fr)}.sys-tab{min-height:60px}.sys-panel{padding:22px 18px}.sys-head{flex-direction:column;gap:16px;margin-bottom:20px}.sys-head h3{font-size:25px}.sys-head p{font-size:15px}.sys-views{align-self:stretch}.sys-views button{flex:1;justify-content:center}.sys-steps>li{flex-basis:100%}.sys-context{grid-template-columns:minmax(0,1fr);gap:20px}}@media (prefers-reduced-motion:reduce){.sys-panel{animation:none}.sys-tab:after,.sys-link svg{transition:none}}@media (forced-colors:active){.sys-tab:after,.sys-step:after{background:highlight}.sys-views button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}}