/* BBXNEXUS R14 — globe-first visual candidate, desktop first.
   The existing single Three.js canvas, 09-node freight state machine and
   educational Incoterms model remain the underlying experience. */
:root{
 --r14-night:#061218;--r14-deep:#0b222b;--r14-white:#f7f6f0;
 --r14-dim:#aebfc2;--r14-copper:#efaf78;--r14-outline:#63828a;
 --r14-ink:#0a1e27;
}
body[data-hero="true"] #experience{
 background:radial-gradient(ellipse 43% 48% at 50% 51%,#113448 0%,#0b2231 42%,transparent 88%),
 linear-gradient(122deg,#07151e 4%,#081923 49%,#050e18 100%);
}
body[data-hero="true"] #experience::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.31;
 background-image:radial-gradient(#8db1bc38 .85px,transparent 1.4px);
 background-size:53px 53px;mask-image:radial-gradient(ellipse 65% 66% at 50% 54%,transparent 34%,#000 92%);
}
body[data-hero="true"] #scene,
body[data-hero="true"] #scene canvas{
 clip-path:none!important;transform:none!important;filter:none!important;
}
body[data-hero="true"] #scene{
 inset:0;z-index:1;overflow:hidden;background:transparent;
}
body[data-hero="true"] #scene::after{
 display:block!important;content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 35% 52% at 50% 49%,transparent 68%,#0719221c 100%),
 linear-gradient(180deg,#0612189c 0%,transparent 13%,transparent 80%,#061218a3 100%)!important;
}
body[data-hero="true"] #scene .atlas-labels{display:block;opacity:.94;mix-blend-mode:normal}
body[data-hero="true"] .hero-visual-frame{display:none!important}
body[data-hero="true"] header,
body[data-hero="false"] header{
 background:linear-gradient(180deg,#07151df2,#07151dbe);left:5.8%;right:5.8%;height:86px;
 border-bottom:1px solid #8fa8ab3a;backdrop-filter:none;-webkit-backdrop-filter:none;
}
header .brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.5rem,2.15vw,2.1rem);letter-spacing:-.08em}
header .brand-icon{font-size:2.4rem;color:var(--r14-copper)}
header .brand-line{color:#afc4c6;border-left:1px solid #809ca057;font-size:.65rem;letter-spacing:.12em}
header .preview-tag{font-size:.57rem;color:#bdcdd0;border:0;padding:0;letter-spacing:.16em;border-radius:0}
header #incoterms-open,
body[data-scene-tone="light"] header #incoterms-open,
body[data-scene-tone="ocean"] header #incoterms-open{
 background:#e9ccb0;border:1px solid #e9ccb0;color:#142a31;padding:.8rem 1rem;
 font:800 .74rem/1.1 Arial,Helvetica,sans-serif;letter-spacing:.02em;border-radius:4px;
}
header #incoterms-open:hover{background:#fae5cd;border-color:#fae5cd}

/* A protected central Earth: all information occupies two side rails. */
body[data-hero="true"] #hero{
 position:absolute;inset:0;left:0;top:0;right:0;bottom:0;max-width:none;width:100%;height:100%;
 display:block;text-align:left;z-index:5;transform:none!important;pointer-events:none;
 opacity:var(--hero-opacity,1);
}
body[data-hero="true"] .hero-editorial,
body[data-hero="true"] .hero-atlas{position:absolute;z-index:5;pointer-events:auto}
body[data-hero="true"] .hero-editorial{
 left:5.8%;top:24%;width:clamp(220px,24vw,337px);
}
body[data-hero="true"] .hero-kicker{
 display:block;color:var(--r14-copper);font:700 .65rem/1.45 Arial,Helvetica,sans-serif;
 letter-spacing:.14em;margin:0 0 1.55rem;
}
body[data-hero="true"] .hero-kicker::before{display:none}
body[data-hero="true"] .brand-index{display:block;color:#7e9da5;margin-bottom:.5rem;letter-spacing:.2em}
body[data-hero="true"] #hero-title{
 font:800 clamp(2.75rem,3.55vw,4.2rem)/.96 Arial,Helvetica,sans-serif;
 letter-spacing:-.082em;text-wrap:balance;color:var(--r14-white);margin:0 0 1.55rem;
 max-width:100%;text-shadow:none;overflow-wrap:normal;
}
body[data-hero="true"] #hero-title .hero-subtitle{
 display:block;margin:.12em 0 0;color:var(--r14-copper);
 font:inherit;letter-spacing:-.076em;
}
body[data-hero="true"] .hero-copy{
 color:#c6d6d9;font:400 .95rem/1.62 Arial,Helvetica,sans-serif;
 margin:0 0 1.55rem;max-width:29ch;text-shadow:none;
}
body[data-hero="true"] .hero-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.55rem;justify-content:flex-start}
body[data-hero="true"] .hero-actions button{
 min-height:45px;border-radius:5px;padding:.82rem 1rem;letter-spacing:0;
 font:750 .72rem/1.25 Arial,Helvetica,sans-serif;
 transition:transform .2s,background-color .2s,border-color .2s;color:#112732;
}
body[data-hero="true"] #hero-enter{background:#eac6a3;border:1px solid #eac6a3;box-shadow:none}
body[data-hero="true"] #hero-enter:hover{background:#ffe0be;transform:translateY(-2px)}
body[data-hero="true"] #hero-pause{
 background:#102e3aad;border:1px solid #68858d8c;color:#d8e5e6;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
