/* 9senses Robotics Explainer — standalone plugin */
.ns-rob{
  --ns-rob-ink:#f1f1f1;
  --ns-rob-muted:rgba(255,255,255,.66);
  --ns-rob-soft:rgba(255,255,255,.10);
  --ns-rob-faint:rgba(255,255,255,.055);
  --ns-rob-surface:rgba(5,12,27,.40);
  --ns-rob-surface-strong:rgba(6,14,31,.68);
  --ns-rob-line:rgba(255,255,255,.16);
  --ns-rob-warn:#f2b263;
  --ns-rob-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ns-rob-tw:"Special Elite","Courier Prime",Georgia,serif;
  position:relative;
  width:100%;
  min-height:620px;
  padding:clamp(6px,1.2vw,13px) 0 clamp(12px,1.7vw,20px);
  overflow:hidden;
  isolation:isolate;
  color:var(--ns-rob-ink);
  font-family:var(--ns-rob-body);
}
.ns-rob *{box-sizing:border-box}
.ns-rob::before,
.ns-rob::after{display:none}

.ns-rob-head{
  width:100%;
  max-width:1180px;
  margin:0 auto clamp(8px,1.05vw,14px);
  padding-right:0;
}
.ns-rob-kicker{
  margin:0 0 8px;
  color:var(--ns-rob-accent,#30ce7c);
  font-family:var(--ns-rob-tw) !important;
  font-size:clamp(14px,1.3vw,17px);
  letter-spacing:.08em;
  text-shadow:0 0 12px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 34%,transparent);
}
.ns-rob-title{
  max-width:100%;
  margin:0 0 7px !important;
  color:#f1f1f1 !important;
  font-family:var(--ns-rob-tw) !important;
  font-size:clamp(29px,2.75vw,39px);
  font-weight:400 !important;
  line-height:1.1 !important;
  letter-spacing:.02em;
}
.ns-rob-intro{
  max-width:100%;
  margin:0;
  color:var(--ns-rob-muted);
  font-size:clamp(15px,1.16vw,17px);
  line-height:1.52;
}
.ns-rob-selector-row{
  display:grid;
  grid-template-columns:minmax(168px,205px) minmax(0,1fr);
  gap:clamp(12px,1.7vw,22px);
  align-items:stretch;
  max-width:100%;
  margin-top:clamp(10px,1.15vw,15px);
}
.ns-rob-tabs{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:7px;
  margin:0;
}
.ns-rob-tab{
  appearance:none;
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  min-height:34px;
  padding:6px 13px 7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.66);
  font-family:var(--ns-rob-body);
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  transition:border-color .65s cubic-bezier(.16,.72,.18,1),color .65s cubic-bezier(.16,.72,.18,1),background .65s cubic-bezier(.16,.72,.18,1),transform .65s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-tab::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 16%,transparent),transparent 72%);
  opacity:0;
  transition:opacity .65s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-tab span{position:relative;z-index:1}
.ns-rob-tab span{
  font-family:var(--ns-rob-tw);
  font-size:15.5px;
  line-height:1.08;
  letter-spacing:.03em;
}
.ns-rob-tab small{display:none}
.ns-rob-tab:hover,
.ns-rob-tab:focus-visible{
  border-color:rgba(255,255,255,.28);
  color:#fff;
  outline:none;
}
.ns-rob-tab.ns-on{
  border-color:color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 72%,rgba(255,255,255,.26));
  background:rgba(255,255,255,.045);
  color:#fff;
  transform:translateX(2px);
  box-shadow:0 0 22px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 13%,transparent);
}
.ns-rob-tab.ns-on::before{opacity:1}

.ns-rob-body{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr);
  gap:clamp(20px,3.2vw,46px);
  align-items:stretch;
  width:100%;
  max-width:1180px;
  margin:clamp(8px,1.15vw,14px) auto 0;
}
.ns-rob-copy{min-width:0;display:flex;flex-direction:column}
.ns-rob-journey-intros{
  position:relative;
  min-height:58px;
  margin:0;
  padding:7px 0 6px clamp(12px,1.35vw,18px);
  border-left:1px solid rgba(255,255,255,.14);
}
.ns-rob-journey-intro{
  position:absolute;
  inset:7px 0 6px clamp(12px,1.35vw,18px);
  width:auto;
  max-width:none;
  display:grid;
  align-items:center;
  visibility:hidden;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),visibility .75s;
}
.ns-rob-journey-intro.ns-on{visibility:visible;opacity:1;transform:translateY(0)}
.ns-rob-journey-intro h4{display:none}
.ns-rob-journey-intro p{
  max-width:none;
  margin:0;
  color:rgba(255,255,255,.61);
  font-size:13.35px;
  line-height:1.45;
}
.ns-rob-progress{
  height:2px;
  max-width:590px;
  margin:0 0 11px;
  overflow:hidden;
  background:var(--ns-rob-soft);
}
.ns-rob-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,var(--ns-rob-accent,#30ce7c),var(--ns-rob-secondary,#0c71c3));
  box-shadow:0 0 16px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 42%,transparent);
  transition:width 1.05s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-steps-wrap{position:relative;flex:1;min-height:0}
