/* APEX Cristal neural: material only, existing layout and interactions retained. */
body.apex-dark[data-page="index"] #main #apex-ai .hh-app{
border-color:#c8e5e0c7;
background:radial-gradient(ellipse at 100% 0%,#82ffdc21,transparent 52%),linear-gradient(135deg,#283333e8 0%,#080e12f5 36%,#071414ed 72%,#1c3432e8);
backdrop-filter:blur(20px) saturate(115%);
box-shadow:inset 0 1px 2px #ffffff9c,inset 2px 0 4px #d4e5e52b,inset -2px -2px 6px #a6ffe633,0 0 0 2px #10191abf,0 3px 0 3px #758b8799,0 7px 0 3px #101718bb,0 0 24px #71ffe828,0 23px 34px #000b;
animation:apex-neural-float 6s ease-in-out var(--hh-phase,0s) infinite;
color:#edf9f6;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app:before{
inset:-5px 2px 2px -5px;border:1px solid #d9e9e991;border-radius:inherit;
background:linear-gradient(135deg,#ffffff13,transparent 28%,transparent 70%,#b9ffe80b);
box-shadow:-2px -2px 2px #d6e0df38,2px 3px 0 #060b10b3;pointer-events:none;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app:after{
inset:3px;border:1px solid #a0ffe352;border-radius:inherit;
box-shadow:inset 0 0 12px #6dffdf14,0 0 8px #b0ffe71c;pointer-events:none;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app:hover{
box-shadow:inset 0 1px 3px #fff9,inset -2px -2px 7px #a6ffe655,0 0 0 2px #10191acc,0 3px 0 3px #9aaea9aa,0 7px 0 3px #101718bb,0 0 32px #71ffe84d,0 26px 38px #000b;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app-top strong{color:#f3fffc;text-shadow:0 1px 3px #000;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app-top svg{color:#aaffdf;filter:drop-shadow(0 0 4px #78ffdb66);}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app-top i{background:#c0ffed;box-shadow:0 0 5px #c2ffef,0 0 13px #72ffd3;animation:apex-neural-light 4s ease-in-out infinite;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-app img{filter:saturate(.8) contrast(1.06);border-color:#b8dedc66;box-shadow:0 3px 10px #0008,inset 0 1px 0 #fff4;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-caption{color:#d5eae4;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-row{
border-color:#a5c6c043;background:linear-gradient(135deg,#718f8830,#081413b3 65%);
box-shadow:inset 0 1px 1px #e9fff321,inset 0 -1px 2px #000a,0 2px 4px #0005;color:#e1efeb;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-row small{color:#a7c5bd;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-icon{
background:linear-gradient(140deg,#87c9b94a,#0a2623 60%,#123d31);
box-shadow:inset 0 1px 1px #d5fff48c,inset 0 -2px 3px #0009,0 2px 3px #0007;color:#b7ffe4;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-number{background:linear-gradient(145deg,#6ebaa447,#0d3029);color:#baffdf;box-shadow:inset 0 1px 1px #dcfff34d,0 2px 3px #0008;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-btn{
border-color:#c6d7d2;background:linear-gradient(165deg,#56615a80,#0b1515ee 42%,#060b10f5 75%,#35433b);
box-shadow:inset 0 1px 3px #fff9,inset 0 -3px 4px #000b,0 3px 0 #72847a99,0 7px 0 #050b0dbb,0 12px 20px #0009,0 0 12px #acffe11c;
color:#edf9f4;animation:apex-neural-button 5.6s ease-in-out infinite;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-btn:before{border-color:#e2fff449;box-shadow:inset 0 0 5px #b1ffe315;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-start{
color:#062e26!important;background:linear-gradient(135deg,#d9fff1,#85ffe0 40%,#4edcba 78%,#b6ffdf);
box-shadow:inset 0 2px 3px #fffd,inset 0 -3px 4px #167b6c73,0 3px 0 #468b7d,0 7px 0 #071c18bb,0 10px 24px #6affc84d,0 0 14px #94ffdf55;
}
body.apex-dark[data-page="index"] #main #apex-ai .hh-demo{background:linear-gradient(155deg,#407365b3,#0b3029ee 55%,#061614);animation-delay:-3.3s;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-actions .hh-btn:nth-child(2){animation-delay:-1.7s;}
body.apex-dark[data-page="index"] #main #apex-ai .hh-btn:hover{filter:brightness(1.12);}
body.apex-dark[data-page="index"] #main #apex-ai .hh-controls button{
border-color:#c5dfd5;background:linear-gradient(145deg,#526b60,#0a1b18 55%,#030a0d);color:#bcffe5;
box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #000b,0 3px 0 #64786d,0 7px 12px #0009,0 0 10px #98ffe32b;
}
body.apex-dark[data-page="index"] #main #apex-ai :is(.hh-btn,.hh-app,.hh-controls button):focus-visible{outline:2px solid #a0ffe0;outline-offset:7px;}
@keyframes apex-neural-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes apex-neural-button{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes apex-neural-light{0%,100%{opacity:.72}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
body.apex-dark[data-page="index"] #main #apex-ai :is(.hh-app,.hh-btn,.hh-app-top i){animation:none!important;translate:none!important;}
}