/* "AI Agents" hero visual (see h-ai.js). Palette: ink #06140d, mint #52e3a4. */
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.h-ai-stage{aspect-ratio:1/1.1;max-width:520px;background:
  radial-gradient(80% 60% at 50% 30%,#52e3a41f,transparent 70%),linear-gradient(170deg,#0b2116,#06140d 70%)}
.h-ai-stage .b-stage-core{inset:2% 2% 0}
.h-ai-stage .b-stage-core .b-glyph{display:none}

/* the generic product glyph is never shown on this page (it is created for a frame before h-ai.js clears it) */
html body main.n99-product-detail .page-hero[data-b-motif=agents] .b-stage-core .b-glyph{display:none!important}

/* WebGL scene (h-ai3d.js) */
.h-ai-stage .b-stage-core{overflow:visible}
.h-ai3d{position:absolute;left:-8%;top:-8%;width:116%;height:112%;opacity:0;transition:opacity 1.4s var(--v2-ease);pointer-events:none}
.h-ai3d.ready{opacity:1}

/* ── harmony: no boxed card; the scene floats on the same dark field as the hero ── */
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero:has(.h-ai-stage){
  background:radial-gradient(900px 600px at 28% 52%,#0d4a2e88,transparent 66%),radial-gradient(800px 500px at 90% 10%,#0c6b4a40,transparent 62%),#030a07!important}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero:has(.h-ai-stage) .v2-hero-net{display:none}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.h-ai-stage{
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:600px;aspect-ratio:1/1.1}
.h-ai-stage .b-stage-grid,.h-ai-stage .b-orb{display:none}
.h-ai-dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.h-ai-cursor{position:absolute;width:620px;height:620px;border-radius:50%;pointer-events:none;z-index:-1;left:30%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle,#52e3a42b,transparent 65%);transition:opacity .4s}
.h-ai-bars{position:absolute;top:0;bottom:24%;inset-inline-end:-4%;width:24%;display:flex;gap:9%;z-index:0;pointer-events:none;opacity:0;animation:haiBarsIn 1.6s ease .3s forwards}
.h-ai-bars i{flex:1;background:linear-gradient(to bottom,transparent,#52e3a438 40%,#52e3a40d);position:relative;overflow:hidden}
.h-ai-bars i:after{content:"";position:absolute;inset-inline:0;height:30%;top:-30%;background:linear-gradient(to bottom,transparent,#9bf0c8e6,transparent);animation:haiBar 4.5s linear infinite}
.h-ai-bars i:nth-child(2):after{animation-delay:1.1s}.h-ai-bars i:nth-child(3):after{animation-delay:2.3s}.h-ai-bars i:nth-child(4):after{animation-delay:.6s}
@keyframes haiBarsIn{to{opacity:1}}@keyframes haiBar{to{top:130%}}
.h-ai3d{z-index:1}
@media(prefers-reduced-motion:reduce){.h-ai-bars i:after{animation:none}.h-ai-bars{animation:none;opacity:1}}
@media(max-width:999px){html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.h-ai-stage{max-width:460px}}