.ns-rob-steps{
  display:grid;
  gap:1px;
  max-width:620px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  visibility:hidden;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .65s cubic-bezier(.16,.72,.18,1),transform .65s cubic-bezier(.16,.72,.18,1),visibility .65s;
}
.ns-rob-steps:not(.ns-on){position:absolute;inset:0 auto auto 0;width:100%}
.ns-rob-steps.ns-on{visibility:visible;opacity:1;transform:translateY(0)}
.ns-rob-steps li{margin:0 !important;padding:0 !important;list-style:none !important}
.ns-rob-step{
  appearance:none;
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  align-items:start;
  width:100%;
  padding:4px 10px 4px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.52);
  font-family:var(--ns-rob-body);
  text-align:left;
  cursor:pointer;
  transition:color .85s cubic-bezier(.16,.72,.18,1),transform .85s cubic-bezier(.16,.72,.18,1),background .85s cubic-bezier(.16,.72,.18,1),opacity .85s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-step:hover,.ns-rob-step:focus-visible{
  color:#fff;
  outline:none;
  background:rgba(255,255,255,.035);
}
.ns-rob-step:focus-visible{box-shadow:inset 2px 0 0 var(--ns-rob-accent,#30ce7c)}
.ns-rob-step.ns-on{
  color:#f5f5f5;
  transform:translateX(6px);
  background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 74%);
}
.ns-rob-step-num{
  color:rgba(255,255,255,.30);
  font-family:var(--ns-rob-tw);
  font-size:14.5px;
  line-height:1.52;
  text-align:right;
  transition:color .85s cubic-bezier(.16,.72,.18,1),text-shadow .85s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-step.ns-on .ns-rob-step-num{
  color:var(--ns-rob-accent,#30ce7c);
  text-shadow:0 0 12px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 45%,transparent);
}
.ns-rob-step-text{display:block;min-width:0}
.ns-rob-step-label{
  display:block;
  color:inherit;
  font-family:var(--ns-rob-tw);
  font-size:17.4px;
  line-height:1.18;
  letter-spacing:.03em;
  opacity:.82;
  transform:translateY(5px);
  transition:letter-spacing .75s cubic-bezier(.16,.72,.18,1),opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-step.ns-on .ns-rob-step-label{letter-spacing:.055em;opacity:1;transform:translateY(0)}
.ns-rob-step-micro{
  display:block;
  margin-top:1px;
  color:rgba(255,255,255,.44);
  font-size:11.55px;
  line-height:1.32;
  opacity:.58;
  transform:translateY(7px);
  transition:color .85s cubic-bezier(.16,.72,.18,1) .12s,opacity .85s cubic-bezier(.16,.72,.18,1) .12s,transform .85s cubic-bezier(.16,.72,.18,1) .12s;
}
.ns-rob-step.ns-on .ns-rob-step-micro{color:rgba(255,255,255,.72);opacity:1;transform:translateY(0)}

.ns-rob-stage{
  position:relative;
  width:calc(100% + 18px);
  max-width:760px;
  min-height:0;
  height:clamp(555px,44vw,620px);
  margin:clamp(-28px,-2vw,-18px) auto 0 -18px;
  overflow:visible;
}
.ns-rob-stage-index{
  position:absolute;
  z-index:7;
  top:12px;
  left:6%;
  display:flex;
  gap:8px;
  align-items:center;
  width:126px;
  color:rgba(255,255,255,.45);
  font-family:var(--ns-rob-tw);
  font-size:12px;
  letter-spacing:.05em;
  pointer-events:none;
}
.ns-rob-stage-index i{display:block;flex:1;height:1px;overflow:hidden;background:rgba(255,255,255,.16)}
.ns-rob-stage-index i::after{
  content:"";
  display:block;
  width:var(--ns-rob-stage-progress,12.5%);
  height:100%;
  background:var(--ns-rob-accent,#30ce7c);
  box-shadow:0 0 9px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 45%,transparent);
  transition:width 1.05s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-stage-core{
  position:absolute;
  z-index:1;
  top:34px;
  left:0;
  right:0;
  bottom:184px;
  min-height:315px;
}
.ns-rob-stage-core::before{
  content:"";
  position:absolute;
  inset:2% 3% 4%;
  border-radius:26px;
  background:
    radial-gradient(circle at 44% 36%,color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 14%,transparent),transparent 42%),
    radial-gradient(circle at 70% 72%,color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 12%,transparent),transparent 40%);
  filter:blur(.1px);
  pointer-events:none;
}
.ns-rob-scene{
  position:absolute;
  inset:0;
  visibility:hidden;
  opacity:0;
  transform:translateY(14px);
  pointer-events:none;
  transition:opacity .8s cubic-bezier(.16,.72,.18,1),transform .8s cubic-bezier(.16,.72,.18,1),visibility .8s;
}
.ns-rob[data-journey="industrial"] .ns-rob-scene-industrial,
.ns-rob[data-journey="autonomous"] .ns-rob-scene-autonomous{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.ns-rob-scene-card{
  position:absolute;
  inset:9px 14px 9px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(6,14,30,.62),rgba(3,8,18,.32));
  box-shadow:inset 0 0 42px rgba(255,255,255,.035),0 24px 74px rgba(0,0,0,.12);
}
.ns-rob-scene-card::before,
.ns-rob-scene-card::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  pointer-events:none;
}
.ns-rob-scene-card::before{border:1px solid rgba(255,255,255,.08)}
.ns-rob-scene-card::after{
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 24%,transparent 68%,rgba(255,255,255,.025));
  mix-blend-mode:screen;
}
.ns-rob-scene-caption{
  display:none;
  position:absolute;
  left:36px;
  right:36px;
  bottom:3px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  color:rgba(255,255,255,.58);
  pointer-events:none;
}
.ns-rob-scene-caption strong{
  color:rgba(255,255,255,.86);
  font-family:var(--ns-rob-tw);
  font-size:14px;
  font-weight:400;
  letter-spacing:.06em;
}
.ns-rob-scene-caption span{font-size:11.5px;letter-spacing:.02em;text-align:right}