body[data-hero="true"] #hero-pause:hover{background:#1a4350}
body[data-hero="true"] .hero-note{
 max-width:28ch;margin:1.2rem 0 0;color:#8daeb6;display:block;
 font:400 .66rem/1.65 Arial,Helvetica,sans-serif;letter-spacing:.015em;
}

body[data-hero="true"] .hero-atlas{
 top:23%;right:5.8%;width:clamp(208px,20vw,280px);
 padding:0 0 0 1.25rem;border-left:1px solid #91acaf56;
}
body[data-hero="true"] .atlas-overline{
 margin:0 0 1.1rem;color:var(--r14-copper);
 font:700 .64rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:.19em;
}
body[data-hero="true"] #atlas-heading{
 font:800 clamp(1.55rem,2vw,2.3rem)/1.06 Arial,Helvetica,sans-serif;
 letter-spacing:-.055em;color:var(--r14-white);margin:0 0 1.3rem;
}
body[data-hero="true"] #atlas-heading em{font-style:normal;color:#aec1c7}
body[data-hero="true"] .atlas-picker{
 display:flex;flex-direction:column;align-items:stretch;gap:.55rem;margin:0;
}
body[data-hero="true"] .atlas-picker label{
 color:#b5cbcd;font:700 .64rem/1.2 Arial,Helvetica,sans-serif;
 letter-spacing:.12em;text-transform:uppercase;
}
body[data-hero="true"] .atlas-picker select{
 width:100%;max-width:none;min-height:46px;padding:.75rem 2rem .75rem .75rem;
 color:#f1f6f3;background:#153540;border:1px solid #8db2b77d;
 border-radius:4px;font:600 .78rem/1.2 Arial,Helvetica,sans-serif;
}
body[data-hero="true"] .atlas-quick{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.75rem;
}
body[data-hero="true"] .atlas-quick button{
 border:1px solid #718e9480;background:#0d2934cc;min-height:38px;
 color:#c3d7d9;padding:.5rem .45rem;border-radius:4px;
 font:600 .68rem/1.15 Arial,Helvetica,sans-serif;letter-spacing:0;
 transition:background-color .2s,border-color .2s,transform .2s;
}
body[data-hero="true"] .atlas-quick button:is(:hover,[aria-pressed="true"]){
 border-color:#efbb8b;background:#28434d;color:#fff1df;
}
body[data-hero="true"] .atlas-quick button:active{transform:scale(.97)}
body[data-hero="true"] .atlas-selected{
 border-top:1px solid #78949a4a;margin:.85rem 0 .35rem;padding-top:.7rem;
 color:#edc096;font:800 .63rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;
}
body[data-hero="true"] .atlas-disclaimer{
 margin:0;color:#88a6b0;font:400 .64rem/1.5 Arial,Helvetica,sans-serif;
}
body[data-hero="true"] .hero-bottomline{
 position:absolute;left:5.8%;right:5.8%;bottom:4.9%;display:flex;
 align-items:center;justify-content:space-between;gap:1.5rem;
 padding-top:1rem;border-top:1px solid #85a5ab37;
 color:#a9bec3;font:700 .61rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:.16em;
}
body[data-hero="true"] .hero-bottomline b{color:var(--r14-copper);margin-left:.65rem;font-size:1rem}

