/* Scoped to the homepage so trial presentation remains unchanged. */
.neural-home {
  isolation: isolate;
  background: #f3f7f7;
}
html[data-theme="dark"] .neural-home { background: #091820; }
.home-atmosphere {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 8% 25%, rgba(51, 161, 143, .1), transparent 58%),
    radial-gradient(ellipse at 92% 75%, rgba(51, 111, 140, .07), transparent 56%);
}
html[data-theme="dark"] .home-atmosphere {
  background:
    radial-gradient(ellipse at 8% 30%, rgba(38, 112, 106, .24), transparent 55%),
    radial-gradient(ellipse at 95% 85%, rgba(29, 75, 110, .2), transparent 56%),
    linear-gradient(160deg, #0b1d28, #09151e 65%, #0b222a);
}
#neuralBackdrop { display: block; width: 100%; height: 100%; }
.neural-home .page-main,
.neural-home .site-footer { position: relative; z-index: 1; }
.neural-home .site-header { z-index: 20; }
.neural-home .hero-copy { position: relative; }
.neural-home .hero-copy::before {
  content: "";
  position: absolute;
  inset: -28px -16px;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(243, 247, 247, .97) 20%, rgba(243, 247, 247, .64) 58%, transparent 78%);
}
html[data-theme="dark"] .neural-home .hero-copy::before {
  background: radial-gradient(ellipse, rgba(11, 26, 36, .96) 20%, rgba(11, 26, 36, .7) 58%, transparent 78%);
}
.neural-home .hero-art { transform: translateY(var(--art-shift, 0px)); }
.neural-home .lab-flow,
.neural-home .muted-card,
.neural-home .analysis-note {
  background: rgba(255, 255, 255, .94);
  border-color: rgba(96, 151, 147, .26);
  box-shadow: 0 16px 40px rgba(25, 63, 65, .035);
}
html[data-theme="dark"] .neural-home .lab-flow,
html[data-theme="dark"] .neural-home .muted-card,
html[data-theme="dark"] .neural-home .analysis-note {
  background: rgba(18, 37, 48, .94);
  border-color: rgba(146, 223, 204, .16);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
}
.neural-home .available-card { position: relative; overflow: hidden; }
html[data-theme="dark"] .neural-home .available-card {
  background: linear-gradient(120deg, #122932, #173b3c);
  border-color: rgba(146, 223, 204, .4);
}
.neural-home .experiment-card,
.neural-home .analysis-note {
  transition: opacity .5s ease, transform .5s cubic-bezier(.2, .7, .3, 1), border-color .2s ease, background-color .2s ease;
}
.neural-home .reveal-pending { opacity: 0; transform: translateY(18px); }
.neural-home .reveal-pending:focus-within { opacity: 1; transform: none; }
.neural-home .section-heading { position: relative; }
html[data-theme="dark"] .neural-home .section-heading { text-shadow: 0 2px 14px #091820; }
@media (max-width: 700px) {
  .neural-home .hero-copy::before { inset: -15px -8px; }
  .neural-home .lab-flow,
  .neural-home .muted-card,
  .neural-home .analysis-note { box-shadow: none; }
  .neural-home .reveal-pending { transform: translateY(12px); }
}
@media (prefers-reduced-motion: reduce) {
  .neural-home .hero-art { transform: none; }
  .neural-home .experiment-card,
  .neural-home .analysis-note { transition: none; opacity: 1; transform: none; }
}

/* Shared backdrop on the experiment and researcher pages */
.neural-inner > main { position: relative; z-index: 1; }
.neural-inner .session-card,
.neural-inner .instructions-card,
.neural-inner .doctor-login,
.neural-inner .doctor-dashboard { background: var(--surface); }
@media (max-width: 680px) {
  .neural-home .site-header { position: relative; }
}