/* NeurAeon main header, rebuilt in plain CSS for pages that don't load Tailwind (Digital Shadow, About).
   Mirrors the Tailwind header on the other pages: 80px glass bar, logo left, links right, About dropdown, full-screen mobile menu. */
.sh-nav{position:sticky;top:0;z-index:70;height:80px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:box-shadow .3s;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.sh-nav.sh-scrolled{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sh-inner{max-width:80rem;height:100%;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:24px}
@media (min-width:1024px){.sh-inner{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.sh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.sh-brand svg{display:block;width:40px;height:40px}
.sh-word{display:flex;flex-direction:column;line-height:1.2}
.sh-word b{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.025em;color:#111827}
.sh-word small{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#6b7280}
.sh-links{display:none;align-items:center;gap:24px}
@media (min-width:1024px){.sh-links{display:flex}}
.sh-link{position:relative;display:inline-flex;align-items:center;gap:4px;font:500 14px/20px Inter,system-ui,sans-serif;color:#374151;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;transition:color .2s;white-space:nowrap}
.sh-link:hover,.sh-link:focus-visible{color:#0d9488}
.sh-link .sh-ul{position:absolute;left:0;bottom:-4px;height:2px;width:0;background:#0d9488;transition:width .3s}
.sh-link:hover .sh-ul{width:100%}
.sh-link[aria-current=page]{color:#0d9488}
.sh-link[aria-current=page] .sh-ul{width:100%}
.sh-link svg{width:16px;height:16px;transition:transform .3s}
.sh-dd{position:relative}
.sh-dd:hover .sh-link svg,.sh-dd:focus-within .sh-link svg{transform:rotate(180deg)}
.sh-dd-menu{position:absolute;top:100%;left:0;margin-top:8px;width:224px;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;padding:8px 0;transform-origin:top;transform:perspective(1000px) rotateX(-15deg);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.sh-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.sh-dd:hover .sh-dd-menu,.sh-dd:focus-within .sh-dd-menu{transform:perspective(1000px) rotateX(0);opacity:1;visibility:visible}
.sh-dd-menu a{display:block;padding:8px 16px;font-size:14px;color:#374151;text-decoration:none;transition:background .2s,color .2s}
.sh-dd-menu a:hover,.sh-dd-menu a:focus-visible{background:#f0fdfa;color:#0d9488}
.sh-dd-menu a[aria-current=page]{background:#f0fdfa;color:#0f766e;font-weight:500}
.sh-burger{display:flex;flex-direction:column;gap:6px;padding:8px;background:none;border:0;cursor:pointer}
@media (min-width:1024px){.sh-burger{display:none}}
.sh-burger span{display:block;width:24px;height:2px;background:#111827;transition:all .3s;transform-origin:center}
.sh-burger span:last-child{width:16px}
.sh-burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.sh-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.sh-burger[aria-expanded=true] span:nth-child(3){width:24px;transform:translateY(-8px) rotate(-45deg)}
.sh-mobile{position:fixed;inset:0;z-index:65;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;clip-path:circle(0% at calc(100% - 40px) 40px);transition:clip-path .6s cubic-bezier(.4,0,.2,1);visibility:hidden}
.sh-mobile.active{clip-path:circle(150% at calc(100% - 40px) 40px);visibility:visible}
.sh-mobile a{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:20px;color:#111827;text-decoration:none;transition:color .2s}
.sh-mobile a:hover,.sh-mobile a[aria-current=page]{color:#0d9488}
.sh-nav a:focus-visible,.sh-nav button:focus-visible,.sh-mobile a:focus-visible{outline:2px solid #0d9488;outline-offset:4px;border-radius:4px}
.sh-node{animation:nfPulse 2s cubic-bezier(.4,0,.6,1) infinite}
@media (prefers-reduced-motion:reduce){.sh-node,.sh-mobile,.sh-dd-menu,.sh-link .sh-ul{animation:none;transition:none}}
/* Digital Shadow's stylesheet sets button{font:inherit}; keep nav type identical to the other pages */
.sh-nav .sh-link{font:500 14px/20px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
