/* Robot-cell first visual system — NeuralOps Industrial */

.ni-hero{
    min-height:calc(100svh - 68px);
    padding:clamp(20px,3vh,36px) 0 clamp(24px,3vh,40px);
    overflow-x:clip;
    overflow-y:visible;
    align-items:start;
}
.ni-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.18fr);
    gap:clamp(20px,3vw,36px);
    align-items:center;
}
.ni-hero h1{
    font-size:clamp(2.35rem,4.6vw,4.35rem);
    line-height:.9;
    letter-spacing:-.05em;
    max-width:14ch;
}
.ni-hero .ni-lead{font-size:clamp(1.05rem,1.6vw,1.28rem);max-width:36rem}
.ni-hero-copy{min-width:0}
.ni-hero-visual{min-width:0;max-width:100%}
.ni-stack-strip{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 0;
    padding:0;
    list-style:none;
}
.ni-stack-strip li{
    padding:7px 10px;
    border:1px solid var(--ni-line);
    border-radius:999px;
    background:var(--ni-panel);
    color:var(--ni-muted);
    font:700 .68rem/1 ui-monospace,monospace;
}
.ni-stack-strip .is-hero{
    background:color-mix(in srgb,var(--ni-cyan) 18%,var(--ni-panel));
    border-color:var(--ni-cyan);
    color:var(--ni-cyan);
    font-size:.78rem;
    padding:9px 14px;
}

