/* From the original user-provided Neuro X website: htdocs/styles.css
   and htdocs/app.js. Replaces the NEW website's giant static hero globe. */
/* Both sections now share the same vintage Neuro X black/cyan/magenta gradient. */
html,body{min-height:100%}
body{
 background:
  radial-gradient(circle at 20% 0%,rgba(0,232,255,.16),transparent 34rem),
  radial-gradient(circle at 90% 8%,rgba(255,61,242,.13),transparent 30rem),
  linear-gradient(180deg,#030713 0%,#02040b 52%,#06020d 100%) fixed!important;
}
body::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.85;
 background-image:
  linear-gradient(rgba(0,232,255,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(0,232,255,.04) 1px,transparent 1px);
 background-size:58px 58px;
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 86%);
}
.nwl-interactive-background{
 display:block;position:fixed;inset:0;width:100vw;height:100vh;z-index:0;
 pointer-events:none;opacity:.80;transform:translateZ(0);
}
.site-shell,body.is-neurox .site-shell{position:relative;z-index:1;background:transparent!important}
.top-visual,.nwl-orbit,.hero-backdrop{display:none!important}
.nw-home .hero,.nw-home .content-section{background:transparent}
.nw-home .feature-strip{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:16px!important;align-items:stretch;
}
.nw-home .feature-strip>.feature-card{
 display:flex!important;flex-direction:column;min-width:0;
 overflow:hidden;background:#030917;
}
.nw-home .feature-image.nw-uploaded-image,
.nw-home .feature-card:first-child .feature-image.nw-uploaded-image{
 position:relative;display:block!important;padding:0!important;margin:0;
 width:100%;height:auto!important;min-height:0!important;max-height:none!important;
 aspect-ratio:1215 / 1050;flex:0 0 auto;
 background:#020711;overflow:hidden;
}
.nw-home .feature-image.nw-uploaded-image>img,
.nw-home .feature-card:hover .feature-image.nw-uploaded-image>img{
 position:absolute!important;inset:0!important;
 display:block!important;
 width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;
 object-fit:cover!important;object-position:center center!important;
 transform:none!important;filter:none!important;
 border:0!important;box-shadow:none!important;
 image-rendering:auto;
}
.nw-home .feature-card:nth-child(3) .nw-beta-art>img,
.nw-home .feature-card:nth-child(3):hover .nw-beta-art>img{
 /* The Beta source is 1536×657, unlike the two almost-square images.
    Focus the visual dashboard so the shared card viewport is full-height;
    the Beta Testing heading stays readable below the image. */
 object-position:97% center!important;
}
.nw-home .nw-uploaded-image:before,.nw-home .nw-uploaded-image:after{display:none!important}
.nw-home .feature-card .feature-label{
 flex:1;min-height:92px;padding:19px 17px 20px;
 display:flex;flex-direction:column;justify-content:center;
}
.nw-home .feature-card .feature-label h2{font-size:15px;line-height:1.25}
.nw-home .feature-card .feature-label p{font-size:10px;line-height:1.6}
@media(max-width:780px){
 .nw-home .feature-strip{gap:11px!important}
 .nw-home .feature-card .feature-label{padding:14px 12px;min-height:87px}
 .nw-home .feature-card .feature-label h2{font-size:13px}
 .nw-home .feature-card .feature-label p{font-size:9px}
}
@media(max-width:580px){
 .nw-home .feature-strip{grid-template-columns:1fr!important;gap:13px!important}
 .nw-home .feature-strip>.feature-card{display:flex!important}
 .nw-home .feature-card .feature-label{min-height:75px}
}
@media(prefers-reduced-motion:reduce){
 .nwl-interactive-background{display:none!important}
 .nw-home .feature-image.nw-uploaded-image>img{transition:none!important}
}