/* The ledger is discoverable but does not occlude Earth until deliberately opened. */
body[data-hero="true"] .chain-panel{
 top:auto;bottom:12.5%;left:auto;right:5.8%;width:clamp(230px,21vw,295px);
 max-width:none;margin:0;border-radius:7px;z-index:7;
 background:#102f3a;border:1px solid #9fbdc26b;
 box-shadow:0 12px 42px #00101a79;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body[data-hero="true"] .chain-panel:hover{background:#173943}
body[data-hero="true"] #chain-toggle{
 padding:.85rem 1rem;font:800 .71rem/1.35 Arial,Helvetica,sans-serif;
 min-height:58px;letter-spacing:.1em;
}
body[data-hero="true"] #chain-toggle small{display:block;margin:.28rem 0 0;color:#b9d1d4;font-size:.67rem;letter-spacing:0}
body[data-hero="true"] .chain-signal{background:#edb07d;box-shadow:0 0 0 4px #edb07d2c}
body[data-hero="true"] #chain-content{
 display:flex;flex-direction:column;gap:.6rem;padding:.2rem 1rem 1rem;
 max-height:min(60dvh,480px);overflow-y:auto;overscroll-behavior:contain;
}
body[data-hero="true"] #chain-content[hidden]{display:none}
.chain-panel .chain-heading{font-size:.83rem;line-height:1.35;color:#e7dfd5;margin:0}
.chain-panel .chain-linkage{max-width:none;height:53px;margin:0}
.chain-panel .chain-events{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;margin:0}
.chain-panel .chain-events li{min-width:0}
.chain-panel .chain-events button{
 background:#173843;border:1px solid #607f88a1;border-radius:3px;
 color:#bdd0d4;width:100%;min-height:33px;padding:.25rem .1rem;
 font:700 .52rem/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.02em;
}
.chain-panel .chain-events button:is(:hover,[aria-pressed="true"]){
 background:#31515a;border-color:#edb07d;color:#fff3e1;
}
.chain-panel .chain-current{padding:.2rem 0 .1rem .65rem;border-left:2px solid var(--r14-copper);margin:0}
.chain-panel .chain-current strong{font-size:.85rem;line-height:1.35;margin-top:.3rem}
.chain-panel .chain-current p{font-size:.72rem;line-height:1.5;color:#c3d2d6}
.chain-panel .chain-meta{display:block;margin:.6rem 0 0}
.chain-panel .chain-meta>div{display:block;margin:0;padding:.4rem 0;border-top:1px solid #79969b3b}
.chain-panel .chain-meta dt{font:700 .55rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#91b0b9;text-transform:uppercase}
.chain-panel .chain-meta dd{font:600 .67rem/1.4 Arial,Helvetica,sans-serif;color:#e8e8e1;margin:.18rem 0 0}
.chain-panel #chain-follow{
 margin:.7rem 0 .2rem;background:#30515d;border:1px solid #749ba2;
 color:#e8f0ec;border-radius:4px;padding:.55rem .7rem;
 font:700 .65rem/1.25 Arial,Helvetica,sans-serif;
}
.chain-panel #chain-follow[hidden]{display:none}
.chain-panel .chain-disclosure{padding-top:.5rem;font-size:.63rem;line-height:1.45;color:#b2c9cd}
.chain-panel .chain-blocks rect{fill:#284c57;stroke:#94b9c0}
.chain-panel .chain-blocks rect.chain-visited{fill:#447480;stroke:#f0b583}
.chain-panel .chain-pulse-path{stroke:#edb07d}

/* Freight chapters: consistent editorial sidebar and a compact 09-node rail.
   The mechanical 3D subject retains the centre of the viewport. */
@media(min-width:901px){
 body[data-hero="false"] #experience .narrative,
 body[data-hero="false"][data-first-freight="true"] #experience .narrative,
 body[data-hero="false"]:has(#stage-8[aria-current="step"]) #experience .narrative{
  position:absolute;display:block;top:112px;left:5.8%;width:325px;
  max-width:min(26vw,345px);min-height:0;padding:1.2rem 1.35rem 1.15rem;
  background:#0b2530f2;border:1px solid #73939a84;border-left:3px solid #e8a976;
  border-radius:3px;color:#f5f5ee;pointer-events:none;
  box-shadow:0 12px 34px #061b236b;
 }
 body[data-hero="false"] #experience .narrative .stage-window,
 body[data-hero="false"] #experience .narrative .stage-copy{
  display:block;width:100%;max-width:100%;overflow:visible;opacity:1;
 }
 body[data-hero="false"] #experience .narrative .eyebrow{color:#e7ae81;font-size:.66rem;letter-spacing:.16em}
 body[data-hero="false"] #experience .narrative #stage-title,
 body[data-hero="false"][data-scene-tone="light"] #experience .narrative #stage-title{
  color:#f5f5ee;font-size:clamp(1.6rem,2.35vw,2.5rem);line-height:1.08;
  letter-spacing:-.045em;margin:.9rem 0 .75rem;white-space:normal;
 }
 body[data-hero="false"] #experience .narrative #stage-title em{color:#e5bc9d}
 body[data-hero="false"] #experience .narrative #stage-title br{display:block}
 body[data-hero="false"] #experience .narrative #stage-title em::before{content:none}
 body[data-hero="false"] #experience .narrative #stage-caption,
 body[data-hero="false"][data-scene-tone="light"] #experience .narrative #stage-caption{
  color:#c7d9db;max-width:none;font:400 .79rem/1.55 Arial,Helvetica,sans-serif;
  background:transparent;text-shadow:none;margin:0;
 }
 body[data-hero="false"] #experience .narrative-actions{
  position:static;display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem;
  margin:1.05rem 0 0;padding:0;pointer-events:auto;
 }
 body[data-hero="false"] #experience .narrative-actions button{
  flex:1 1 auto;min-height:43px;min-width:0;border-radius:4px;
  font:700 .67rem/1.2 Arial,Helvetica,sans-serif;padding:.7rem .75rem;
 }
 body[data-hero="false"] #experience .narrative-actions #play{background:#d39264;border-color:#d39264;color:#0e2530}
 body[data-hero="false"] #experience .narrative-actions #pause{background:#163b48;border-color:#7a9ba4;color:#e6eeee}

 body[data-hero="false"] #experience footer#journey-dock{
  bottom:12px;left:5.8%;right:5.8%;width:auto;max-width:none;
  padding:9px 14px 9px;border-radius:7px;border:1px solid #93adb18c!important;
  background:#0a2530f0!important;backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 18px 38px #0819207f;
 }
 body[data-hero="false"] #experience footer#journey-dock .dock-toolbar{
  position:absolute;right:12px;top:6px;margin:0;gap:.4rem;z-index:2;
 }
 body[data-hero="false"] #experience footer#journey-dock .dock-toolbar button{
  min-height:26px;padding:.3rem .45rem;border-radius:3px;font-size:.61rem;
 }
 body[data-hero="false"] #experience footer#journey-dock .dock-active-label{font-size:.6rem}
 body[data-hero="false"] #experience footer#journey-dock .control-heading{
  margin:0 0 .4rem;min-height:26px;padding-right:255px;
  display:flex;align-items:center;gap:.75rem;font-size:.62rem;letter-spacing:.12em;
 }
 body[data-hero="false"] #experience footer#journey-dock #stages{
  position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;
  display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;
  width:100%;height:auto;max-height:none;gap:.25rem;padding:0;
  overflow:visible;background:none;border:0;border-radius:0;
 }
 body[data-hero="false"] #experience footer#journey-dock #stages::before,
 body[data-hero="false"] #experience footer#journey-dock #stages::after{display:none}
 body[data-hero="false"] #experience footer#journey-dock #stages .stage{
  flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:0;min-height:54px;max-height:none;padding:.15rem .05rem;gap:.3rem;
  border-radius:3px;
 }
 body[data-hero="false"] #experience footer#journey-dock #stages .stage .number{
  width:30px;height:30px;flex:0 0 30px;font-size:.65rem;line-height:28px;
  border:1px solid #769ba4;background:#103845;color:#d3e1e3;
 }
 body[data-hero="false"] #experience footer#journey-dock #stages .stage[aria-current="step"] .number{
  background:#e4ac80;color:#0f2832;border-color:#ffd0a8;box-shadow:0 0 0 3px #dca67638;
 }
 body[data-hero="false"] #experience footer#journey-dock #stages .stage .label{
  color:#b9cfd3;text-align:center;font-size:clamp(.48rem,.76vw,.69rem);
  line-height:1.25;max-width:none;white-space:nowrap;
 }
 body[data-hero="false"] #experience footer#journey-dock .transport{
  min-height:22px;margin:.15rem 0 0;gap:.65rem;
 }
 body[data-hero="false"] #experience footer#journey-dock .transport button{
  min-width:28px;width:28px;height:25px;min-height:25px;border-radius:3px;font-size:.85rem;
 }
 body[data-hero="false"] #experience footer#journey-dock .transport label{font-size:.61rem}
 body[data-hero="false"] #experience footer#journey-dock .transport input[type="range"]{height:14px;width:130px}
 body[data-hero="false"] #experience footer#journey-dock .transport>span{font-size:.58rem}
 body[data-hero="false"] #experience footer#journey-dock[data-floating="true"]{
  inset:0 auto auto 0;left:0;right:auto;bottom:auto;width:min(88vw,1120px);
 }
 body[data-hero="false"] #experience footer#journey-dock[data-compact="true"] #stages .stage{flex:0 0 42px}
 body[data-hero="false"] #experience footer#journey-dock[data-compact="true"] #stages .stage .label{display:none}
}

