/* Bosigo Omega v1.9 — three-space experience repair + motion hierarchy
   Space 01 Nexus: advanced spatial motion
   Space 02 Work Readiness: calm professional motion
   Space 03 Innovation Hub: futuristic stellar motion
   This layer also repairs the layout/contrast bugs observed in the 2026-08-08 review screenshots. */

:root{
  --v19-ease:cubic-bezier(.16,1,.3,1);
  --v19-ease-soft:cubic-bezier(.22,.72,.24,1);
}
html{overflow-x:clip}
body{min-width:0}

/* --------------------------------------------------------------------------
   SPACE 01 — BOSIGO NEXUS / DIGITAL HEADQUARTERS
   -------------------------------------------------------------------------- */
body[data-space="nexus"] .hq-hero{--v19-nx:0;--v19-ny:0}
.v19-nexus-field{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.72;mix-blend-mode:normal}
.v19-nexus-field::before{content:"";position:absolute;left:62%;top:48%;width:min(62vw,58rem);aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);border-radius:50%;background:repeating-conic-gradient(from 8deg,transparent 0 12deg,rgba(114,230,244,.04) 12.5deg 13deg,transparent 13.5deg 28deg,rgba(154,125,255,.025) 28.5deg 29deg,transparent 29.5deg 45deg);mask-image:radial-gradient(circle,transparent 0 16%,#000 17% 67%,transparent 72%);animation:v19-nexus-rotate 72s linear infinite}
.v19-nexus-field::after{content:"";position:absolute;left:54%;top:-20%;width:1px;height:140%;background:linear-gradient(to bottom,transparent,rgba(255,212,0,.42) 26%,rgba(114,230,244,.48) 58%,rgba(154,125,255,.36) 78%,transparent);box-shadow:0 0 22px rgba(114,230,244,.13),0 0 44px rgba(255,212,0,.08);transform:translateX(calc(var(--v19-nx,0) * 16px)) rotate(17deg);opacity:.42;animation:v19-nexus-seam 8.5s ease-in-out infinite}
.v19-nexus-field i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(114,230,244,.8),0 0 28px rgba(114,230,244,.35);animation:v19-nexus-node 5.8s ease-in-out infinite}
.v19-nexus-field i:nth-child(1){left:58%;top:23%;animation-delay:-1.2s}.v19-nexus-field i:nth-child(2){left:72%;top:37%;background:#fff5b0;box-shadow:0 0 12px rgba(255,212,0,.8),0 0 28px rgba(255,212,0,.3);animation-delay:-3s}.v19-nexus-field i:nth-child(3){left:82%;top:68%;background:#d8ceff;box-shadow:0 0 12px rgba(154,125,255,.8),0 0 28px rgba(154,125,255,.3);animation-delay:-4.1s}.v19-nexus-field i:nth-child(4){left:49%;top:72%;animation-delay:-2.1s}
@keyframes v19-nexus-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v19-nexus-seam{0%,100%{opacity:.24;filter:brightness(.82)}50%{opacity:.58;filter:brightness(1.2)}}
@keyframes v19-nexus-node{0%,100%{transform:scale(.72);opacity:.28}50%{transform:scale(1.35);opacity:1}}

body.v19-motion-nexus .hq-nexus{transform:perspective(1200px) rotateX(calc(var(--v19-ny,0) * -1.1deg)) rotateY(calc(var(--v19-nx,0) * 1.5deg));transform-style:preserve-3d;transition:transform 520ms var(--v19-ease-soft)}
body.v19-motion-nexus .space-card{transform-style:preserve-3d;will-change:transform;transition:transform .42s var(--v19-ease),box-shadow .42s ease,border-color .3s ease}
body.v19-motion-nexus .space-card:hover,body.v19-motion-nexus .space-card:focus-visible{transform:translateY(-7px) translateZ(14px) scale(1.008)}
body.v19-motion-nexus .space-card__visual{transform:translateZ(10px)}
body.v19-motion-nexus .hq-nexus__core{box-shadow:0 0 0 1rem rgba(255,212,0,.04),0 0 72px rgba(255,212,0,.28),0 0 150px rgba(114,230,244,.08)}
body.v19-motion-nexus .hq-nexus__ring{filter:drop-shadow(0 0 7px rgba(114,230,244,.06))}

/* Repair: bridge journeys must never place dark copy under the dark diagonal field. */
.journey-detail[data-tone="bridge"]{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fffefa,#fffdf6 74%,#fff9dc);color:#171814;border-color:#d9d6cc;box-shadow:0 28px 80px rgba(42,36,15,.10)}
.journey-detail[data-tone="bridge"]::before{content:"";position:absolute;z-index:0;inset:0 0 0 auto;width:31%;clip-path:polygon(42% 0,100% 0,100% 100%,0 100%);background:radial-gradient(circle at 58% 25%,rgba(114,230,244,.17),transparent 25%),radial-gradient(circle at 82% 70%,rgba(154,125,255,.13),transparent 31%),linear-gradient(155deg,#162438 0,#0c1521 54%,#05080d 100%);pointer-events:none}
.journey-detail[data-tone="bridge"]::after{content:"";position:absolute;z-index:0;right:5%;top:17%;width:7.5rem;aspect-ratio:1;border:1px solid rgba(114,230,244,.20);border-radius:50%;background:transparent;box-shadow:0 0 0 2rem rgba(114,230,244,.022),0 0 0 4.5rem rgba(154,125,255,.014),0 0 46px rgba(114,230,244,.08);pointer-events:none}
.journey-detail[data-tone="bridge"] .journey-detail__head,.journey-detail[data-tone="bridge"]>h3,.journey-detail[data-tone="bridge"] .journey-audience,.journey-detail[data-tone="bridge"] .journey-detail__grid,.journey-detail[data-tone="bridge"] .journey-evidence,.journey-detail[data-tone="bridge"]>.button,.journey-detail[data-tone="bridge"]>.prototype-note{position:relative;z-index:2;width:min(68%,48rem);max-width:min(68%,48rem)}
.journey-detail[data-tone="bridge"]>h3{font-size:clamp(2.35rem,4.15vw,4.45rem);max-width:11ch;text-wrap:balance}
.journey-detail[data-tone="bridge"] .journey-detail__grid{grid-template-columns:1fr 1fr;gap:1.35rem}
.journey-detail[data-tone="bridge"] .journey-evidence{background:rgba(255,255,255,.9);border-color:rgba(23,25,20,.2);box-shadow:0 12px 34px rgba(46,37,8,.05)}
.journey-detail.v19-journey-changing>h3,.journey-detail.v19-journey-changing .journey-detail__grid,.journey-detail.v19-journey-changing .journey-evidence{animation:v19-nexus-route-in .48s var(--v19-ease) both}
@keyframes v19-nexus-route-in{from{opacity:.25;transform:translateY(12px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}

/* Avoid the oversized hero/card collision seen at common laptop heights. */
@media (min-width:1101px) and (max-width:1540px){
  .hq-hero__layout{grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);gap:clamp(2rem,3.4vw,3.8rem)}
  .hq-hero h1{font-size:clamp(4.25rem,6.6vw,7.15rem)}
  .hq-nexus{min-height:35rem}
  .space-card{min-height:29rem}
}
@media (min-width:1101px) and (max-height:920px){
  .hq-hero{min-height:760px;padding-top:7.1rem;padding-bottom:2.5rem}
  .hq-hero h1{font-size:clamp(4.1rem,6.2vw,6.65rem)}
  .hq-hero__lead{margin-top:1.35rem;font-size:clamp(1rem,1.3vw,1.2rem)}
  .hq-hero__actions{margin-top:1.35rem}
  .hq-nexus{min-height:31.5rem}
  .space-card{min-height:26.5rem;padding:1.15rem}
  .space-card__era{margin-top:2.2rem}
  .space-card__visual{height:6.1rem;margin-bottom:.7rem}
}
@media (max-width:1190px){
  .journey-detail[data-tone="bridge"]::before{width:22%;opacity:.78}
  .journey-detail[data-tone="bridge"]::after{display:none}
  .journey-detail[data-tone="bridge"] .journey-detail__head,.journey-detail[data-tone="bridge"]>h3,.journey-detail[data-tone="bridge"] .journey-audience,.journey-detail[data-tone="bridge"] .journey-detail__grid,.journey-detail[data-tone="bridge"] .journey-evidence,.journey-detail[data-tone="bridge"]>.button,.journey-detail[data-tone="bridge"]>.prototype-note{width:min(78%,48rem);max-width:min(78%,48rem)}
  .journey-detail[data-tone="bridge"] .journey-detail__grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .journey-detail[data-tone="bridge"]::before{inset:0 0 auto;width:100%;height:5px;clip-path:none;opacity:1;background:linear-gradient(90deg,#ffd400,#72e6f4,#9a7dff)}
  .journey-detail[data-tone="bridge"] .journey-detail__head,.journey-detail[data-tone="bridge"]>h3,.journey-detail[data-tone="bridge"] .journey-audience,.journey-detail[data-tone="bridge"] .journey-detail__grid,.journey-detail[data-tone="bridge"] .journey-evidence,.journey-detail[data-tone="bridge"]>.button,.journey-detail[data-tone="bridge"]>.prototype-note{width:100%;max-width:100%}
  .v19-nexus-field{opacity:.35}
}

/* --------------------------------------------------------------------------
   SPACE 02 — WORK READINESS / CALM PROFESSIONAL MOTION
   -------------------------------------------------------------------------- */
body.v19-motion-readiness .v19-ready-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .65s var(--v19-ease)}
body.v19-motion-readiness .v19-ready-reveal.is-v19-visible{opacity:1;transform:none}
body.v19-motion-readiness .hero-copy{animation:v19-ready-hero .7s var(--v19-ease) both}
@keyframes v19-ready-hero{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
body.v19-motion-readiness .paper-card,body.v19-motion-readiness .role-choice,body.v19-motion-readiness .pathway-band,body.v19-motion-readiness .signal-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
@media (hover:hover) and (pointer:fine){body.v19-motion-readiness .paper-card:hover,body.v19-motion-readiness .role-choice:hover,body.v19-motion-readiness .pathway-band:hover,body.v19-motion-readiness .signal-card:hover{transform:translateY(-3px)}}

/* Repair: assessment receives only a control-level focus indicator, not a giant blue frame. */
.assessment-main [data-question-root]:focus,.assessment-main [data-question-root]:focus-visible{outline:none!important;box-shadow:none!important}
.question-card{min-width:0}
.question-card h2{font-size:clamp(2.1rem,3.2vw,3.55rem)!important;line-height:.98!important;letter-spacing:-.045em;max-width:19ch!important;text-wrap:balance}
.answer-list{outline:none!important}
.answer-option input:focus-visible+label{outline:3px solid var(--focus,#005fcc);outline-offset:2px;box-shadow:none!important}
@media (max-width:820px){.question-card h2{font-size:clamp(2rem,6vw,3rem)!important;max-width:22ch!important}}
@media (max-width:560px){.question-card h2{font-size:clamp(2rem,9vw,2.65rem)!important}}

/* --------------------------------------------------------------------------
   SPACE 03 — INNOVATION HUB / FUTURISTIC STELLAR MOTION
   -------------------------------------------------------------------------- */
/* Repair the four-child header grid. */
@media (min-width:941px){
  .hub-header.has-mode-switch{height:auto;min-height:var(--header-h);grid-template-columns:minmax(155px,.72fr) auto auto minmax(300px,1fr);gap:12px;padding-inline:18px}
  .hub-header.has-mode-switch>.brand{width:clamp(148px,12vw,182px);min-width:0}
  .hub-header.has-mode-switch>.hub-context{min-width:0;max-width:310px;overflow:hidden}
  .hub-header.has-mode-switch>.hub-context span{min-width:0}
  .hub-header.has-mode-switch>.header-actions{min-width:0;flex-wrap:nowrap}
  .route-page .header-actions .header-link[href="/innovation-hub/"]{display:none}
}
@media (min-width:941px) and (max-width:1260px){
  .hub-header.has-mode-switch{grid-template-columns:minmax(145px,.65fr) auto auto minmax(238px,.9fr);gap:8px;padding-inline:12px}
  .hub-header.has-mode-switch .hub-context__state{display:none}
  .hub-header.has-mode-switch .header-actions{gap:4px}
  .hub-header.has-mode-switch .header-link{padding-inline:8px;font-size:.68rem}
  .hub-header.has-mode-switch .icon-action{padding-inline:9px}
  .hub-audio-console .hub-music-toggle{padding-inline:.68rem}
}
@media (min-width:941px) and (max-width:1180px){
  :root{--header-h:112px}
  .hub-header.has-mode-switch{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "context mode";align-content:center;row-gap:8px}
  .hub-header.has-mode-switch>.brand{grid-area:brand}
  .hub-header.has-mode-switch>.header-actions{grid-area:actions}
  .hub-header.has-mode-switch>.hub-context{grid-area:context;justify-self:start;max-width:360px}
  .hub-header.has-mode-switch>.hub-mode-switch{grid-area:mode;position:static!important;left:auto!important;bottom:auto!important;transform:none!important;justify-self:end}
  .route-nav{top:var(--header-h)!important;padding-top:10px!important}
}

/* Remove any stale duplicate threshold sound button if an older cached script inserts it. */
.world-innovation .header-actions>.transition-sound-toggle{display:none!important}

/* Route hero sizing/position repair for 1440-ish client screens. */
.route-page .route-hero{min-height:min(720px,calc(100svh - var(--header-h) - 58px));padding:clamp(4.5rem,8vh,6.5rem) 0 clamp(3.2rem,6vh,5rem);align-items:center}
.route-page .route-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(290px,.58fr);gap:clamp(2.2rem,5vw,5.2rem);align-items:center}
.route-page .route-hero h1{font-size:clamp(4rem,6.8vw,7.15rem);line-height:.86;max-width:10ch;text-wrap:balance}
.route-page .route-hero__lede{max-width:52ch}
.route-page .route-hero__instrument{min-height:300px;align-self:center}
.route-page .route-hero__instrument strong{font-size:clamp(1.65rem,2vw,2.15rem)}

/* Futuristic moving depth layer: visible but behind all content. */
.v19-stellar-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.72}
.v19-stellar-layer::before{content:"";position:absolute;left:52%;top:48%;width:86vmax;height:86vmax;transform:translate(-50%,-50%) rotate(0deg);border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 16deg,rgba(185,243,255,.022) 16.2deg 16.7deg,transparent 17deg 37deg,rgba(166,135,255,.018) 37.2deg 37.6deg,transparent 38deg 58deg);mask-image:radial-gradient(circle,transparent 0 20%,#000 21% 65%,transparent 70%);animation:v19-stellar-rotate 96s linear infinite}
.v19-stellar-layer::after{content:"";position:absolute;left:-20%;top:54%;width:140%;height:1px;background:linear-gradient(90deg,transparent 2%,rgba(114,230,244,.16) 32%,rgba(255,255,255,.3) 50%,rgba(154,125,255,.15) 68%,transparent 98%);box-shadow:0 0 24px rgba(114,230,244,.08);transform:rotate(-7deg);animation:v19-stellar-scan 10s ease-in-out infinite}
@keyframes v19-stellar-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v19-stellar-scan{0%,100%{opacity:.12;transform:translateY(-12vh) rotate(-7deg)}50%{opacity:.58;transform:translateY(18vh) rotate(-7deg)}}

body.v19-motion-hub .route-hero h1{animation:v19-stellar-title .82s var(--v19-ease) both}
body.v19-motion-hub .stellar-route-doctrine{animation:v19-stellar-doctrine .62s .08s var(--v19-ease) both}
@keyframes v19-stellar-title{from{opacity:0;transform:translateY(24px);clip-path:inset(0 0 28% 0);filter:blur(5px)}to{opacity:1;transform:none;clip-path:inset(0);filter:blur(0)}}
@keyframes v19-stellar-doctrine{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

body.v19-motion-hub .route-hero__instrument{box-shadow:0 30px 110px rgba(0,0,0,.3),inset 0 0 70px rgba(77,191,255,.025)}
body.v19-motion-hub .route-hero__instrument::before{animation:v19-instrument-orbit 17s linear infinite!important;transform-origin:center}
body.v19-motion-hub .route-hero__instrument::after{animation:v19-instrument-sweep 5.8s ease-in-out infinite!important}
@keyframes v19-instrument-orbit{to{transform:rotate(360deg)}}
@keyframes v19-instrument-sweep{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(270px);opacity:.58}}

body.v19-motion-hub .v19-hub-reveal{opacity:0;transform:translateY(22px) scale(.988);transition:opacity .62s ease,transform .74s var(--v19-ease)}
body.v19-motion-hub .v19-hub-reveal.is-v19-visible{opacity:1;transform:none}
body.v19-motion-hub .route-step,body.v19-motion-hub .signal-card,body.v19-motion-hub .decision-card{transition:transform .3s var(--v19-ease),border-color .25s ease,box-shadow .3s ease}
@media (hover:hover) and (pointer:fine){
  body.v19-motion-hub .route-step:hover,body.v19-motion-hub .signal-card:hover,body.v19-motion-hub .decision-card:hover{transform:translateY(-5px);box-shadow:0 24px 62px rgba(0,0,0,.2)}
}

/* Main Stellar Field gets gentle 3-D drift and more legible orbital energy. */
body.v19-motion-hub .field-map-wrap{--v19-hx:0;--v19-hy:0;transform:perspective(1200px) rotateX(calc(var(--v19-hy,0) * -1deg)) rotateY(calc(var(--v19-hx,0) * 1.3deg));transform-style:preserve-3d;transition:transform .6s var(--v19-ease-soft)}
body.v19-motion-hub .sirius-track--b{filter:drop-shadow(0 0 12px rgba(77,191,255,.09))}
body.v19-motion-hub .sirius-track--c{filter:drop-shadow(0 0 13px rgba(166,135,255,.07))}
body.v19-motion-hub .stellar-force__body{transition:transform .3s var(--v19-ease),filter .3s ease}
body.v19-motion-hub .stellar-force:hover .stellar-force__body,body.v19-motion-hub .stellar-force:focus-visible .stellar-force__body{transform:scale(1.12);filter:brightness(1.25)}

@media (max-width:940px){
  .route-page .route-hero{min-height:auto;padding:5.2rem 0 4rem}
  .route-page .route-hero__grid{grid-template-columns:1fr;gap:2.2rem}
  .route-page .route-hero h1{font-size:clamp(3.25rem,14vw,5.7rem);max-width:10ch}
  .route-page .route-hero__instrument{min-height:260px}
  .v19-stellar-layer{opacity:.42}
  body.v19-motion-hub .field-map-wrap{transform:none!important}
}
@media (max-width:560px){
  .route-page .route-hero h1{font-size:clamp(3rem,15vw,4.75rem)}
  .route-page .route-hero__instrument{min-height:230px;padding:20px}
}

/* --------------------------------------------------------------------------
   CROSS-SPACE TRANSITION REPAIR
   The old per-letter disassembly produced giant broken glyphs in screenshots.
   Keep the dimensional gateway, but animate complete words as stable objects.
   -------------------------------------------------------------------------- */
.bosigo-threshold .threshold-word{font-size:clamp(3.4rem,9vw,8.5rem)!important;line-height:.84!important;max-width:88vw;text-align:center;letter-spacing:-.065em}
.bosigo-threshold .threshold-word span{animation:none!important;transform:none!important;filter:none!important;display:inline!important}
.bosigo-threshold.is-active .threshold-word--source{animation:v19-threshold-source var(--threshold-duration) var(--threshold-ease) both!important}
.bosigo-threshold.is-active .threshold-word--target{animation:v19-threshold-target var(--threshold-duration) var(--threshold-ease) both!important}
.bosigo-threshold.is-active[data-direction="to-headquarters"] .threshold-word--target{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;text-shadow:0 3px 32px rgba(0,0,0,.72),0 0 2px #000;position:relative}
.bosigo-threshold.is-active[data-direction="to-headquarters"] .threshold-word--target::before{content:"";position:absolute;z-index:-1;inset:-.18em -.28em;border-radius:.22em;background:rgba(5,10,15,.38);backdrop-filter:blur(14px);box-shadow:0 20px 70px rgba(0,0,0,.18)}
@keyframes v19-threshold-source{0%,12%{opacity:1;transform:none}42%{opacity:.84;transform:scale(.97)}62%,100%{opacity:0;transform:scale(.9);filter:blur(8px)}}
@keyframes v19-threshold-target{0%,42%{opacity:0;transform:scale(1.08);filter:blur(10px)}64%{opacity:1;transform:scale(1);filter:blur(0)}88%{opacity:1}100%{opacity:.82}}

/* Motion/accessibility contract. */
@media (prefers-reduced-motion:reduce){
  .v19-nexus-field::before,.v19-nexus-field::after,.v19-nexus-field i,.v19-stellar-layer::before,.v19-stellar-layer::after{animation:none!important}
  body.v19-motion-nexus .hq-nexus,body.v19-motion-hub .field-map-wrap{transform:none!important;transition:none!important}
  body.v19-motion-readiness .v19-ready-reveal,body.v19-motion-hub .v19-hub-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.v19-motion-hub .route-hero h1,body.v19-motion-hub .stellar-route-doctrine{animation:none!important}
  .bosigo-threshold .threshold-word,.bosigo-threshold .threshold-word span{animation:none!important;transform:none!important;filter:none!important}
}