
/* Neuro X expressive graphics, derived conceptually from the original site's
   wave-saw / wave-morph / spectral-bars / grain-cloud / macro-console styles.
   Browser-only illustrations; no claims of audio DSP, synth output or AI runtime. */
.nx-live-illustration{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 55% 55%,rgba(26,98,146,.18),transparent 75%),
 linear-gradient(180deg,rgba(5,24,44,.91),rgba(6,11,25,.96));
 border:1px solid rgba(77,180,229,.24);border-radius:8px;
 height:122px;margin:13px 0 19px;box-shadow:inset 0 0 25px rgba(0,7,24,.6);
}
.nx-live-illustration::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(to bottom,rgba(88,188,238,.035) 1px,transparent 1px),
 linear-gradient(to right,rgba(88,188,238,.048) 1px,transparent 1px);
 background-size:100% 24px,32px 100%;
}
.nx-live-illustration canvas{width:100%;height:100%;display:block;position:relative;z-index:1}
.nx-viz-scan{position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(110deg,transparent 30%,rgba(113,207,255,.055) 49%,transparent 67%);
 transform:translateX(-160%);animation:nx-scan 8s ease-in-out infinite}
@keyframes nx-scan{0%,18%{transform:translateX(-160%)}65%,100%{transform:translateX(160%)}}
.nx-synthesis-catalog .nx-visual-card{display:flex;flex-direction:column;transition:border-color .24s,transform .24s,box-shadow .24s}
.nx-synthesis-catalog .nx-visual-card:hover{border-color:rgba(108,218,255,.62);transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.23)}
.nx-engine-viz{width:100%;height:130px;margin:18px 0 3px}
.nx-synthesis-catalog article h3{margin-top:16px}
.nx-synthesis-catalog article p{flex:1}
.nx-info-grid .nx-compact-viz{height:94px;margin:11px 0 15px}
.nx-heritage-viz{height:86px;margin:0 0 15px}
.nx-evidence-viz{height:86px;margin:0 0 22px}
.nx-workflow-viz{height:116px;margin:0 0 20px}
.nx-apse-viz{height:100px;margin:0 0 23px}
.nx-space-figure{min-width:0}
.nx-space-viz{height:240px;max-height:30vh;margin:0;border-radius:3px 3px 0 0;border-bottom:0}
.nx-space-figure>img{width:100%;height:auto;display:block}
.nx-pipeline-viz{height:158px;width:100%;margin:0 0 21px;background:radial-gradient(circle at center,rgba(16,75,142,.2),rgba(2,9,26,.8))}
.nx-ai-flow>span{position:relative}
.nx-ai-flow>b{color:#67d6ff;animation:nx-flow-pulse 2.3s ease-in-out infinite}
.nx-ai-flow>b:nth-of-type(2){animation-delay:-.65s}
.nx-ai-flow>b:nth-of-type(3){animation-delay:-1.25s}
@keyframes nx-flow-pulse{0%,100%{opacity:.3;filter:drop-shadow(0 0 1px #39bbeb)}50%{opacity:1;filter:drop-shadow(0 0 9px #7bd9ff)}}
.nx-macro-grid .nx-macro-illustrated{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;isolation:isolate}
.nx-macro-knob{width:clamp(67px,8vw,94px);aspect-ratio:1;position:relative;border-radius:50%;
 background:conic-gradient(from 225deg,#49d6fc 0deg,#ad6eff var(--angle),rgba(46,91,130,.2) var(--angle),rgba(48,83,105,.26) 270deg,transparent 270deg);
 padding:6px;box-shadow:0 0 20px rgba(32,127,209,.13),inset 0 0 8px rgba(79,191,237,.13);
 transition:filter .25s}
.nx-macro-knob i{display:block;width:100%;height:100%;border-radius:50%;
 background:radial-gradient(circle at 34% 24%,#243d53,#0a1525 69%);
 border:1px solid rgba(103,188,232,.45);box-shadow:inset 0 -8px 17px rgba(0,0,0,.52),0 1px 2px rgba(149,215,255,.1)}
.nx-macro-pointer{position:absolute;inset:0;z-index:2;transform:rotate(calc(var(--angle) - 135deg));transition:transform .18s ease-out}
.nx-macro-pointer::after{content:"";position:absolute;width:3px;height:18%;left:calc(50% - 1.5px);top:11%;border-radius:2px;background:#aeecff;box-shadow:0 0 11px #50ccf4}
.nx-macro-readout{font-size:12px;letter-spacing:.1em;font-weight:750;color:#83e0ff}
.nx-macro-grid input[type=range]{width:100%;accent-color:#5bccfa;cursor:pointer}
.nx-macro-illustrated:hover .nx-macro-knob{filter:drop-shadow(0 0 6px rgba(67,208,255,.33))}
.nx-macro-grid .nx-macro-illustrated small{margin-top:auto}
@media(max-width:800px){
 .nx-engine-viz{height:114px}
 .nx-space-viz{height:175px}
}
@media(max-width:580px){
 .nx-engine-viz{height:124px}
 .nx-macro-knob{width:80px}
}
@media(prefers-reduced-motion:reduce){
 .nx-live-illustration .nx-viz-scan{animation:none;display:none}
 .nx-ai-flow>b{animation:none}
 .nx-synthesis-catalog .nx-visual-card{transition:none}
 .nx-synthesis-catalog .nx-visual-card:hover{transform:none}
 .nx-macro-pointer{transition:none}
}
/* Lighter, NOT white: elevated charcoal/slate palette over dark mode. */
html[data-theme="light"]{color-scheme:dark}
html[data-theme="light"] body{
 background:
 radial-gradient(ellipse at 22% 0%,rgba(49,130,172,.15),transparent 35%),
 radial-gradient(ellipse at 90% 12%,rgba(125,79,157,.16),transparent 36%),
 linear-gradient(160deg,#202a35 0%,#283440 55%,#1b2530 100%) fixed!important;
 color:#e8f1fa!important;
}
html[data-theme="light"] body::before{opacity:.25}
html[data-theme="light"] .nwl-interactive-background{opacity:.47}
html[data-theme="light"] .site-shell,html[data-theme="light"] body.is-neurox .site-shell{color:#e4eef9!important;background:transparent!important}
html[data-theme="light"] .site-header,html[data-theme="light"] .content-section,
html[data-theme="light"] .nx-view{color:#e7f3ff!important}
html[data-theme="light"] .nav-link,html[data-theme="light"] .menu-products>summary{color:#dbe9fa!important}
html[data-theme="light"] .nav-products[open]>summary,html[data-theme="light"] .nav-link:hover{color:#8ae1ff!important}
html[data-theme="light"] .nw-home h1,html[data-theme="light"] .nw-home h2,
html[data-theme="light"] .nx-view h1,html[data-theme="light"] .nx-view h2{color:#e8f5ff!important;text-shadow:none!important}
html[data-theme="light"] .hero h1{background:linear-gradient(105deg,#eef8ff,#b1dcfb)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
html[data-theme="light"] .hero-subtitle,html[data-theme="light"] .nw-home p,
html[data-theme="light"] .nw-intro-grid p,html[data-theme="light"] .nx-view p:not(.nx-overline),
html[data-theme="light"] .nx-view .nx-lead,html[data-theme="light"] .nx-view .nx-disclaimer,
html[data-theme="light"] .nx-view .nx-info-grid p{color:#b8cede!important}
html[data-theme="light"] .nx-view h3{color:#eef8ff!important}
html[data-theme="light"] .outline-button,html[data-theme="light"] .video-trigger,
html[data-theme="light"] .nw-subtle-link{color:#d3eafa!important;border-color:rgba(142,210,249,.55)}
html[data-theme="light"] .play-circle svg{fill:#b9e9fa}
html[data-theme="light"] .nx-view .nx-synthesis-catalog article,
html[data-theme="light"] .nw-technology-strip>div,html[data-theme="light"] .nx-mode-details article,
html[data-theme="light"] .nx-evidence-grid article,html[data-theme="light"] .nx-workflow-grid article,
html[data-theme="light"] .nx-info-grid article,html[data-theme="light"] .nx-steps>div,
html[data-theme="light"] .nx-engine-heritage article,html[data-theme="light"] .nx-detail-panel,
html[data-theme="light"] .nx-macro-grid label{
 background:rgba(34,49,63,.91)!important;border-color:rgba(117,184,222,.32)!important;color:#e2effa!important
}
html[data-theme="light"] .nx-subnav{background:rgba(35,48,63,.96)!important;border-color:rgba(109,169,207,.36)!important}
html[data-theme="light"] .nx-subnav a{color:#cde4f1!important}
html[data-theme="light"] .nx-subnav a:hover{background:#38536a!important;color:#f8fcff!important}
html[data-theme="light"] .nx-action{background:rgba(51,83,105,.65)!important;color:#eaf7ff!important;border-color:#6cbce6!important}
html[data-theme="light"] .nx-screen,html[data-theme="light"] .nx-hero-visual{background:#172433!important}
html[data-theme="light"] .nx-screen-caption{background:#293f51!important;color:#d4edff!important}
html[data-theme="light"] .nx-tagline-text{color:#eaf8ff!important;text-shadow:none}
html[data-theme="light"] .nw-language{background:#263a4d!important;border-color:#638baa!important}
html[data-theme="light"] .nw-lang-button{color:#b8d1e4!important}
html[data-theme="light"] .nw-lang-button[aria-pressed="true"]{color:#102333!important;background:#8ed9fa!important}
html[data-theme="light"] .nw-theme-switch{color:#e2f4ff!important;background:#2e475c!important;border-color:#6aa8cc!important}
html[data-theme="light"] .nav-products-panel{background:#2b3d4e!important;border-color:#597e9c!important}
html[data-theme="light"] .nav-products-panel>a{color:#e7f5ff!important}
html[data-theme="light"] .site-footer,html[data-theme="light"] .site-footer a{color:#c1d7e6!important}
html[data-theme="light"] .feature-label,html[data-theme="light"] .feature-card{color:#edf6ff!important}
html[data-theme="light"] .nx-live-illustration{background:radial-gradient(ellipse at 55% 60%,rgba(56,134,181,.17),transparent 75%),linear-gradient(155deg,#15283a,#1a2637)}
html[data-theme="light"] .nx-macro-knob i{background:radial-gradient(circle at 34% 24%,#304d65,#122234 72%)}
html[data-theme="light"] .nx-ai-flow{background:rgba(28,46,65,.73)!important;color:#d9eeff!important}
html[data-theme="light"] .nx-ai-flow span{color:#e5f7ff!important}
html[data-theme="light"] .nx-section{border-color:rgba(133,190,222,.27)}
html[data-theme="light"] .nx-form-grid input,html[data-theme="light"] .nx-form-grid select,
html[data-theme="light"] .nx-beta-form textarea{background:#1c2c3a!important;color:#eaf6ff!important}