/* Generic scene labels/cards */
.ns-rob-controller,
.ns-rob-quality-card,
.ns-rob-world-model,
.ns-rob-fallback-card,
.ns-rob-governance-card{
  position:absolute;
  z-index:5;
  display:grid;
  gap:4px;
  padding:10px 11px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(4,10,22,.46);
  color:rgba(255,255,255,.70);
  box-shadow:0 0 28px rgba(0,0,0,.12);
  backdrop-filter:blur(5px);
}
.ns-rob-controller strong,
.ns-rob-quality-card strong,
.ns-rob-world-model strong,
.ns-rob-fallback-card strong,
.ns-rob-governance-card strong{
  color:#fff;
  font-family:var(--ns-rob-tw);
  font-size:12.5px;
  font-weight:400;
  letter-spacing:.05em;
}
.ns-rob-controller span,
.ns-rob-quality-card span,
.ns-rob-world-model span,
.ns-rob-fallback-card span,
.ns-rob-governance-card span{
  display:block;
  min-width:62px;
  color:rgba(255,255,255,.58);
  font-size:10.6px;
  line-height:1.15;
  letter-spacing:.02em;
}

/* Industrial scene */
.ns-rob-cell-grid,
.ns-rob-map-grid{
  position:absolute;
  inset:0;
  opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:36px 36px;
}
.ns-rob-safety-zone{
  position:absolute;
  z-index:1;
  left:33%;
  top:16%;
  width:45%;
  height:62%;
  border:1px dashed color-mix(in srgb,var(--ns-rob-warn) 62%,transparent);
  border-radius:20px;
  background:rgba(242,178,99,.035);
  opacity:.18;
  transition:opacity .7s cubic-bezier(.16,.72,.18,1),box-shadow .7s cubic-bezier(.16,.72,.18,1);
}
.ns-rob-safety-zone span{
  position:absolute;
  right:12px;
  bottom:8px;
  color:rgba(255,255,255,.42);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ns-rob[data-journey="industrial"][data-active-key="protect"] .ns-rob-safety-zone,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-safety-zone{
  opacity:1;
  box-shadow:0 0 32px rgba(242,178,99,.18),inset 0 0 30px rgba(242,178,99,.06);
}
.ns-rob-camera{position:absolute;z-index:6;left:20%;top:10%;width:74px;height:92px;opacity:.62;transition:opacity .7s,filter .7s,transform .7s}
.ns-rob-camera-head{position:absolute;left:14px;top:0;width:46px;height:27px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.05)}
.ns-rob-camera-lens{position:absolute;left:30px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--ns-rob-secondary,#0c71c3);box-shadow:0 0 16px color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 55%,transparent)}
.ns-rob-camera::after{content:"";position:absolute;left:36px;top:27px;width:2px;height:30px;background:rgba(255,255,255,.18)}
.ns-rob-scan{position:absolute;left:10px;top:52px;width:56px;height:52px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:52px solid color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 18%,transparent);opacity:0;transform-origin:50% 0;animation:nsRobScan 1.8s ease-in-out infinite}
.ns-rob-scan-b{animation-delay:.5s;transform:scaleX(.76)}
.ns-rob[data-journey="industrial"][data-active-key="sense"] .ns-rob-camera,
.ns-rob[data-journey="industrial"][data-active-key="locate"] .ns-rob-camera{opacity:1;filter:brightness(1.25)}
.ns-rob[data-journey="industrial"][data-active-key="sense"] .ns-rob-scan,
.ns-rob[data-journey="industrial"][data-active-key="locate"] .ns-rob-scan{opacity:.82}
@keyframes nsRobScan{0%,100%{opacity:.16;transform:scaleX(.76)}45%{opacity:.80;transform:scaleX(1)}}