/* Incoterms: legible transfer of risk, not just a wall of field values. */
#incoterms-panel{background:#0c2530;color:#f4f6f0;border:1px solid #7a9aa1;border-top:3px solid #e9b486}
#incoterms-panel .incoterms-heading,#incoterms-panel button{background:#183843}
#incoterms-panel input,#incoterms-panel select{background:#193843;border-color:#7797a1}
#incoterms-panel .incoterms-risk-map{margin-top:.85rem}
#incoterms-panel .incoterms-risk-map[hidden]{display:none}
#incoterms-panel .incoterms-risk-band{
 position:relative;height:20px;border-radius:2px;overflow:visible;
 background:linear-gradient(90deg,#df9362 0%,#df9362 var(--risk-split,0%),#58a9af var(--risk-split,0%),#58a9af 100%);
}
#incoterms-panel .incoterms-risk-band::after{
 content:"";position:absolute;top:-6px;bottom:-6px;left:var(--risk-split,0%);
 width:2px;background:#fff7ed;box-shadow:0 0 0 2px #102630;
}
#incoterms-panel .incoterms-risk-legend{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0;color:#ccdadd;font-size:.65rem;font-weight:700;letter-spacing:.08em}
#incoterms-panel #incoterms-transfer-point{margin:.6rem 0 0;font-size:.75rem;line-height:1.5}
#incoterms-panel .incoterms-risk[data-party="seller"] #incoterm-risk-current{color:#e9b486}
#incoterms-panel .incoterms-risk[data-party="buyer"] #incoterm-risk-current{color:#9de2dc}

