.ns-stage{position:relative;isolation:isolate;background:#1d211d;background-image:radial-gradient(ellipse at 94% 47%,#ac3d1a9e 0%,#67301970 23%,transparent 57%),radial-gradient(ellipse at 8% 0%,#4d50434d,transparent 54%),linear-gradient(150deg,#20261f,#1d201c 70%);margin-inline:calc(-3.5vw);padding:0 3.5vw 30px;overflow:hidden}.ns-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 75%,#f0eee712);border-bottom:1px solid #ffffff1a}.ns-stage-art{position:absolute;z-index:-1;right:-130px;top:240px;width:min(700px,60vw);height:auto;opacity:.45;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 61% 50%,#000 0%,#000c 25%,transparent 69%);pointer-events:none;transform:rotate(-6deg)}.ns-stage .ns-hero{position:relative;z-index:1;padding-top:58px;padding-bottom:40px;gap:70px}.ns-stage .ns-kicker{color:#d7d8cb}.ns-stage .ns-hero h1{color:#f5f1e7;letter-spacing:-3.5px}.ns-stage .ns-hero h1 em{color:#ff936e}.ns-stage .ns-hero-copy>p:first-child{color:#e0dfd2}.ns-stage .ns-small{color:#b9bfac}.ns-stage .ns-hero .ns-button{background:#f17b50;color:#231d17;border-color:#f17b50;font-weight:600}.ns-stage .ns-hero .ns-button:hover{background:#ff9b72}.ns-stage .ns-hero .ns-text-link{color:#f2ebdd;text-decoration-color:#9b9e8e}.ns-stage .ns-workspace{position:relative;z-index:2;width:calc(100% - 38px);margin-inline:auto;border:1px solid #f4eddb91;box-shadow:0 28px 75px #0006,0 0 0 1px #ffffff12;border-radius:9px;animation:workspace-enter 500ms cubic-bezier(.2,.7,.3,1) both}.ns-stage .ns-workspace-top{background:#2b3028;border-bottom:1px solid #f3ecd91c}.ns-stage .ns-workspace .ns-kicker{color:var(--muted)}.ns-preview-compare{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 38px);margin:24px auto 0;color:#b8c0ab;font:9px/1.8 var(--mono);gap:20px}.ns-preview-compare span{letter-spacing:1px}.ns-preview-compare a{text-decoration:underline;text-underline-offset:4px;color:#e2dfd1;padding:7px 0}.ns-service-row,.ns-release-row{transition:background-color 160ms ease,box-shadow 160ms ease}.ns-tabs button{transition:color 150ms ease,border-color 150ms ease}.ns-stage .ns-workspace-grid{min-height:398px}.ns-stage .ns-service-detail{transition:background-color 160ms ease}.ns-stage .ns-mini-trend>span{transform-origin:bottom}.ns-stage .ns-mini-trend.chart-reveal>span{animation:chart-enter 450ms cubic-bezier(.2,.7,.3,1) both}.ns-stage .ns-mini-trend.chart-reveal>span:nth-child(2n){animation-duration:500ms}@keyframes workspace-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-enter{from{transform:scaleY(.8);opacity:.45}to{transform:scaleY(1);opacity:1}}
@media(min-width:1600px){.ns-stage{margin-inline:calc((min(1500px,100vw) - 100vw)/2 - 3.5vw);padding-inline:max(3.5vw,calc((100vw - 1395px)/2))}}@media(max-width:1050px){.ns-stage .ns-hero{gap:35px}.ns-stage-art{right:-180px;top:300px;width:650px}.ns-stage .ns-workspace{width:calc(100% - 18px)}.ns-preview-compare{width:calc(100% - 18px)}}@media(max-width:700px){.ns-stage{margin-inline:-20px;padding-inline:20px;padding-bottom:22px;background-image:radial-gradient(ellipse at 110% 26%,#963e2370,transparent 57%),linear-gradient(150deg,#252b23,#1d211c)}.ns-stage .ns-hero{padding-top:34px;padding-bottom:28px;gap:24px}.ns-stage .ns-hero h1{font-size:47px;letter-spacing:-2.7px}.ns-stage-art{width:480px;max-width:none;top:360px;right:-280px;opacity:.25}.ns-stage .ns-workspace{width:100%;border-color:#f3eddd70;box-shadow:0 18px 35px #0005}.ns-stage .ns-workspace-grid{min-height:0}.ns-preview-compare{width:100%;font-size:8px;flex-direction:column;align-items:start;gap:2px;margin-top:17px}.ns-preview-compare a{font-size:10px}.ns-stage .ns-hero .ns-small{color:#c4c7b8}}@media(prefers-reduced-motion:reduce){.ns-stage .ns-workspace,.ns-stage .ns-mini-trend.chart-reveal>span{animation:none!important}.ns-service-row,.ns-release-row,.ns-tabs button,.ns-service-detail{transition:none!important}}

/* Keep the investigation context and its first metrics visible on laptops. */
@media (min-width: 901px) {
  .ns-stage .ns-hero {
    grid-template-columns: minmax(0, 1.24fr) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 64px);
    padding-top: 34px;
    padding-bottom: 28px;
  }

  .ns-stage .ns-hero h1 {
    font-size: clamp(40px, 4.4vw, 66px);
    letter-spacing: -.045em;
  }

  .ns-stage .ns-hero .ns-kicker { margin-bottom: 12px; }
  .ns-stage .ns-hero-copy > p:first-child { margin-bottom: 14px; }
  .ns-stage .ns-hero-copy .ns-small { margin-top: 9px; }
  .ns-stage .ns-workspace-top { padding-block: 10px; }
  .ns-stage .ns-workspace-tools { padding-block: 16px; }
  .ns-stage .ns-service-detail { padding-top: 17px; }
  .ns-stage .ns-service-detail h3 { margin-top: 12px; }
  .ns-stage .ns-mini-metrics { margin-block: 15px; }
  .ns-stage-art { top: 175px; }
}