#desktop-journey{display:none}
/* The branded navigation belongs only to the landing view. Keep one compact
   account-preview entry point available during the 3D shipment journey. */
#journey-register{display:none;position:absolute;top:19px;right:4%;z-index:9;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #adbfcb87;border-radius:7px;background:linear-gradient(145deg,#2e455cdd,#0b1c2bf0);color:#eef4f6;font:700 11px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;white-space:nowrap;box-shadow:0 5px 16px #0006;backdrop-filter:blur(10px)}
body[data-landing-overlays="false"] #experience > header{display:none!important}
body[data-landing-overlays="false"] #experience > #journey-register{display:inline-flex}
#journey-register:hover{background:linear-gradient(145deg,#41596def,#173145f0);border-color:#d2e1ebad}
#journey-register:focus-visible{outline:2px solid #d7e9f2;outline-offset:3px}
@media (max-width:900px){#journey-register{top:12px;right:5%}}
/* The freight canvas keeps its geometry and lighting. A restrained night
   vignette connects the journey presentation to the obsidian landing theme. */
body[data-landing-overlays="false"] #experience{
 background:radial-gradient(ellipse at 50% 44%,#13202c 0%,#050810 66%,#030508 100%);
}
body[data-landing-overlays="false"] #scene::after{
 background:radial-gradient(ellipse 82% 85% at 52% 47%,transparent 10%,#03050877 100%),
  linear-gradient(180deg,#03050865 0%,#03050840 44%,#03050875 100%)!important;
}
@media (min-width:901px){
 /* Keep the landing proof rail and legacy stage text off the 3D journey.
    The #scene canvas is deliberately untouched. */
 body[data-landing-overlays="false"] #experience :is(#hero,#chain-panel,.hero-global-vision,#journey-panel,.scene-caption,#journey-dock){display:none!important}
 body[data-hero="false"] #experience #journey-panel,body[data-hero="false"] #experience .scene-caption,body[data-hero="false"] #experience #journey-dock,body[data-hero="false"] #experience #chain-panel{display:none!important}
 /* Compact top-left process rail; keep the underlying 3D scene unobstructed. */
 #desktop-journey{display:grid;position:absolute;inset:0;z-index:7;pointer-events:none;grid-template-columns:min(245px,24vw) minmax(0,1fr);grid-template-rows:max-content max-content 1fr;align-content:start;gap:12px;padding:clamp(85px,12vh,115px) 4% 0}
 body[data-rendering="static"] #fallback p{color:#263e40;background:#f5f8f1;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.5}
 #process-title{display:none}
 #proof-card{position:static;grid-column:1;grid-row:2;width:100%;padding:17px 18px 18px;
  border:1px solid #9eb0bf42;border-left:2px solid #899ba6;border-radius:10px;
  background:linear-gradient(140deg,#0d151eeb,#030508f5 86%);color:#eef4f8;
  box-shadow:0 14px 38px #0007;backdrop-filter:blur(12px)}
 #proof-card[hidden]{display:none}
 #proof-card span{display:block;color:#eef3f5;
  font:700 10px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em}
 #proof-card strong{display:block;margin:9px 0;color:#f3f7f8;
  font:650 clamp(16px,1.4vw,19px)/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.028em}
 #proof-card small{display:block;color:#e2eaec;
  font:400 10px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
 .process-dock{pointer-events:auto;position:relative;overflow:hidden;grid-column:1;grid-row:1;
  width:100%;padding:12px;border:1px solid #a8b4c047;border-radius:10px;
  background:linear-gradient(145deg,#0b111af0,#030508f5 85%);box-shadow:0 12px 35px #0009;
  backdrop-filter:blur(12px)}
 #process-buttons{display:grid;grid-template-columns:1fr;gap:3px}
 .process-button{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:flex-start;
  text-align:left;padding:10px 9px;border-radius:6px;background:transparent;color:#f0f5f7}
 .process-button[hidden]{display:none!important}
 .process-button strong{font:750 clamp(19px,1.7vw,26px)/1.13 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.045em;white-space:normal;text-wrap:balance;overflow-wrap:anywhere}
 /* One neon hue on the active heading at a time; never a seven-colour strip. */
 @keyframes bbx-process-heading-cycle{
  0%,100%{color:#FF2028}
  14.2857%{color:#00E5FF}
  28.5714%{color:#00FF9C}
  42.8571%{color:#326BFF}
  57.1429%{color:#FF6A00}
  71.4286%{color:#A855FF}
  85.7143%{color:#B6FF00}
 }
 .process-button[aria-current=step] strong{color:var(--bbx-page-neon,#FF2028);
  animation:bbx-process-heading-cycle 28s linear infinite}
 .process-button:hover,.process-button[aria-current=step]{background:transparent;color:#f6f9fa;
  text-shadow:none}
 .process-button[aria-current=step]{border-left:2px solid #899ba6;padding-left:12px}
 .process-button:focus-visible{outline:2px solid var(--bbx-page-neon,#FF2028);outline-offset:3px}
 @media(prefers-reduced-motion:reduce){.process-button[aria-current=step] strong{animation:none}}
 /* The previous bottom playback bar remains in DOM for controller compatibility,
    but no transport, play/pause, or scrub UI is shown. */
 .process-transport{display:none!important}
}