/* LuxBMI launch controls — strictly additive to the original Discovery page.
   Existing .layout, .handset, .art, .journey-shell & all original animations
   and actions are deliberately untouched. */
body.discovery-atmosphere .lux-ship-strip{
  position:relative;z-index:12;display:flex;align-items:center;
  justify-content:center;flex-wrap:wrap;gap:12px 18px;
  width:100%;min-height:62px;margin:0;padding:15px clamp(14px,3vw,35px) 17px;
  /* A softly fading continuation of the page's indigo atmosphere,
     rather than an opaque full-width announcement bar. */
  border:0;
  background:
    radial-gradient(ellipse 52% 120% at 50% 0%,
      rgba(51,98,167,.23) 0%,rgba(17,44,99,.11) 58%,transparent 100%),
    linear-gradient(180deg,
      rgba(6,19,48,.34) 0%,rgba(6,19,48,.17) 56%,transparent 100%);
  color:#f5e9d5;font:600 14px/1.5 'Rajdhani',system-ui,sans-serif;
  box-shadow:none;text-align:center;
}
/* A short gold shimmer that dissolves at both ends, never a full-width edge. */
body.discovery-atmosphere .lux-ship-strip::after{
  content:"";position:absolute;left:17%;right:17%;bottom:0;height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent,rgba(244,197,121,.17) 24%,
    rgba(244,197,121,.42) 50%,rgba(244,197,121,.17) 76%,transparent);
}
body.discovery-atmosphere .lux-ship-strip__copy{
  display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;
}
body.discovery-atmosphere .lux-ship-strip__status{
  color:#ffe09c;letter-spacing:.09em;font-weight:800;
  font-family:'Oxanium',sans-serif;font-size:11px;
}
body.discovery-atmosphere .lux-ship-strip__copy strong{color:#fff1ca}
body.discovery-atmosphere .lux-ship-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:43px;padding:9px 17px;border-radius:9px;
  border:1px solid #ffe2a1;color:#101632;
  background:linear-gradient(135deg,#fff1bf,#e9c17f 55%,#d0a15c);
  box-shadow:inset 0 1px 0 #fff9e8,0 3px 12px rgba(234,183,96,.22);
  font:800 13px/1.3 'Oxanium',system-ui,sans-serif;
  cursor:pointer;transition:filter .2s,transform .2s;
}
body.discovery-atmosphere .lux-ship-button:is(:hover,:focus-visible){
  filter:brightness(1.09);transform:translateY(-1px)
}
body.discovery-atmosphere .lux-ship-button:focus-visible{
  outline:2px solid #fff3c5;outline-offset:3px
}
body.discovery-atmosphere [hidden]{display:none!important}
body.discovery-atmosphere .lux-ship-dialog{
  max-width:min(520px,calc(100vw - 24px));max-height:min(86dvh,760px);
  overflow:auto;border:1px solid #e9bc6f;border-radius:15px;
  padding:26px;background:linear-gradient(145deg,#102c5b,#071432 90%);
  box-shadow:0 26px 75px #000b;color:#e8f1ff;
  font:600 15px/1.6 'Rajdhani',system-ui,sans-serif;
}
body.discovery-atmosphere .lux-ship-dialog::backdrop{
  background:rgba(0,7,25,.82);backdrop-filter:blur(4px)
}
body.discovery-atmosphere .lux-ship-dialog__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
body.discovery-atmosphere .lux-ship-dialog__head h2{
  margin:0;color:#ffe1ad;font:800 clamp(19px,3vw,27px)/1.25 'Oxanium',system-ui,sans-serif;
}
body.discovery-atmosphere .lux-ship-dialog__close{
  width:38px;height:38px;flex:0 0 38px;
  border-radius:8px;border:1px solid #d2b98c;
  background:#173463;color:#fff0d0;font-size:25px;cursor:pointer
}
body.discovery-atmosphere .lux-ship-dialog p{color:#d7e5f9;margin:15px 0}
body.discovery-atmosphere .lux-ship-dialog ol{padding-left:23px;margin:14px 0 22px;color:#e7effd}
body.discovery-atmosphere .lux-ship-dialog li{margin:8px 0}
body.discovery-atmosphere .lux-ship-dialog__actions{
  display:flex;flex-wrap:wrap;gap:10px
}
body.discovery-atmosphere .lux-ship-dialog__secondary{
  min-height:43px;padding:9px 16px;border-radius:9px;
  border:1px solid #88b9eb;background:#122b58;color:#f4f8ff;
  font:700 13px 'Oxanium',system-ui,sans-serif;cursor:pointer
}
body.discovery-atmosphere .lux-ship-hint{font-size:13px;color:#a9ccea!important}
@media(max-width:600px){
  body.discovery-atmosphere .lux-ship-strip{padding:12px 13px;gap:10px}
  body.discovery-atmosphere .lux-ship-strip__copy{font-size:12px}
  body.discovery-atmosphere .lux-ship-button{min-height:44px}
  body.discovery-atmosphere .lux-ship-dialog{padding:19px}
}
@media(prefers-reduced-motion:reduce){
  body.discovery-atmosphere .lux-ship-button{transition:none}
  body.discovery-atmosphere .lux-ship-button:hover{transform:none}
}
@media(forced-colors:active){
  body.discovery-atmosphere .lux-ship-strip,body.discovery-atmosphere .lux-ship-dialog{
    background:Canvas;color:CanvasText;border:1px solid CanvasText;
  }
  body.discovery-atmosphere .lux-ship-button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}
}


/* LuxBMI Discovery/PWA: truly see-through sticky header.
   The install information strip below the header remains a distinct component;
   audio/settings controls keep their own focusable button outlines. */
body.discovery-atmosphere > header.site-top {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.discovery-atmosphere > header.site-top::before,
body.discovery-atmosphere > header.site-top::after {
  content:none!important;
  display:none!important;
}
/* Do not let the sticky header's transparency hide its clickable controls. */
body.discovery-atmosphere > header.site-top > :is(.site-brand,.site-top-right) {
  position:relative;
  z-index:1;
}
@media(forced-colors:active) {
  body.discovery-atmosphere > header.site-top {
    background:Canvas!important;
  }
}

/* Install guide expansion — confined to the existing gold/indigo popup. */
body.discovery-atmosphere .lux-ship-dialog{
  width:min(620px,calc(100vw - 24px));
  max-width:min(620px,calc(100vw - 24px));
  max-height:min(88dvh,850px);
}
body.discovery-atmosphere .lux-ship-dialog__choices{
  padding:14px 0 10px;
  border-top:1px solid rgba(239,193,122,.24);
  border-bottom:1px solid rgba(239,193,122,.24);
}
body.discovery-atmosphere .lux-ship-dialog__group{
  margin:0 0 13px;
}
body.discovery-atmosphere .lux-ship-dialog__group:last-child{margin-bottom:0}
body.discovery-atmosphere .lux-ship-dialog__label{
  display:block;
  margin:0 0 9px;
  font:800 11px/1.4 'Oxanium',system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#b5ddfa;
}
body.discovery-atmosphere .lux-ship-dialog__options{
  display:flex;flex-wrap:wrap;gap:7px;
}
body.discovery-atmosphere .lux-ship-dialog__option{
  min-height:37px;
  padding:7px 12px;
  border:1px solid rgba(145,181,229,.48);
  border-radius:8px;
  background:linear-gradient(130deg,rgba(19,47,91,.95),rgba(11,27,69,.93));
  color:#e6f1ff;
  font:700 12px/1.3 'Oxanium',system-ui,sans-serif;
  cursor:pointer;
  transition:border-color .17s ease,background-color .17s ease,color .17s ease;
}
body.discovery-atmosphere .lux-ship-dialog__option[aria-pressed="true"]{
  color:#0f1934;
  border-color:#ffe1a3;
  background:linear-gradient(120deg,#fff0c0,#e4bd7b);
  box-shadow:inset 0 1px rgba(255,255,255,.52),0 0 12px rgba(240,184,89,.2);
}
body.discovery-atmosphere .lux-ship-dialog__option:is(:hover,:focus-visible){
  border-color:#ffdb92;
  outline-offset:2px;
}
body.discovery-atmosphere .lux-ship-dialog__method{
  margin:13px 0 0;
  color:#ffe4ac;
  font:800 12px/1.4 'Oxanium',system-ui,sans-serif;
}
body.discovery-atmosphere .lux-ship-dialog__steps{
  margin:13px 0!important;
  padding-left:24px!important;
}
body.discovery-atmosphere .lux-ship-dialog__steps li{
  padding-left:3px;
  margin:7px 0!important;
  line-height:1.55;
}
body.discovery-atmosphere .lux-ship-dialog__steps li::marker{
  color:#f0c67a;
  font-weight:800;
}
body.discovery-atmosphere .lux-ship-dialog__help{
  display:inline-flex;
  margin:5px 0 15px;
  color:#b9e7ff;
  text-decoration:underline;
  text-underline-offset:3px;
  font:700 12px/1.5 'Oxanium',system-ui,sans-serif;
}
body.discovery-atmosphere .lux-ship-dialog__help:hover{color:#ffe2a9}
body.discovery-atmosphere .lux-ship-dialog__note{
  padding:11px 13px;
  background:linear-gradient(130deg,rgba(5,22,52,.92),rgba(25,36,85,.8));
  border-left:2px solid #e8b56e;
  border-radius:3px 8px 8px 3px;
}
body.discovery-atmosphere .lux-ship-dialog__actions{
  position:sticky;
  bottom:-26px;
  z-index:2;
  padding:12px 0 0;
  background:linear-gradient(180deg,transparent,#071432 26%);
}
@media(max-width:600px){
  body.discovery-atmosphere .lux-ship-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}
  body.discovery-atmosphere .lux-ship-dialog__option{font-size:11px;padding:7px 10px}
  body.discovery-atmosphere .lux-ship-dialog__actions{bottom:-19px}
}
@media(prefers-reduced-motion:reduce){
  body.discovery-atmosphere .lux-ship-dialog__option{transition:none}
}
@media(forced-colors:active){
  body.discovery-atmosphere .lux-ship-dialog__option{
    background:ButtonFace;color:ButtonText;border:1px solid ButtonText
  }
  body.discovery-atmosphere .lux-ship-dialog__option[aria-pressed="true"]{
    background:Highlight;color:HighlightText;
  }
}


/* Engineer One — Discovery header by screen state, 2026-10-31.
   Existing landing / download-page header remains fully transparent.
   The original journey JS toggles body.journey-open on enter / exit;
   use its existing state and do not change the app or adventure flows. */
body.discovery-atmosphere.journey-open > header.site-top {
  background:linear-gradient(112deg,#131f53 0%,#0e1d4d 53%,#081735 100%)!important;
  background-color:#101e4d!important;
  background-image:linear-gradient(112deg,#131f53 0%,#0e1d4d 53%,#081735 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(230,190,120,.52)!important;
  outline:0!important;
  box-shadow:0 7px 22px rgba(2,9,29,.44),inset 0 1px rgba(255,241,208,.065)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
/* Legibility on indigo without changing the logo, buttons, or normal page. */
body.discovery-atmosphere.journey-open > header.site-top .site-brand strong {
  color:#fff5e3!important;
  text-shadow:0 1px 6px rgba(0,5,28,.47);
}
body.discovery-atmosphere.journey-open > header.site-top .site-brand small {
  color:#c3dfff!important;
  text-shadow:0 1px 6px rgba(0,5,28,.4);
}
body.discovery-atmosphere.journey-open > header.site-top :is(.back-site,.header-control) {
  border-color:rgba(238,202,139,.65);
}
@media(prefers-reduced-motion:reduce) {
  body.discovery-atmosphere.journey-open > header.site-top {transition:none}
}
@media(forced-colors:active) {
  body.discovery-atmosphere.journey-open > header.site-top {
    background:Canvas!important;
    background-image:none!important;
    color:CanvasText!important;
    border-bottom:1px solid CanvasText!important;
    box-shadow:none!important;
  }
  body.discovery-atmosphere.journey-open > header.site-top .site-brand :is(strong,small) {
    color:CanvasText!important;
    text-shadow:none!important;
  }
}

/* Engineer One 2026-11-01: universal, display-only installation preview.
   Deliberately scoped to /install/; /app/ keeps its working interactions. */
body.discovery-atmosphere.lux-install-entry .lux-install-header-label{
  margin-left:auto;padding:8px 13px;border:1px solid rgba(241,198,128,.5);
  border-radius:999px;color:#ffe0a1;background:rgba(4,22,53,.55);
  font:700 10px/1.4 'Oxanium',sans-serif;letter-spacing:.08em;text-align:center
}
body.lux-install-entry .action-list button[data-lux-ship-download]{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:12px 18px;border:1px solid #ffe2a1;border-radius:10px;
  background:linear-gradient(135deg,#fff0bc,#e3b86f);color:#09213d;
  font:800 13px/1.4 'Oxanium',sans-serif;cursor:pointer
}
body.lux-install-entry .action-list button[data-lux-ship-download]:focus-visible{
  outline:3px solid #91dcff;outline-offset:3px
}
body.lux-install-entry .lux-static-preview .art{
  user-select:none;-webkit-user-select:none
}
body.lux-install-entry .lux-static-preview .art-bg.poster{
  display:block!important;visibility:visible!important;opacity:1!important
}
/* Install-page-only: text centered, chevron positioned independently. */
body.lux-install-entry .lux-static-preview button.lux-install-cta{
  position:relative;display:flex;align-items:center;justify-content:center;
  text-align:center!important;cursor:pointer;pointer-events:auto;
  padding-inline:26px;isolation:isolate
}
body.lux-install-entry .lux-static-preview button.lux-install-cta > span{
  position:absolute;right:clamp(12px,4cqw,20px);top:50%;
  transform:translateY(-50%);pointer-events:none
}
body.lux-install-entry .lux-static-preview button.lux-install-cta:focus-visible{
  outline:3px solid #91dcff;outline-offset:3px
}
body.lux-install-entry .lux-static-preview .preview-heading{
  color:#ffe5ad;letter-spacing:.095em
}
body.lux-install-entry .lux-static-caption{
  color:#c7def2;text-align:center;font:700 12px/1.5 'Rajdhani',sans-serif;
  letter-spacing:.075em;margin:12px auto 4px;max-width:400px
}
@media(max-width:650px){
  body.lux-install-entry .lux-install-header-label{font-size:8px;max-width:130px;padding:6px 8px}
  body.lux-install-entry .action-list button[data-lux-ship-download]{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.lux-install-entry .lux-static-preview *,
  body.lux-install-entry .lux-static-preview *::before,
  body.lux-install-entry .lux-static-preview *::after{
    animation:none!important;transition:none!important
  }
}


/* Install header background adopted FROM the LuxBMI website's scrolled header.
   Only /install/ has .lux-install-entry. Never restyle the public site's
   .lux-header or the interactive /app/ .lux-installed-entry. */
body.discovery-atmosphere.lux-install-entry > header.site-top {
  isolation:isolate;
  background:linear-gradient(to bottom,
    rgba(2,8,23,1) 0%,
    rgba(2,8,23,1) 25%,
    rgba(2,8,23,.75) 50%,
    rgba(2,8,23,.50) 75%,
    rgba(2,8,23,0) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.discovery-atmosphere.lux-install-entry > header.site-top::before,
body.discovery-atmosphere.lux-install-entry > header.site-top::after {
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.19;
  background:transparent url("header-buttons/edge-cloud-bottom.webp") left 77% /
    clamp(510px,59vw,990px) auto no-repeat;
  filter:blur(.75px) saturate(.96);
  -webkit-mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,
    #000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%);
  mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,
    #000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%);
}
body.discovery-atmosphere.lux-install-entry > header.site-top::after {
  transform:scaleX(-1);
}
body.discovery-atmosphere.lux-install-entry > header.site-top > * {
  position:relative;
  z-index:1;
}
@media(max-width:820px) {
  body.discovery-atmosphere.lux-install-entry > header.site-top::before,
  body.discovery-atmosphere.lux-install-entry > header.site-top::after {
    opacity:.12;
    background-size:clamp(380px,105vw,680px) auto;
    background-position:left 83%;
  }
}
@media(max-width:420px) {
  body.discovery-atmosphere.lux-install-entry > header.site-top::before,
  body.discovery-atmosphere.lux-install-entry > header.site-top::after {
    opacity:.10;
  }
}
@media(forced-colors:active) {
  body.discovery-atmosphere.lux-install-entry > header.site-top {
    background:Canvas!important;
  }
  body.discovery-atmosphere.lux-install-entry > header.site-top::before,
  body.discovery-atmosphere.lux-install-entry > header.site-top::after {
    display:none!important;
  }
}


/* Approved LuxBMI two-welcome copy: /install/ ecosystem introduction only.
   Preserve the original editorial/Art Deco composition, CTA and atmosphere. */
body.lux-install-entry .editorial .install-app-identifier{
  margin:5px 0 0;color:#ffe3a2;letter-spacing:.17em;
  font:800 clamp(11px,1.5vw,14px)/1.4 "Oxanium",sans-serif
}
body.lux-install-entry .editorial .eyebrow{margin-bottom:4px}
body.lux-install-entry .editorial .lead{
  color:#ffe1a5;font-weight:700;font-size:clamp(17px,1.6vw,22px)
}
body.lux-install-entry .editorial .promise{
  font-size:clamp(17px,1.6vw,21px);color:#fee2a9;margin:12px 0 18px
}
body.lux-install-entry .editorial .mantra{
  color:#9ce3fa;font-size:clamp(11px,1.15vw,14px);
  letter-spacing:.045em;line-height:1.8;margin:16px 0 4px
}
body.lux-install-entry .lux-static-preview .view.welcome{
  gap:clamp(2px,.6cqw,4px)
}
body.lux-install-entry .lux-static-preview .wordmark{
  font-size:clamp(16px,5.6cqw,26px)
}
body.lux-install-entry .lux-static-preview .art-lead{
  font-size:clamp(9px,2.28cqw,12px);line-height:1.35
}
body.lux-install-entry .lux-static-preview .art-body{
  font-size:clamp(9px,2.4cqw,12px);line-height:1.32;max-width:96%
}
body.lux-install-entry .lux-static-preview .art-idea-first{
  font-size:clamp(8px,2cqw,10px);line-height:1.4
}
body.lux-install-entry .lux-static-preview .art-mantra{
  color:#ffe4ab;font-weight:700
}
@media(max-width:670px){
  body.lux-install-entry .editorial .install-app-identifier{margin-top:2px}
  body.lux-install-entry .editorial .mantra{margin:12px 0 3px}
}

/* Compact the approved ecosystem copy inside the existing frame on narrow phones. */
@media(max-width:355px){
  body.lux-install-entry .lux-static-preview .view.welcome{gap:1px!important}
  body.lux-install-entry .lux-static-preview .mark{width:39px!important;margin-top:0}
  body.lux-install-entry .lux-static-preview .gold-rule{margin:0 auto}
  body.lux-install-entry .lux-static-preview .art-body{
    font-size:8.7px;line-height:1.22
  }
  body.lux-install-entry .lux-static-preview .art-lead{font-size:8.5px;line-height:1.22}
  body.lux-install-entry .lux-static-preview .art-idea-first{font-size:7.5px;line-height:1.2}
  body.lux-install-entry .lux-static-preview .art-content{padding-top:0}
}