.ni-cell-stage{
    margin:0;
    position:relative;
    padding:12px 12px 14px;
    border:1px solid var(--ni-line);
    border-radius:26px;
    background:
        radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--ni-violet) 16%,transparent),transparent 28%),
        linear-gradient(160deg,color-mix(in srgb,var(--ni-panel) 92%,transparent),color-mix(in srgb,var(--ni-cyan) 8%,var(--ni-panel)));
    box-shadow:var(--ni-shadow);
    overflow:hidden;
}
.ni-cell-chrome{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    margin-bottom:8px;
}
.ni-cell-badge,.ni-cell-gate{
    font:800 .62rem/1 ui-monospace,monospace;
    letter-spacing:.08em;
}
.ni-cell-badge{color:var(--ni-amber)}
.ni-cell-gate{
    padding:6px 10px;
    border:1px solid var(--ni-line);
    border-radius:999px;
    color:var(--ni-muted);
    background:var(--ni-panel2);
}
.ni-cell-stage[data-stage="gate"] .ni-cell-gate,
.ni-cell-stage[data-stage="approach"] .ni-cell-gate,
.ni-cell-stage[data-stage="reach"] .ni-cell-gate,
.ni-cell-stage[data-stage="grip"] .ni-cell-gate,
.ni-cell-stage[data-stage="lift"] .ni-cell-gate,
.ni-cell-stage[data-stage="carry"] .ni-cell-gate,
.ni-cell-stage[data-stage="place"] .ni-cell-gate,
.ni-cell-stage[data-stage="seat"] .ni-cell-gate,
.ni-cell-stage[data-stage="release"] .ni-cell-gate{
    border-color:var(--ni-green);
    color:var(--ni-green);
    box-shadow:0 0 18px color-mix(in srgb,var(--ni-green) 25%,transparent);
}
.ni-cell-stage[data-stage="gate"][data-cell-mode="demo"] .ni-cell-gate,
.ni-cell-stage[data-stage="reason"] .ni-cell-gate,
.ni-cell-stage[data-program="walk"][data-stage="reason"] .ni-cell-gate,
.ni-cell-stage[data-program="walk"][data-stage="approach"] .ni-cell-gate{border-color:var(--ni-amber);color:var(--ni-amber);box-shadow:none}
.ni-cell-stage[data-stage="hold"] .ni-cell-gate,
.ni-cell-stage[data-program="walk"][data-stage="gate"] .ni-cell-gate,
.ni-cell-stage[data-program="walk"][data-stage="hold"] .ni-cell-gate{
    border-color:var(--ni-red);
    color:var(--ni-red);
    box-shadow:0 0 16px color-mix(in srgb,var(--ni-red) 22%,transparent);
}
.ni-cell-svg{display:block;width:100%;height:auto;color:var(--ni-cyan)}
.ni-cell-cage{fill:none;stroke:color-mix(in srgb,var(--ni-line) 80%,var(--ni-cyan));stroke-dasharray:5 6;stroke-width:1.2}
.ni-cell-posts rect{fill:color-mix(in srgb,var(--ni-panel2) 80%,#000)}
.ni-cell-curtain line{stroke:var(--ni-green);stroke-width:2;opacity:.28}
.ni-cell-stage[data-stage="gate"] .ni-cell-curtain line,
.ni-cell-stage[data-stage="approach"] .ni-cell-curtain line,
.ni-cell-stage[data-stage="reach"] .ni-cell-curtain line{opacity:.7}
.ni-cell-stage[data-stage="hold"] .ni-cell-curtain line,
.ni-cell-stage[data-program="walk"][data-stage="gate"] .ni-cell-curtain line{stroke:var(--ni-red);opacity:.85}
.ni-cell-conveyor rect{fill:#152233;stroke:#31485c;stroke-width:1.4}
.ni-cell-belt line{
    stroke:color-mix(in srgb,var(--ni-cyan) 55%,#6a8496);
    stroke-width:2;
    stroke-dasharray:8 10;
    opacity:.45;
}
.ni-cell-fixture rect{fill:#152233;stroke:#5c4d8a;stroke-width:1.6}
.ni-cell-part rect{fill:#9bb4c4;stroke:#0b1520;stroke-width:1}
.ni-cell-camera rect{fill:#152233;stroke:var(--ni-cyan);stroke-width:1.4}
.ni-cell-beam{fill:color-mix(in srgb,var(--ni-cyan) 12%,transparent);opacity:0}
.ni-cell-stage[data-stage="scan"] .ni-cell-beam,
.ni-cell-stage[data-stage="fuse"] .ni-cell-beam{opacity:1}
.ni-cell-taught{opacity:0}
.ni-cell-taught circle{fill:none;stroke:var(--ni-amber);stroke-width:1.2}
.ni-cell-taught line{stroke:var(--ni-amber);stroke-width:1.2}
.ni-cell-stage[data-program="walk"] .ni-cell-taught{opacity:.85}
.ni-cell-offset-label{opacity:0}
.ni-cell-offset-label rect{fill:color-mix(in srgb,var(--ni-amber) 18%,#101820);stroke:var(--ni-amber)}
.ni-cell-offset-label text{fill:var(--ni-amber);font:800 9px ui-monospace,monospace}
.ni-cell-stage[data-program="walk"][data-stage="fuse"] .ni-cell-offset-label,
.ni-cell-stage[data-program="walk"][data-stage="reason"] .ni-cell-offset-label,
.ni-cell-stage[data-program="walk"][data-stage="approach"] .ni-cell-offset-label,
.ni-cell-stage[data-program="walk"][data-stage="gate"] .ni-cell-offset-label,
.ni-cell-stage[data-program="walk"][data-stage="hold"] .ni-cell-offset-label{opacity:1}
.ni-cell-hold-stamp{opacity:0}
.ni-cell-hold-stamp rect{fill:color-mix(in srgb,var(--ni-red) 16%,#10080c);stroke:var(--ni-red);stroke-width:1.4}
.ni-cell-hold-stamp text{fill:var(--ni-red);font:800 12px ui-monospace,monospace;letter-spacing:.08em}
.ni-cell-stage[data-stage="hold"] .ni-cell-hold-stamp,
.ni-cell-stage[data-program="walk"][data-stage="gate"] .ni-cell-hold-stamp,
.ni-cell-stage[data-program="walk"][data-stage="hold"] .ni-cell-hold-stamp{opacity:1}
.ni-cell-walkbar{
    display:grid;
    grid-template-columns:auto auto 1fr;
    gap:10px;
    align-items:baseline;
    margin:0 0 8px;
    padding:8px 10px;
    border:1px solid color-mix(in srgb,var(--ni-amber) 50%,var(--ni-line));
    border-radius:10px;
    background:color-mix(in srgb,var(--ni-amber) 8%,var(--ni-panel));
    color:var(--ni-text);
    font-size:.82rem;
}
.ni-cell-walkbar[hidden]{display:none}
.ni-cell-walkbar [data-walk-index]{color:var(--ni-amber);font:800 .68rem ui-monospace,monospace}
.ni-cell-walkbar b{color:var(--ni-cyan)}
.ni-cell-walk-btn{border-color:var(--ni-amber)!important;color:var(--ni-amber)!important}
.ni-cell-plc rect,.ni-cell-ipc rect,.ni-cell-agent rect{
    fill:var(--ni-panel);
    stroke:var(--ni-line);
    stroke-width:1.5;
}
.ni-cell-plc text,.ni-cell-ipc text,.ni-cell-agent text,
.ni-cell-conveyor text,.ni-cell-fixture text,.ni-cell-camera text,.ni-cell-amr text{
    fill:var(--ni-muted);
    font:800 9px ui-monospace,monospace;
}
.ni-cell-agent-line,.ni-cell-agent-line + text{fill:var(--ni-text);font-size:10px}
.ni-cell-agent-sub{fill:var(--ni-cyan)}
.ni-cell-pedestal{fill:#1c2b3a;stroke:#4a6276;stroke-width:1}
.ni-cell-joint{fill:#1b2834;stroke:#7f96a8;stroke-width:1.6}
.ni-cell-joint-core{fill:#8aa0b0}
.ni-cell-link-edge{fill:color-mix(in srgb,var(--ni-cyan) 35%,transparent)}
.ni-cell-wrist{fill:#2a1f3d;stroke:#8b74c9;stroke-width:1.3}
.ni-cell-arm-root [data-jaw]{fill:#d5e2ea}
.ni-cell-amr rect{fill:#152233;stroke:#3d8f6a;stroke-width:1.6}
.ni-cell-amr circle{fill:#3d8f6a}
.ni-cell-hot{opacity:0}
.ni-cell-stage[data-thermal="1"] .ni-cell-hot,
.ni-cell-stage[data-stage="fuse"] .ni-cell-hot{opacity:.9}
.ni-cell-scanline{opacity:0}
.ni-cell-stage[data-stage="scan"] .ni-cell-scanline{opacity:1}
.ni-cell-scanline rect{fill:var(--ni-cyan)}
.ni-cell-stage[data-offline="1"] .ni-cell-ipc rect{stroke:var(--ni-amber)}
.ni-cell-rail{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px;
    margin:10px 0 0;
    padding:0;
    list-style:none;
}
.ni-cell-rail li{
    padding:7px 4px;
    border:1px solid var(--ni-line);
    border-radius:9px;
    text-align:center;
    color:var(--ni-muted);
    font:800 .62rem/1 ui-monospace,monospace;
    letter-spacing:.06em;
}
.ni-cell-rail .is-on{
    border-color:var(--ni-cyan);
    color:var(--ni-cyan);
    background:color-mix(in srgb,var(--ni-cyan) 12%,transparent);
}
.ni-cell-rail .is-done{border-color:var(--ni-green);color:var(--ni-green)}
.ni-cell-caption{margin:10px 4px 0;color:var(--ni-muted);font-size:.92rem}
.ni-cell-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.ni-cell-controls button{
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--ni-line);
    border-radius:10px;
    background:var(--ni-panel2);
    color:var(--ni-text);
    font-weight:800;
    cursor:pointer;
}
.ni-cell-note{color:var(--ni-muted);font-size:.72rem}

/* Architecture layer → cell highlight */
.ni-cell-stage [data-cell-part]{transition:filter .25s,opacity .25s}
.ni-cell-stage[data-layer="L1"] [data-cell-part]:not([data-cell-part="sensors"]),
.ni-cell-stage[data-layer="L2"] [data-cell-part]:not([data-cell-part="edge"]):not([data-cell-part="ipc"]),
.ni-cell-stage[data-layer="L3"] [data-cell-part]:not([data-cell-part="gateway"]),
.ni-cell-stage[data-layer="L4"] [data-cell-part]:not([data-cell-part="ipc"]),
.ni-cell-stage[data-layer="L5"] [data-cell-part]:not([data-cell-part="agent"]){
    opacity:.28;
}
.ni-cell-stage[data-layer="L1"] [data-cell-part="sensors"],
.ni-cell-stage[data-layer="L2"] [data-cell-part="ipc"],
.ni-cell-stage[data-layer="L3"] [data-cell-part="gateway"],
.ni-cell-stage[data-layer="L4"] [data-cell-part="ipc"],
.ni-cell-stage[data-layer="L5"] [data-cell-part="agent"]{
    filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ni-cyan) 45%,transparent));
}

.ni-layer-hint{
    margin-top:14px;
    padding:14px 16px;
    border:1px solid var(--ni-line);
    border-radius:14px;
    background:var(--ni-panel);
    color:var(--ni-muted);
    min-height:3.2em;
}
.ni-layer-hint b{display:block;color:var(--ni-cyan);margin-bottom:4px}
.ni-layer[data-cell-layer="L3"] span{color:var(--ni-green)}

/* Products — robotics featured */
.ni-product-feature{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    gap:18px;
    padding:26px;
    margin-bottom:16px;
    border:1px solid var(--ni-cyan);
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--ni-cyan) 16%,transparent),transparent 30%),
        var(--ni-panel);
    box-shadow:var(--ni-shadow);
}
.ni-product-feature h3{margin:8px 0;font-size:clamp(1.6rem,3vw,2.4rem)}
.ni-product-feature p{color:var(--ni-muted)}
.ni-product-feature .ni-kicker{margin-bottom:4px}
.ni-product-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ni-product-points li{
    padding:10px 12px;
    border:1px solid var(--ni-line);
    border-radius:12px;
    background:var(--ni-panel2);
}
.ni-card-grid.support{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Industries */
.ni-industry-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.ni-industry.is-featured{border-color:color-mix(in srgb,var(--ni-cyan) 45%,var(--ni-line))}
.ni-more-industries{border:1px solid var(--ni-line);border-radius:16px;background:var(--ni-panel);padding:8px 12px}
.ni-more-industries>summary{cursor:pointer;padding:10px 6px;font-weight:800;color:var(--ni-cyan)}

/* Perception / operations / close */
.ni-split-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ni-split-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ni-anatomy-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}
.ni-anatomy-steps{display:grid;gap:10px}
.ni-anatomy-steps article{padding:14px 16px;border:1px solid var(--ni-line);border-radius:14px;background:var(--ni-panel)}
.ni-anatomy-steps h3{margin:4px 0 6px}
.ni-anatomy-steps p{margin:0;color:var(--ni-muted)}
.ni-lab-cta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-top:18px;
    padding:16px 18px;
    border:1px dashed var(--ni-violet);
    border-radius:16px;
    background:color-mix(in srgb,var(--ni-violet) 8%,var(--ni-panel));
}

/* Demo robot visual */
.ni-demo-visual{display:grid;gap:10px}
.ni-demo[data-state="warning"] .ni-cell-gate,
.ni-demo[data-state="alert"] .ni-cell-gate{border-color:var(--ni-amber);color:var(--ni-amber)}
.ni-demo[data-state="hold"] .ni-cell-gate{border-color:var(--ni-red);color:var(--ni-red)}

.ni-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.ni-reveal.visible{opacity:1;transform:none}

html[data-boost="true"] .ni-cell-belt line,
html[data-boost="true"] .ni-cell-scanline,
html[data-boost="true"] .ni-cell-beam{animation:none!important}
html[data-boost="true"] .ni-reveal{opacity:1;transform:none;transition:none}

@media (prefers-reduced-motion:reduce){
    .ni-reveal{opacity:1;transform:none;transition:none}
    .ni-cell-belt line,.ni-cell-scanline,.ni-cell-beam{animation:none!important}
}