.ns-rob-controller{right:6%;top:12%;opacity:.58;transition:opacity .7s,transform .7s,border-color .7s}
.ns-rob[data-journey="industrial"] .ns-rob-controller{opacity:.78}
.ns-rob[data-journey="industrial"][data-active-key="plan"] .ns-rob-controller,
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-controller,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-controller{
  opacity:1;
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 58%,rgba(255,255,255,.15));
}
.ns-rob-conveyor{position:absolute;z-index:3;left:7%;right:32%;bottom:18%;height:55px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden}
.ns-rob-belt-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.08);animation:nsRobBelt 2.1s linear infinite}
.ns-rob-belt-line:nth-child(1){top:18px}.ns-rob-belt-line:nth-child(2){bottom:17px;animation-delay:-1s}
@keyframes nsRobBelt{0%{transform:translateX(-36px)}100%{transform:translateX(36px)}}
.ns-rob-part{position:absolute;left:9%;top:12px;width:48px;height:31px;border-radius:8px;background:linear-gradient(135deg,var(--ns-rob-accent,#30ce7c),color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 50%,var(--ns-rob-secondary,#0c71c3)));box-shadow:0 0 24px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 28%,transparent);transition:transform 1.05s cubic-bezier(.16,.72,.18,1),filter .8s,opacity .8s}
.ns-rob-part i{position:absolute;inset:8px 10px;border-radius:5px;border:1px solid rgba(0,0,0,.22);background:rgba(255,255,255,.18)}
.ns-rob[data-journey="industrial"][data-active-key="sense"] .ns-rob-part{transform:translateX(92px)}
.ns-rob[data-journey="industrial"][data-active-key="locate"] .ns-rob-part,
.ns-rob[data-journey="industrial"][data-active-key="plan"] .ns-rob-part{transform:translateX(168px)}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-part,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-part,
.ns-rob[data-journey="industrial"][data-active-key="protect"] .ns-rob-part,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-part{transform:translateX(285px) translateY(-74px) rotate(6deg)}
.ns-rob-fixture{position:absolute;z-index:2;left:39%;bottom:15%;width:86px;height:80px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.04);opacity:.72}
.ns-rob-fixture span,.ns-rob-target-bin span,.ns-rob-reject-bin span{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.ns-rob-target-bin,.ns-rob-reject-bin{position:absolute;z-index:2;right:10%;width:82px;height:46px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.035)}
.ns-rob-target-bin{bottom:31%}.ns-rob-reject-bin{bottom:15%;opacity:.58}
.ns-rob-coordinate-frame{position:absolute;z-index:7;left:40%;bottom:38%;width:90px;height:74px;opacity:0;transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1);transform:translateY(8px)}
.ns-rob-coordinate-frame::before,.ns-rob-coordinate-frame::after{content:"";position:absolute;left:16px;bottom:16px;background:var(--ns-rob-accent,#30ce7c);box-shadow:0 0 12px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 40%,transparent)}
.ns-rob-coordinate-frame::before{width:64px;height:2px}.ns-rob-coordinate-frame::after{width:2px;height:46px}
.ns-rob-coordinate-frame .z-axis{position:absolute;left:14px;bottom:14px;width:2px;height:48px;background:var(--ns-rob-secondary,#0c71c3);transform:rotate(-45deg);transform-origin:bottom;box-shadow:0 0 12px color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 40%,transparent);font-size:0}
.ns-rob-coordinate-frame span:not(.z-axis){position:absolute;color:#fff;font-family:var(--ns-rob-tw);font-size:12px}.ns-rob-coordinate-frame .x-axis{right:2px;bottom:8px}.ns-rob-coordinate-frame .y-axis{left:7px;top:3px}
.ns-rob[data-journey="industrial"][data-active-key="locate"] .ns-rob-coordinate-frame,
.ns-rob[data-journey="industrial"][data-active-key="plan"] .ns-rob-coordinate-frame{opacity:1;transform:translateY(0)}
.ns-rob-trajectory{position:absolute;z-index:4;left:12%;top:12%;width:76%;height:70%;opacity:0;transition:opacity .75s cubic-bezier(.16,.72,.18,1)}
.ns-rob-trajectory path{fill:none;stroke:var(--ns-rob-accent,#30ce7c);stroke-width:1.2;stroke-dasharray:6 5;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 55%,transparent));animation:nsRobDash 1.8s linear infinite}
.ns-rob-trajectory .alt{stroke:rgba(255,255,255,.30);stroke-width:.85;opacity:.55}
.ns-rob[data-journey="industrial"][data-active-key="plan"] .ns-rob-trajectory,
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-trajectory{opacity:1}
@keyframes nsRobDash{to{stroke-dashoffset:-22}}
.ns-rob-arm{position:absolute;z-index:6;left:46%;bottom:24%;width:220px;height:214px;transform-origin:25% 82%;transition:transform 1.15s cubic-bezier(.16,.72,.18,1),filter .75s}
.ns-rob-arm-base{position:absolute;left:28px;bottom:0;width:62px;height:40px;border:1px solid rgba(255,255,255,.20);border-radius:24px 24px 9px 9px;background:rgba(255,255,255,.07)}
.ns-rob-arm-shoulder{position:absolute;left:54px;bottom:33px;width:25px;height:25px;border-radius:50%;background:var(--ns-rob-secondary,#0c71c3);box-shadow:0 0 18px color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 45%,transparent)}
.ns-rob-arm-upper{position:absolute;left:66px;bottom:42px;width:93px;height:13px;border-radius:10px;background:rgba(255,255,255,.16);transform:rotate(-48deg);transform-origin:0 50%;transition:transform 1.15s cubic-bezier(.16,.72,.18,1)}
.ns-rob-arm-elbow{position:absolute;left:125px;bottom:104px;width:21px;height:21px;border-radius:50%;background:var(--ns-rob-accent,#30ce7c);box-shadow:0 0 18px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 45%,transparent);transition:left 1.15s cubic-bezier(.16,.72,.18,1),bottom 1.15s cubic-bezier(.16,.72,.18,1)}
.ns-rob-arm-lower{position:absolute;left:139px;bottom:111px;width:87px;height:12px;border-radius:10px;background:rgba(255,255,255,.18);transform:rotate(30deg);transform-origin:0 50%;transition:transform 1.15s cubic-bezier(.16,.72,.18,1),left 1.15s cubic-bezier(.16,.72,.18,1),bottom 1.15s cubic-bezier(.16,.72,.18,1)}
.ns-rob-gripper{position:absolute;left:205px;bottom:68px;width:34px;height:32px;transition:left 1.15s cubic-bezier(.16,.72,.18,1),bottom 1.15s cubic-bezier(.16,.72,.18,1),transform 1.15s cubic-bezier(.16,.72,.18,1)}
.ns-rob-gripper::before{content:"";position:absolute;left:11px;top:11px;width:22px;height:4px;border-radius:4px;background:rgba(255,255,255,.32)}
.ns-rob-gripper i{position:absolute;top:4px;width:5px;height:23px;border-radius:4px;background:rgba(255,255,255,.36)}
.ns-rob-gripper i:first-child{left:2px;transform:rotate(-18deg)}.ns-rob-gripper i:last-child{right:2px;transform:rotate(18deg)}
.ns-rob-servo{position:absolute;border-radius:50%;border:1px solid var(--ns-rob-accent,#30ce7c);opacity:0;animation:nsRobServo 1.35s ease-out infinite}.ns-rob-servo-a{left:46px;bottom:25px;width:42px;height:42px}.ns-rob-servo-b{left:118px;bottom:96px;width:36px;height:36px;animation-delay:.28s}
@keyframes nsRobServo{0%{opacity:.9;transform:scale(.72)}100%{opacity:0;transform:scale(1.65)}}
.ns-rob[data-journey="industrial"][data-active-key="plan"] .ns-rob-arm,
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-arm,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-arm{filter:brightness(1.14)}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-arm-upper,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-arm-upper,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-arm-upper{transform:rotate(-23deg)}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-arm-elbow,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-arm-elbow,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-arm-elbow{left:144px;bottom:77px}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-arm-lower,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-arm-lower,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-arm-lower{left:156px;bottom:83px;transform:rotate(-10deg)}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-gripper,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-gripper,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-gripper{left:235px;bottom:94px;transform:rotate(-10deg)}
.ns-rob[data-journey="industrial"][data-active-key="control"] .ns-rob-servo,
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-servo{opacity:1}
.ns-rob-quality-card{right:8%;bottom:32%;opacity:0;transform:translateY(10px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),border-color .75s}
.ns-rob[data-journey="industrial"][data-active-key="verify"] .ns-rob-quality-card,
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-quality-card{opacity:1;transform:translateY(0);border-color:color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 55%,rgba(255,255,255,.15))}
.ns-rob-log-stream{position:absolute;z-index:4;right:8%;top:38%;width:116px;height:68px;opacity:0;transform:translateY(10px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1)}
.ns-rob-log-stream span{display:block;height:7px;margin:7px 0;border-radius:99px;background:linear-gradient(90deg,var(--ns-rob-accent,#30ce7c),transparent);animation:nsRobLog 1.5s ease-in-out infinite}.ns-rob-log-stream span:nth-child(2){animation-delay:.22s;width:78%}.ns-rob-log-stream span:nth-child(3){animation-delay:.44s;width:64%}.ns-rob-log-stream span:nth-child(4){animation-delay:.66s;width:88%}
.ns-rob[data-journey="industrial"][data-active-key="improve"] .ns-rob-log-stream{opacity:1;transform:translateY(0)}
@keyframes nsRobLog{0%,100%{opacity:.28;transform:scaleX(.82);transform-origin:0 50%}50%{opacity:1;transform:scaleX(1)}}

/* Autonomous scene */
.ns-rob-road{position:absolute;z-index:1;border-radius:999px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.ns-rob-road-main{left:8%;top:62%;width:84%;height:54px;transform:rotate(-37deg);transform-origin:50% 50%}
.ns-rob-road-cross{left:42%;top:11%;width:52px;height:76%;transform:rotate(14deg);opacity:.55}
.ns-rob-odd-boundary{position:absolute;z-index:1;left:9%;top:12%;width:82%;height:72%;border:1px dashed color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 65%,transparent);border-radius:28px;opacity:.12;background:rgba(12,113,195,.025);transition:opacity .75s cubic-bezier(.16,.72,.18,1),box-shadow .75s}
.ns-rob-odd-boundary span{position:absolute;right:16px;top:10px;color:rgba(255,255,255,.40);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.ns-rob[data-journey="autonomous"][data-active-key="mission"] .ns-rob-odd-boundary,
.ns-rob[data-journey="autonomous"][data-active-key="govern"] .ns-rob-odd-boundary{opacity:1;box-shadow:0 0 34px rgba(12,113,195,.15),inset 0 0 30px rgba(12,113,195,.06)}
.ns-rob-auto-paths{position:absolute;z-index:3;inset:0;opacity:.95;pointer-events:none}
.ns-rob-auto-paths path{fill:none;stroke-linecap:round;stroke-width:1.35;stroke-dasharray:7 6;animation:nsRobDash 1.95s linear infinite;opacity:0;transition:opacity .7s cubic-bezier(.16,.72,.18,1)}
.ns-rob-auto-paths .route-main{stroke:var(--ns-rob-accent,#30ce7c);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 58%,transparent))}
.ns-rob-auto-paths .route-alt{stroke:rgba(255,255,255,.30);stroke-width:1;filter:none}
.ns-rob-auto-paths .route-response{stroke:var(--ns-rob-warn);filter:drop-shadow(0 0 6px rgba(242,178,99,.58))}
.ns-rob[data-journey="autonomous"][data-active-key="mission"] .route-main,
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .route-main,
.ns-rob[data-journey="autonomous"][data-active-key="act"] .route-main{opacity:1}
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .route-alt{opacity:.65}
.ns-rob[data-journey="autonomous"][data-active-key="respond"] .route-response,
.ns-rob[data-journey="autonomous"][data-active-key="govern"] .route-response{opacity:1}
.ns-rob-destination{position:absolute;z-index:6;right:10%;top:13%;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 65%,rgba(255,255,255,.2));border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(48,206,124,.09);box-shadow:0 0 24px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 22%,transparent)}
.ns-rob-destination span{font-family:var(--ns-rob-tw);font-size:11px;letter-spacing:.04em}
.ns-rob-obstacle{position:absolute;z-index:5;width:54px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);display:grid;place-items:center;color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.05em;text-transform:uppercase;transition:filter .7s,box-shadow .7s,transform .7s}
.obstacle-a{left:57%;top:51%}.obstacle-b{left:38%;top:26%;transform:rotate(9deg)}
.ns-rob[data-journey="autonomous"][data-active-key="model"] .ns-rob-obstacle,
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .ns-rob-obstacle{filter:brightness(1.35);box-shadow:0 0 20px rgba(255,255,255,.09)}
.ns-rob-pedestrian{position:absolute;z-index:7;left:59%;top:39%;width:34px;height:54px;opacity:.15;transform:translate(24px,-16px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1)}
.ns-rob-pedestrian span{position:absolute;left:10px;top:0;width:15px;height:15px;border-radius:50%;background:var(--ns-rob-warn);box-shadow:0 0 18px rgba(242,178,99,.45)}
.ns-rob-pedestrian i,.ns-rob-pedestrian b{position:absolute;background:rgba(255,255,255,.72);border-radius:8px}.ns-rob-pedestrian i{left:15px;top:16px;width:5px;height:24px}.ns-rob-pedestrian b{left:4px;top:36px;width:28px;height:5px;transform:rotate(-12deg)}
.ns-rob[data-journey="autonomous"][data-active-key="respond"] .ns-rob-pedestrian,
.ns-rob[data-journey="autonomous"][data-active-key="govern"] .ns-rob-pedestrian{opacity:1;transform:translate(0,0)}
.ns-rob-auto-robot{position:absolute;z-index:8;left:13%;top:71%;width:82px;height:66px;transform:translate(0,0) rotate(-34deg);transition:left 1.15s cubic-bezier(.16,.72,.18,1),top 1.15s cubic-bezier(.16,.72,.18,1),transform 1.15s cubic-bezier(.16,.72,.18,1),filter .75s}
.ns-rob[data-journey="autonomous"][data-active-key="perceive"] .ns-rob-auto-robot{left:22%;top:63%}
.ns-rob[data-journey="autonomous"][data-active-key="localize"] .ns-rob-auto-robot{left:31%;top:56%}
.ns-rob[data-journey="autonomous"][data-active-key="model"] .ns-rob-auto-robot{left:39%;top:49%}
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .ns-rob-auto-robot{left:45%;top:43%}
.ns-rob[data-journey="autonomous"][data-active-key="act"] .ns-rob-auto-robot{left:55%;top:35%}
.ns-rob[data-journey="autonomous"][data-active-key="respond"] .ns-rob-auto-robot{left:50%;top:42%;transform:translate(0,0) rotate(-18deg);filter:brightness(1.28)}
.ns-rob[data-journey="autonomous"][data-active-key="govern"] .ns-rob-auto-robot{left:50%;top:42%;transform:translate(0,0) rotate(-18deg);filter:brightness(1.12)}
.ns-rob-chassis{position:absolute;left:15px;top:13px;width:50px;height:34px;border:1px solid rgba(255,255,255,.23);border-radius:16px 18px 14px 14px;background:linear-gradient(135deg,var(--ns-rob-secondary,#0c71c3),color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 42%,var(--ns-rob-accent,#30ce7c)));box-shadow:0 0 24px color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 25%,transparent)}
.ns-rob-chassis i{position:absolute;bottom:-7px;width:12px;height:7px;border-radius:7px;background:rgba(255,255,255,.55)}.ns-rob-chassis i:first-child{left:7px}.ns-rob-chassis i:nth-child(2){right:7px}.ns-rob-chassis b{position:absolute;right:7px;top:9px;width:13px;height:9px;border-radius:6px;background:rgba(255,255,255,.30)}
.ns-rob-sensor{position:absolute;left:39px;top:29px;border:1px solid var(--ns-rob-accent,#30ce7c);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.3);animation:nsRobPulse 2.2s ease-out infinite}.sensor-a{width:92px;height:92px}.sensor-b{width:142px;height:142px;animation-delay:.38s;border-color:var(--ns-rob-secondary,#0c71c3)}.sensor-c{width:188px;height:188px;animation-delay:.76s;border-color:rgba(255,255,255,.32)}
.ns-rob[data-journey="autonomous"][data-active-key="perceive"] .ns-rob-sensor,
.ns-rob[data-journey="autonomous"][data-active-key="localize"] .ns-rob-sensor,
.ns-rob[data-journey="autonomous"][data-active-key="model"] .ns-rob-sensor{opacity:1}
@keyframes nsRobPulse{0%{opacity:.75;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.ns-rob-uncertainty{position:absolute;left:-16px;top:-6px;width:116px;height:78px;border:1px solid color-mix(in srgb,var(--ns-rob-warn) 55%,transparent);border-radius:50%;background:rgba(242,178,99,.035);opacity:0;transform:rotate(18deg) scale(.92);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1)}
.ns-rob[data-journey="autonomous"][data-active-key="localize"] .ns-rob-uncertainty,
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .ns-rob-uncertainty,
.ns-rob[data-journey="autonomous"][data-active-key="respond"] .ns-rob-uncertainty{opacity:.85;transform:rotate(18deg) scale(1)}
.ns-rob-world-model{left:8%;top:12%;opacity:0;transform:translateY(10px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),border-color .75s}
.ns-rob[data-journey="autonomous"][data-active-key="model"] .ns-rob-world-model,
.ns-rob[data-journey="autonomous"][data-active-key="plan"] .ns-rob-world-model{opacity:1;transform:translateY(0);border-color:color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 55%,rgba(255,255,255,.15))}
.ns-rob-fallback-card{right:9%;bottom:24%;opacity:0;transform:translateY(10px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),border-color .75s}
.ns-rob[data-journey="autonomous"][data-active-key="respond"] .ns-rob-fallback-card{opacity:1;transform:translateY(0);border-color:rgba(242,178,99,.64)}
.ns-rob-governance-card{left:9%;bottom:20%;opacity:0;transform:translateY(10px);transition:opacity .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),border-color .75s}
.ns-rob[data-journey="autonomous"][data-active-key="govern"] .ns-rob-governance-card{opacity:1;transform:translateY(0);border-color:color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 58%,rgba(255,255,255,.15))}

/* Shared callout and detail panel */
.ns-rob-callout{
  position:absolute;
  z-index:9;
  top:15%;
  right:5%;
  width:min(230px,38%);
  min-height:56px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(5,12,27,.68);
  box-shadow:0 0 28px rgba(0,0,0,.16),inset 0 0 20px rgba(255,255,255,.025);
  backdrop-filter:blur(7px);
  color:#fff;
  font-family:var(--ns-rob-tw);
  font-size:15px;
  line-height:1.28;
  letter-spacing:.035em;
  pointer-events:none;
  transition:top .75s cubic-bezier(.16,.72,.18,1),right .75s cubic-bezier(.16,.72,.18,1),left .75s cubic-bezier(.16,.72,.18,1),transform .75s cubic-bezier(.16,.72,.18,1),border-color .75s;
}
.ns-rob-callout::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:1px solid color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 42%,transparent);
  opacity:.52;
  pointer-events:none;
}
.ns-rob-callout-item{position:absolute;inset:12px 14px;display:grid;align-items:center;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .55s cubic-bezier(.16,.72,.18,1),transform .55s cubic-bezier(.16,.72,.18,1),visibility .55s}
.ns-rob-callout-item.ns-on{visibility:visible;opacity:1;transform:translateY(0)}
.ns-rob[data-active-key="protect"] .ns-rob-callout,
.ns-rob[data-active-key="improve"] .ns-rob-callout,
.ns-rob[data-active-key="respond"] .ns-rob-callout,
.ns-rob[data-active-key="govern"] .ns-rob-callout{left:5%;right:auto;top:17%}
.ns-rob[data-active-key="sense"] .ns-rob-callout,
.ns-rob[data-active-key="perceive"] .ns-rob-callout{top:22%;right:6%}
.ns-rob[data-active-key="control"] .ns-rob-callout,
.ns-rob[data-active-key="act"] .ns-rob-callout{top:56%;right:5%}

.ns-rob-detail{
  position:absolute;
  z-index:6;
  left:calc(50% - 4px);
  bottom:0;
  width:min(82%,545px);
  min-height:172px;
  transform:translateX(-50%);
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.ns-rob-detail.ns-switching{opacity:0;transform:translateX(-50%) translateY(8px)}
.ns-rob-detail.ns-switching .ns-rob-panel{transition:none !important}
.ns-rob-detail-viewport{position:relative;display:grid;min-height:172px;overflow:hidden}
.ns-rob-detail-rail{
  position:absolute;
  z-index:6;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--ns-rob-accent,#30ce7c),color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 70%,white 8%));
  box-shadow:0 0 16px color-mix(in srgb,var(--ns-rob-accent,#30ce7c) 55%,transparent),0 0 30px color-mix(in srgb,var(--ns-rob-secondary,#0c71c3) 25%,transparent);
}
.ns-rob-panel{
  position:relative;
  grid-area:1/1;
  margin:0;
  padding:0 0 0 19px;
  border:0;
  background:transparent;
  visibility:hidden;
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.2,.68,.18,1),transform .7s cubic-bezier(.2,.68,.18,1),visibility .7s;
}
.ns-rob-panel.ns-on{visibility:visible;opacity:1;transform:translateY(0)}
.ns-rob-panel h3{
  max-width:31ch;
  margin:0 0 7px !important;
  overflow:hidden;
  color:#fff !important;
  font-family:var(--ns-rob-tw) !important;
  font-size:clamp(16.5px,1.24vw,20px);
  font-weight:400 !important;
  line-height:1.18 !important;
  text-shadow:0 0 14px rgba(0,0,0,.48);
  white-space:normal;
  overflow-wrap:anywhere;
}
.ns-rob-panel p{
  max-width:58ch;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13.15px;
  line-height:1.46;
  text-shadow:0 0 12px rgba(0,0,0,.46);
}
.ns-robx-placeholder{padding:12px;border:1px dashed #aaa;background:rgba(0,0,0,.04);color:#aaa;font-family:system-ui,sans-serif;font-size:12px}

.ns-rob-theme-light{
  --ns-rob-ink:#10131c;
  --ns-rob-muted:rgba(16,19,28,.68);
  --ns-rob-soft:rgba(16,19,28,.12);
  --ns-rob-faint:rgba(16,19,28,.055);
  --ns-rob-surface:rgba(255,255,255,.25);
  --ns-rob-surface-strong:rgba(255,255,255,.68);
  --ns-rob-line:rgba(16,19,28,.16);
}
.ns-rob-theme-light .ns-rob-title,
.ns-rob-theme-light .ns-rob-journey-intro h4,
.ns-rob-theme-light .ns-rob-panel h3{color:#10131c !important;text-shadow:none}
.ns-rob-theme-light .ns-rob-intro{color:rgba(16,19,28,.70)}
.ns-rob-theme-light .ns-rob-tab{color:rgba(16,19,28,.65);border-color:rgba(16,19,28,.15);background:rgba(255,255,255,.40)}
.ns-rob-theme-light .ns-rob-tab small{color:rgba(16,19,28,.48)}
.ns-rob-theme-light .ns-rob-tab.ns-on,.ns-rob-theme-light .ns-rob-tab:hover,.ns-rob-theme-light .ns-rob-tab:focus-visible{color:#10131c}
.ns-rob-theme-light .ns-rob-tab.ns-on small{color:rgba(16,19,28,.70)}
.ns-rob-theme-light .ns-rob-journey-intro p{color:rgba(16,19,28,.62)}
.ns-rob-theme-light .ns-rob-step{color:rgba(16,19,28,.57)}
.ns-rob-theme-light .ns-rob-step:hover,.ns-rob-theme-light .ns-rob-step:focus-visible,.ns-rob-theme-light .ns-rob-step.ns-on{color:#10131c;background:rgba(16,19,28,.035)}
.ns-rob-theme-light .ns-rob-step-num{color:rgba(16,19,28,.34)}
.ns-rob-theme-light .ns-rob-step-micro{color:rgba(16,19,28,.48)}
.ns-rob-theme-light .ns-rob-step.ns-on .ns-rob-step-micro{color:rgba(16,19,28,.69)}
.ns-rob-theme-light .ns-rob-stage-index{color:rgba(16,19,28,.48)}
.ns-rob-theme-light .ns-rob-stage-index i{background:rgba(16,19,28,.16)}
.ns-rob-theme-light .ns-rob-scene-card{background:linear-gradient(180deg,rgba(247,249,252,.76),rgba(255,255,255,.46));border-color:rgba(16,19,28,.13)}
.ns-rob-theme-light .ns-rob-cell-grid,.ns-rob-theme-light .ns-rob-map-grid{background-image:linear-gradient(rgba(16,19,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,28,.045) 1px,transparent 1px)}
.ns-rob-theme-light .ns-rob-panel p{color:rgba(16,19,28,.77);text-shadow:none}
.ns-rob-theme-light .ns-rob-callout{color:#10131c;background:rgba(255,255,255,.78);border-color:rgba(16,19,28,.14)}
.ns-rob-theme-light .ns-rob-scene-caption strong{color:rgba(16,19,28,.78)}
.ns-rob-theme-light .ns-rob-scene-caption{color:rgba(16,19,28,.55)}


@media (max-width:640px){
  .ns-rob-step:not(.ns-on) .ns-rob-step-micro{display:none}
  .ns-rob-steps{gap:0}
}

@media (min-width:981px){
  .ns-rob-body{align-items:stretch}
  .ns-rob-stage{align-self:stretch;height:auto;min-height:560px}
  .ns-rob-detail{bottom:0}
}
@media (max-width:980px){
  .ns-rob{min-height:0 !important}
  .ns-rob-head{margin-bottom:12px}
  .ns-rob-body{grid-template-columns:1fr;gap:20px}
  .ns-rob-copy{max-width:720px}
  .ns-rob-selector-row{grid-template-columns:minmax(165px,190px) minmax(0,1fr)}
  .ns-rob-journey-intros{min-height:66px}
  .ns-rob-stage{width:100%;max-width:720px;height:650px;margin:-8px auto 0 0}
  .ns-rob-stage-core{bottom:190px}
}
@media (max-width:640px){
  .ns-rob{padding-top:6px}
  .ns-rob-head{padding-right:0}
  .ns-rob-title{font-size:clamp(26px,7.8vw,34px)}
  .ns-rob-selector-row{grid-template-columns:1fr;gap:10px}
  .ns-rob-tabs{grid-template-columns:1fr;gap:8px}
  .ns-rob-tab{min-width:0;width:100%;min-height:32px;padding:6px 11px 7px}
  .ns-rob-tab span{font-size:14px}
  .ns-rob-journey-intros{min-height:82px;padding:9px 12px 8px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .ns-rob-journey-intro{inset:9px 12px 8px}
  .ns-rob-step{grid-template-columns:36px 1fr;gap:10px;padding-right:4px}
  .ns-rob-step-label{font-size:18px}
  .ns-rob-step-micro{font-size:12.1px}
  .ns-rob-stage{height:690px;margin-top:0}
  .ns-rob-stage-core{top:36px;bottom:248px;min-height:360px}
  .ns-rob-scene-card{inset:8px 0 8px;border-radius:20px}
  .ns-rob-stage-index{left:4%;top:9px}
  .ns-rob-callout{width:48%;font-size:13px;padding:10px 12px;min-height:64px;top:12%;right:4%}
  .ns-rob[data-active-key="protect"] .ns-rob-callout,
  .ns-rob[data-active-key="improve"] .ns-rob-callout,
  .ns-rob[data-active-key="respond"] .ns-rob-callout,
  .ns-rob[data-active-key="govern"] .ns-rob-callout{left:4%;top:14%}
  .ns-rob-detail{left:50%;bottom:0;width:95%;min-height:220px}
  .ns-rob-detail-viewport{min-height:220px}
  .ns-rob-panel{padding:11px 4px 10px 19px}
  .ns-rob-panel h3{font-size:19px;white-space:normal}
  .ns-rob-panel p{font-size:13.1px;line-height:1.44}
  .ns-rob-arm{left:39%;transform:scale(.82);transform-origin:25% 82%}
  .ns-rob-controller{right:3%;top:11%;transform:scale(.88);transform-origin:100% 0}
  .ns-rob-quality-card,.ns-rob-log-stream{right:4%}
  .ns-rob-world-model,.ns-rob-governance-card{left:4%}
  .ns-rob-fallback-card{right:4%}
  .ns-rob-scene-caption{left:12px;right:12px}
}
@media (max-width:390px){
  .ns-rob-journey-intros{min-height:106px}
  .ns-rob-stage{height:720px}
  .ns-rob-detail{min-height:235px}
  .ns-rob-detail-viewport{min-height:235px}
}
@media (prefers-reduced-motion:reduce){
  .ns-rob *,
  .ns-rob *::before,
  .ns-rob *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}