/* One loading overlay: cinematic EXIM type + linked blocks + original seven-continent PNG. */
#bbx-loader{
 position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;
 background:#00111c;color:#f5f5ee;
 visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s ease,visibility .5s;
}
body[data-rendering="loading"] #bbx-loader{visibility:visible;opacity:1}
#bbx-loader .loader-composition{
 width:100%;height:100%;padding:clamp(12px,2vh,26px) 2vw;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:clamp(7px,1.4vh,16px);overflow:hidden;
}
#bbx-loader .loader-copy{flex:none;width:100%;max-width:1020px;text-align:center}
#bbx-loader .loader-identity{
 margin:0 0 clamp(8px,1.5vh,15px);font-size:clamp(.68rem,.91vw,.84rem);
 display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.62em;
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 line-height:1.5;letter-spacing:.25em;
}
#bbx-loader .loader-identity strong{
 font-weight:900;letter-spacing:.36em;color:#FF8854;
 text-shadow:0 0 15px rgba(255,106,0,.25);
}
#bbx-loader .loader-identity-separator{font-size:1.14em;font-weight:700;color:#FF6A00}
#bbx-loader .loader-identity-descriptor{font-weight:650;letter-spacing:.27em;color:#E1E7EB}
#bbx-loader .loader-title{
 position:relative;isolation:isolate;margin:0;
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-size:clamp(2rem,3.7vw,3.85rem);line-height:1.11;
 font-weight:650;letter-spacing:-.052em;color:#fff;
}
#bbx-loader .loader-title span{display:inline-block;white-space:nowrap}
#bbx-loader.is-active .loader-title span{animation:bbx-loader-word .55s cubic-bezier(.2,.76,.29,1) both}
#bbx-loader.is-active .loader-title span:nth-child(1){animation-delay:0s}
#bbx-loader.is-active .loader-title span:nth-child(2){animation-delay:.09s}
#bbx-loader.is-active .loader-title span:nth-child(3){animation-delay:.18s}
#bbx-loader.is-active .loader-title span:nth-child(4){animation-delay:.27s}
#bbx-loader.is-active .loader-title span:nth-child(5){animation-delay:.36s}
#bbx-loader .loader-title::after{
 content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;width:38%;
 background:linear-gradient(95deg,transparent,rgba(255,255,255,.14),transparent);
 transform:translateX(-120%);opacity:0;pointer-events:none;
}
#bbx-loader.is-active .loader-title::after{animation:bbx-loader-sweep 1.45s ease .88s both}
#bbx-loader .loader-subtitle{
 margin:clamp(8px,1.6vh,16px) 0 0;
 font-size:clamp(.71rem,1vw,.91rem);letter-spacing:.035em;
 color:#90bccd;line-height:1.5;
}
@keyframes bbx-loader-word{from{opacity:.55;transform:translateY(.14em)}to{opacity:1;transform:translateY(0)}}
@keyframes bbx-loader-sweep{0%{transform:translateX(-120%);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateX(300%);opacity:0}}

