.neura-hud-page { min-height:100dvh; padding:20px clamp(16px,4vw,64px) 32px; color:#203858; font-family:Arial,sans-serif; background:url('/blaqua-site-hero.png') center top/cover fixed; }
.neura-hud-page::before { display:none; }
.neura-hud-intro { width:fit-content; max-width:100%; margin:0 0 12px; padding:14px 20px; border-radius:12px; background:#f4f8ff99; color:#203858; }
.neura-hud-back { display:inline-block; margin:0 0 8px; color:inherit; font-size:12px; text-decoration:none; }
.neura-hud-back:hover { text-decoration:underline; }
.neura-hud-eyebrow { margin:0 0 6px; font-size:11px; font-weight:700; letter-spacing:.2em; color:#345a91; }
.neura-hud-intro h1 { margin:0 0 6px; font-size:clamp(21px,2.1vw,28px); font-weight:500; line-height:1.25; letter-spacing:0; }
.neura-hud-intro > p:not(.neura-hud-eyebrow) { margin:0 0 6px; font-size:14px; line-height:1.45; }
.neura-hud-preview-note { font-size:11px; color:#345071; line-height:1.4; }
.neura-hud-stage { max-width:1180px; margin:auto; padding:0; background:transparent; border:0; box-shadow:none; }
.neura-hud-frame { width:100%; height:700px; border:0; display:block; background:transparent; color-scheme:light; }
.neura-hud-destination { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:8px; background:#176ee8; color:white; text-decoration:none; }
.neura-site-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 4.5%; font:14px Arial,sans-serif; background:#edf4fbe8; color:#08172e; border-bottom:1px solid #254c7930; }
.neura-site-nav a { color:inherit; text-decoration:none; }
.neura-site-brand { font-size:26px; font-weight:700; }
.neura-site-nav nav { display:flex; flex-wrap:wrap; gap:26px; }
.neura-site-nav [aria-current] { color:#0876e8; }
body:has(.neura-hud-page), body:has(.neura-hud-page) button, body:has(.neura-hud-page) input, body:has(.neura-hud-page) a { font-family:Arial,sans-serif; }
html[data-theme=dark] .neura-hud-intro { background:#101f3599; color:#e6efff; }
html[data-theme=dark] .neura-hud-eyebrow, html[data-theme=dark] .neura-hud-preview-note { color:#c5ddff; }
html[data-theme=dark] .neura-site-nav { color:#e4f1ff; background:#0a1829; }
@media(max-width:600px) { .neura-hud-page { padding:12px 10px 24px; } .neura-hud-intro { padding:12px 14px; } .neura-hud-frame { height:650px; } .neura-site-nav { flex-wrap:wrap; gap:16px; } .neura-site-nav nav { order:3; width:100%; justify-content:space-between; gap:8px; font-size:12px; } }