/* Block and continent pairs share one phase delay and one activation class. */
#bbx-loader .loader-chain{
 --loader-gap:clamp(12px,1.6vw,22px);position:relative;flex:none;
 width:min(515px,86vw);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
 gap:var(--loader-gap);padding:0;margin:0;list-style:none;
}
#bbx-loader .loader-node{
 position:relative;height:clamp(30px,4vh,38px);display:grid;place-items:center;
 background:linear-gradient(155deg,#112837,#071822 70%,#03121d);
 border:1px solid #3d5967;border-radius:5px;
}
#bbx-loader .loader-node::before{
 content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;
 border:1px solid var(--phase-color);
 background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--phase-color) 12%,transparent),transparent 78%);
 box-shadow:inset 0 0 10px color-mix(in srgb,var(--phase-color) 12%,transparent),
  0 0 11px color-mix(in srgb,var(--phase-color) 35%,transparent);
}
#bbx-loader .loader-node:not(:last-child)::after{
 content:"";position:absolute;left:calc(100% + 2px);top:50%;height:1px;
 width:calc(var(--loader-gap) - 4px);transform-origin:left center;
 background-color:#395667;opacity:.63;
}
#bbx-loader .loader-signal{
 position:absolute;z-index:2;left:calc(100% + 2px);top:50%;
 width:10px;height:3px;border-radius:99px;pointer-events:none;opacity:0;
 background:linear-gradient(90deg,transparent,var(--phase-color) 36%,#fff 62%,transparent);
 box-shadow:0 0 8px var(--phase-color),0 0 14px color-mix(in srgb,var(--phase-color) 45%,transparent);
 transform:translate(-4px,-50%) scaleX(.6);
}
#bbx-loader .loader-node>span{
 position:relative;z-index:1;color:#748e9c;opacity:.44;
 font-size:.62rem;font-weight:750;letter-spacing:.05em;font-variant-numeric:tabular-nums;
}
#bbx-loader .loader-asia,#bbx-loader .loader-node-asia{--phase-delay:0s;--phase-color:#326BFF}
#bbx-loader .loader-europe,#bbx-loader .loader-node-europe{--phase-delay:.43s;--phase-color:#00FF9C}
#bbx-loader .loader-africa,#bbx-loader .loader-node-africa{--phase-delay:.86s;--phase-color:#FF6A00}
#bbx-loader .loader-north-america,#bbx-loader .loader-node-north-america{--phase-delay:1.29s;--phase-color:#FF2028}
#bbx-loader .loader-south-america,#bbx-loader .loader-node-south-america{--phase-delay:1.72s;--phase-color:#00E5FF}
#bbx-loader .loader-oceania,#bbx-loader .loader-node-oceania{--phase-delay:2.15s;--phase-color:#A855FF}
#bbx-loader .loader-antarctica,#bbx-loader .loader-node-antarctica{--phase-delay:2.58s;--phase-color:#B6FF00}
#bbx-loader.is-active .loader-node::before{animation:bbx-loader-block .53s ease both;animation-delay:var(--phase-delay)}
#bbx-loader.is-active .loader-node:not(:last-child)::after{
 animation:bbx-loader-link .53s ease both;animation-delay:var(--phase-delay);
}
#bbx-loader.is-active .loader-signal{
 animation:bbx-loader-signal .38s cubic-bezier(.25,.7,.23,1) both;
 animation-delay:calc(var(--phase-delay) + .07s);
}
#bbx-loader.is-active .loader-node>span{animation:bbx-loader-number .53s ease both;animation-delay:var(--phase-delay)}
#bbx-loader.is-complete .loader-chain{animation:bbx-loader-breathe 2.8s ease-in-out infinite}
@keyframes bbx-loader-block{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1.035)}100%{opacity:.88;transform:scale(1)}}
@keyframes bbx-loader-link{
 0%{background-color:#395667;opacity:.63;box-shadow:none}
 55%{background-color:var(--phase-color);opacity:1;box-shadow:0 0 9px var(--phase-color)}
 100%{background-color:var(--phase-color);opacity:.8;box-shadow:0 0 4px color-mix(in srgb,var(--phase-color) 60%,transparent)}
}
@keyframes bbx-loader-signal{
 0%{opacity:0;transform:translate(-4px,-50%) scaleX(.6)}
 18%,70%{opacity:1}
 100%{opacity:0;transform:translate(calc(var(--loader-gap) - 9px),-50%) scaleX(.55)}
}
@keyframes bbx-loader-number{from{opacity:.44;color:#748e9c}to{opacity:1;color:var(--phase-color)}}
@keyframes bbx-loader-breathe{0%,100%{opacity:1}50%{opacity:.87}}

#bbx-loader .loader-world{
 position:relative;height:min(80dvh,calc(100dvh - 204px),47.3vw);
 width:auto;aspect-ratio:1672/941;flex:none;overflow:hidden;isolation:isolate;
 mix-blend-mode:screen;
}
#bbx-loader .loader-world-off{display:block;width:100%;height:100%;object-fit:fill;filter:grayscale(1) brightness(.12);opacity:.68}
#bbx-loader .loader-continent{
 position:absolute;inset:0;opacity:0;will-change:opacity;
 background-image:var(--bbx-neon-glow,url('/assets/bbxnexus-seven-neon-world.png'));
 background-position:center;background-size:100% 100%;background-repeat:no-repeat;
}
/* Each clip follows one geographic zone of the original approved PNG. */
#bbx-loader .loader-asia{clip-path:polygon(57% 18%,100% 18%,100% 69%,82% 69%,76% 62%,69% 57%,63% 54%,58% 45%,54% 36%)}
#bbx-loader .loader-europe{clip-path:polygon(41% 17%,65% 17%,63% 29%,60% 35%,55% 43%,47% 43%,41% 38%)}
#bbx-loader .loader-africa{clip-path:polygon(40% 39%,61% 38%,63% 57%,61% 79%,50% 82%,41% 72%,39% 52%)}
#bbx-loader .loader-north-america{clip-path:polygon(0 16%,41% 16%,40% 35%,34% 47%,36% 56%,17% 56%,0 49%)}
#bbx-loader .loader-south-america{clip-path:polygon(18% 50%,37% 50%,37% 73%,31% 89%,20% 90%,18% 70%)}
#bbx-loader .loader-oceania{--neon-gain:1.5;clip-path:polygon(77% 53%,100% 53%,100% 90%,76% 90%)}
#bbx-loader .loader-antarctica{--neon-gain:1.45;clip-path:polygon(7% 81%,93% 81%,94% 98%,6% 98%)}
#bbx-loader.is-active .loader-continent{animation:bbx-neon-on .53s cubic-bezier(.18,.75,.26,1) both;animation-delay:var(--phase-delay)}
@keyframes bbx-neon-on{0%{opacity:0;filter:brightness(.25)}65%{opacity:1;filter:brightness(1.2)}100%{opacity:1;filter:brightness(var(--neon-gain,1))}}

@media(max-width:700px){
 #bbx-loader .loader-composition{gap:clamp(9px,2vh,17px);padding:16px 3vw}
 #bbx-loader .loader-identity{font-size:.58rem;letter-spacing:.16em;gap:.5em}
 #bbx-loader .loader-identity strong{letter-spacing:.23em}
 #bbx-loader .loader-identity-descriptor{letter-spacing:.18em}
 #bbx-loader .loader-title{max-width:21ch;margin-inline:auto;font-size:clamp(1.7rem,6.7vw,2.5rem);letter-spacing:-.045em}
 #bbx-loader .loader-subtitle{max-width:92vw;margin-inline:auto;font-size:.72rem}
 #bbx-loader .loader-chain{--loader-gap:clamp(7px,2vw,13px);width:min(360px,90vw)}
 #bbx-loader .loader-node{height:30px;border-radius:4px}
 #bbx-loader .loader-node>span{font-size:.55rem}
}
@media(max-height:490px){
 #bbx-loader .loader-composition{gap:5px;padding-block:7px}
 #bbx-loader .loader-identity{margin-bottom:4px}
 #bbx-loader .loader-title{font-size:clamp(1.35rem,3vw,2.2rem)}
 #bbx-loader .loader-subtitle{margin-top:4px}
 #bbx-loader .loader-node{height:25px}
 #bbx-loader .loader-world{height:min(45dvh,calc(100dvh - 165px),47.3vw)}
}

@media(min-width:901px) and (max-width:1200px){
 body[data-hero="true"] .hero-editorial{left:4.7%;width:clamp(196px,21vw,248px);top:22%}
 body[data-hero="true"] #hero-title{font-size:clamp(2rem,3.2vw,2.85rem)}
 body[data-hero="true"] .hero-copy{font-size:.83rem}
 body[data-hero="true"] .hero-atlas{right:4.7%;width:clamp(185px,20vw,225px);top:21%}
 body[data-hero="true"] #atlas-heading{font-size:1.55rem}
 body[data-hero="true"] .chain-panel{right:4.7%;width:225px;bottom:11%}
 body[data-hero="true"] .hero-bottomline{left:4.7%;right:4.7%;font-size:.5rem}
 body[data-hero="false"] #experience .narrative{left:4.7%;max-width:250px;padding:.85rem .95rem}
 body[data-hero="false"] #experience .narrative #stage-title{font-size:1.6rem}
 body[data-hero="false"] #experience footer#journey-dock{left:4.7%;right:4.7%}
 body[data-hero="false"] #experience footer#journey-dock #stages .stage .label{font-size:.54rem}
}
@media(min-width:901px) and (max-height:780px){
 body[data-hero="true"] .hero-editorial{top:20%}
 body[data-hero="true"] .hero-atlas{top:19%}
 body[data-hero="true"] .hero-kicker{margin-bottom:1.05rem}
 body[data-hero="true"] #hero-title{font-size:clamp(2.25rem,3vw,3.2rem);margin-bottom:1rem}
 body[data-hero="true"] .hero-copy{font-size:.82rem;line-height:1.5;margin-bottom:1rem}
 body[data-hero="true"] .hero-actions button{padding:.65rem .8rem;font-size:.66rem}
 body[data-hero="true"] .hero-note{font-size:.59rem;margin-top:.8rem}
 body[data-hero="true"] .atlas-overline{margin-bottom:.65rem}
 body[data-hero="true"] #atlas-heading{margin-bottom:.9rem}
 body[data-hero="true"] .atlas-quick{margin-top:.55rem}
 body[data-hero="true"] .chain-panel{bottom:11%}
 body[data-hero="true"] .hero-bottomline{bottom:3.8%}
}
@media(max-width:900px){
 /* Review/accept mobile separately; retain original freight and control logic. */
 body[data-hero="true"] #hero{inset:0;width:100%;height:100%;text-align:left}
 body[data-hero="true"] .hero-editorial{left:5%;top:57%;width:90%;max-width:none}
 body[data-hero="true"] .hero-atlas{left:5%;right:5%;top:20%;width:auto;max-width:none;padding:0;border:0}
 body[data-hero="true"] #hero-title{font-size:clamp(1.8rem,5vw,2.7rem);max-width:17ch}
 body[data-hero="true"] .hero-copy{font-size:.72rem;max-width:40ch}
 body[data-hero="true"] .atlas-quick,.atlas-disclaimer,body[data-hero="true"] .hero-bottomline{display:none}
 body[data-hero="true"] #atlas-heading{font-size:1.1rem;max-width:220px;margin:.3rem 0}
 body[data-hero="true"] .atlas-picker{max-width:220px}
 body[data-hero="true"] .chain-panel{top:auto;bottom:5%;right:5%;width:min(70vw,260px)}
}
@media(prefers-reduced-motion:reduce){
 #bbx-loader.is-active .loader-continent{animation:none;opacity:1;filter:none}
 #bbx-loader.is-active .loader-title span,#bbx-loader.is-active .loader-title::after{animation:none}
 #bbx-loader.is-active .loader-node::before{animation:none;opacity:.88;transform:none}
 #bbx-loader.is-active .loader-node:not(:last-child)::after{animation:none;opacity:.85;transform:none}
 #bbx-loader.is-active .loader-signal{animation:none;opacity:0}
 #bbx-loader.is-active .loader-node>span{animation:none;opacity:1;color:var(--phase-color)}
 #bbx-loader.is-complete .loader-chain{animation:none}
 #bbx-loader{transition:none}
 body[data-hero="true"] .hero-actions button,body[data-hero="true"] .atlas-quick button{transition:none}
}
@media(forced-colors:active){
 body[data-hero="true"] .hero-atlas,.chain-panel{border-color:CanvasText}
 #bbx-loader{background:Canvas;color:CanvasText}
 #bbx-loader .loader-title,#bbx-loader .loader-identity,#bbx-loader .loader-subtitle{color:CanvasText}
 #bbx-loader .loader-node{border-color:CanvasText;background:Canvas}
}

/* DGX desktop review: reserve the right rail for one readable explainer at a time. */
@media(min-width:901px){
 header #incoterms-open[aria-expanded="true"]{color:#142a31;background:#fae5cd;border-color:#efaf78}
 body[data-hero="true"]:has(#chain-toggle[aria-expanded="true"]) .hero-atlas,
 body[data-hero="true"]:has(#incoterms-panel:not([hidden])) .hero-atlas,
 body[data-hero="true"]:has(#incoterms-panel:not([hidden])) .chain-panel{visibility:hidden;pointer-events:none}
 body[data-hero="true"] .chain-panel:has(#chain-toggle[aria-expanded="true"]){
  top:112px;bottom:12.5%;display:flex;flex-direction:column;
 }
 body[data-hero="true"] .chain-panel #chain-toggle{flex-shrink:0}
 body[data-hero="true"] .chain-panel #chain-content{min-height:0;max-height:none;overflow-y:auto;gap:.65rem}
 .chain-panel .chain-events{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
 .chain-panel .chain-events button{font-size:11px;min-height:36px}
 .chain-panel .chain-current p{font-size:13px;line-height:1.5}
 .chain-panel .chain-meta dt{font-size:10px}
 .chain-panel .chain-meta dd{font-size:12px;text-align:left}
 .chain-panel .chain-disclosure{font-size:11px}
 body[data-hero="true"] #incoterms-panel{top:112px;bottom:12.5%;right:5.8%;width:clamp(230px,21vw,295px)}
 body[data-hero="false"] #experience footer#journey-dock{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;
  grid-template-areas:"heading toolbar" "settings settings" "stages stages" "transport transport";
 }
 body[data-hero="false"] #experience footer#journey-dock .dock-toolbar{
  grid-area:toolbar;position:static;justify-content:flex-end;flex-wrap:wrap;
 }
 body[data-hero="false"] #experience footer#journey-dock .control-heading{
  grid-area:heading;padding-right:12px;margin:0;justify-content:flex-start;
 }
 body[data-hero="false"] #experience footer#journey-dock .scroll-hint{display:none}
 body[data-hero="false"] #experience footer#journey-dock .dock-settings{grid-area:settings}
 body[data-hero="false"] #experience footer#journey-dock #stages{grid-area:stages}
 body[data-hero="false"] #experience footer#journey-dock .transport{grid-area:transport}
 body[data-hero="false"] #experience footer#journey-dock .dock-toolbar button,
 body[data-hero="false"] #experience footer#journey-dock .dock-active-label{font-size:11px}
 body[data-hero="false"] #experience .narrative .eyebrow>span:first-child{white-space:nowrap;flex-shrink:0}
 body[data-hero="false"] #experience .narrative #stage-number{color:#efb385}
 body[data-hero="false"] #experience #journey-panel #stage-caption{box-shadow:none}
 body[data-hero="false"] #experience footer#journey-dock[data-floating="true"][data-compact="true"]{width:min(88vw,550px);z-index:12;background:#0a2530!important}
 body[data-hero="true"][data-rendering="static"] #fallback{transform:none!important;background:transparent}
 body[data-hero="true"][data-rendering="static"] #fallback p{width:18rem;max-width:30vw;flex:0 0 auto}
 body[data-hero="true"][data-rendering="static"] .hero-atlas{visibility:hidden;pointer-events:none}
 body[data-hero="true"][data-rendering="static"] #hero-pause{display:none}
}
@media(min-width:901px) and (max-width:1200px){
 body[data-hero="true"] #incoterms-panel{right:4.7%;width:225px;bottom:11%}
}