/* HB supply connections — light geography, real coastlines, progressive flow beams. */
.hb-page .hb-export-markets{background:#fff;color:#242727;padding-block:91px 77px}
.hb-page .hb-export-markets .hb-eyebrow{color:#6c7070}
.hb-page .hb-export-markets .hb-eyebrow:before{background:#ff7900}
.hb-page .hb-export-markets .hb-section-label>span{color:#9b9f9f}
.hb-page .hb-market-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end;margin-bottom:41px}
.hb-page .hb-market-heading .hb-title{color:#262a2a;font-size:clamp(37px,3.75vw,54px);line-height:1.15;letter-spacing:-1.8px;max-width:740px}
.hb-page .hb-market-heading .hb-title>span,.hb-page .hb-market-heading .hb-title>em{display:block}
.hb-page .hb-market-heading .hb-title>em{font:inherit;color:#ae4e08;margin-top:7px}
.hb-page .hb-market-heading .hb-body-copy{font-size:14px;line-height:1.9;max-width:440px;color:#777d7d;margin:0}
.hb-page .hb-market-figure{min-width:0;position:relative;margin:0;border:1px solid #e0e3e3;border-radius:6px;background:linear-gradient(170deg,#fafbfb,#f4f6f6);overflow:hidden}
.hb-page .hb-market-toolbar{min-height:62px;padding:15px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}
.hb-page .hb-market-status{display:inline-flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;letter-spacing:.35px;color:#757d7d;min-width:0}
.hb-page .hb-market-status>i{display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#d9752d;box-shadow:0 0 0 4px #eb9d6320}
.hb-page .hb-market-pause{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;padding:9px 13px;border:1px solid #d7dcdc;background:#ffffffb5;color:#6c7474;border-radius:22px;min-height:34px;font:500 10px/1.4 var(--hb-sans);cursor:pointer;transition:background .2s,border-color .2s;color-scheme:light}
.hb-page .hb-market-pause[hidden]{display:none!important}
.hb-page .hb-market-pause:hover{background:#fff;border-color:#9fa8a8;color:#353d3d}
.hb-page .hb-market-pause:focus-visible{outline:2px solid #c76623;outline-offset:3px}
.hb-page .hb-market-pause-icon{display:block;width:9px;height:11px;background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px,currentColor 6px);opacity:.75}
.hb-page .hb-market-pause[aria-pressed="true"] .hb-market-pause-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;background:none;margin-inline:1px}
.hb-page .hb-market-map-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d1d7d7 transparent;outline:none}
.hb-page .hb-market-map-scroll:focus-visible{outline:2px solid #c76623;outline-offset:-3px}
.hb-page .hb-market-map{display:block;width:100%;height:auto;overflow:hidden;margin:0 0 4px}
.hb-page .hb-market-grid{fill:none;stroke:#d6dddd;stroke-width:.7;opacity:.43}
.hb-page .hb-market-land{fill:#e4e8e8;stroke:none;fill-rule:evenodd}
.hb-page .hb-market-coast{fill:none;stroke:#c8d0d0;stroke-width:.65;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.hb-page .hb-market-africa{fill:#f9dfc6;stroke:none;fill-rule:evenodd}
.hb-page .hb-market-africa-coast{fill:none;stroke:#e5ae7c;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.hb-page .hb-market-route-base{fill:none;stroke:#d6a677;stroke-width:1.5;stroke-opacity:.58;stroke-linecap:round}
.hb-page .hb-market-route-fibre{fill:none;stroke:#d9a77d;stroke-width:.7;stroke-opacity:.68;stroke-linecap:round}
.hb-page .hb-market-route-group--focus .hb-market-route-base{stroke:#dd8e4e;stroke-width:1.8;stroke-opacity:.8}
.hb-page .hb-market-route{fill:none;stroke:#ed7d22;stroke-linecap:round;stroke-width:1.9;stroke-dasharray:.105 .895;stroke-dashoffset:1;opacity:0;animation:hb-market-flow var(--route-duration,6s) linear infinite;animation-delay:var(--route-delay,0s);animation-play-state:paused;will-change:stroke-dashoffset}
.hb-page .hb-market-route-beam--0,.hb-page .hb-market-route-beam--2{stroke-width:1;stroke-opacity:.64;stroke-dasharray:.075 .925}
.hb-page .hb-market-route-beam--0{animation-delay:calc(var(--route-delay,0s) - .13s)}
.hb-page .hb-market-route-beam--2{animation-delay:calc(var(--route-delay,0s) + .16s)}
.hb-page .hb-export-markets[data-market-motion="running"] .hb-market-route{animation-play-state:running;opacity:1}
.hb-page .hb-export-markets[data-market-motion="paused"] .hb-market-route{animation-play-state:paused;opacity:1}
.hb-page .hb-market-marker-halo{fill:#f2ad79;fill-opacity:.13}
.hb-page .hb-market-marker-ring{fill:#ffffffb8;stroke:#e3b18d;stroke-width:.8}
.hb-page .hb-market-marker-dot{fill:#fff;stroke:#d48243;stroke-width:1.1}
.hb-page .hb-market-marker-number{font-family:var(--hb-sans),sans-serif;font-size:10px;font-weight:600;fill:#a95112;letter-spacing:0}
.hb-page .hb-market-marker-label{font-family:var(--hb-sans),sans-serif;font-size:12.5px;font-weight:500;fill:#4d5656;letter-spacing:0}
.hb-page .hb-market-label-back{fill:#fbfcfc;fill-opacity:.93;stroke:#dce4e4;stroke-width:.6}
.hb-page .hb-market-marker--focus .hb-market-marker-dot{fill:#ef8734;stroke:#d8762a}
.hb-page .hb-market-marker--focus .hb-market-marker-number{fill:#fff;font-size:12px}
.hb-page .hb-market-marker--focus .hb-market-marker-label{fill:#95501a;font-size:13px;font-weight:600}
.hb-page .hb-market-origin-halo{fill:#e99754;fill-opacity:.1}
.hb-page .hb-market-origin-ring{fill:#fff;stroke:#ecb586;stroke-width:.9;stroke-opacity:.9}
.hb-page .hb-market-origin-dot{fill:#333d3d;stroke:#fff;stroke-width:1.4}
.hb-page .hb-market-origin-monogram{font-family:var(--hb-sans),sans-serif;font-size:11px;font-weight:600;fill:#fff;letter-spacing:-.1px}
.hb-page .hb-market-origin-label-back{fill:#fff;fill-opacity:.95;stroke:#d7dfdf;stroke-width:.7}
.hb-page .hb-market-origin-label{font-family:var(--hb-sans),sans-serif;font-size:12.5px;font-weight:600;fill:#3e4848;letter-spacing:0}
.hb-page .hb-market-map-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 17px;color:#959d9d;font-size:8px;line-height:1.6}
.hb-page .hb-market-scroll-hint{display:none}
.hb-page .hb-market-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:29px 0 0;padding:0;list-style:none;gap:25px}
.hb-page .hb-market-region{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:19px 0 0;border-top:1px solid #d7dddd}
.hb-page .hb-market-region-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:13px;margin-bottom:14px}
.hb-page .hb-market-region-index{color:#b36328;font-size:10px;line-height:1.4;letter-spacing:.45px}
.hb-page .hb-market-region h3{font:600 23px/1.25 var(--hb-sans);color:#353d3d;letter-spacing:-.45px;margin:0 0 10px}
.hb-page .hb-market-region p{font-size:12px;line-height:1.85;color:#7c8383;margin:0;max-width:290px}
.hb-page .hb-market-region--focus{border-top:2px solid #e4843a;margin-top:-1px;padding-top:19px}
.hb-page .hb-market-region--focus h3{color:#ae5b1b}
.hb-page .hb-market-focus-label{font-size:7px;line-height:1.4;letter-spacing:.7px;color:#b76628;border:1px solid #ebc4a4;background:#fcf0e4;border-radius:12px;padding:3px 7px}
.hb-page .hb-market-bottom{display:flex;justify-content:space-between;align-items:center;gap:55px;border-top:1px solid #dce1e1;margin-top:34px;padding-top:24px}
.hb-page .hb-market-bottom>p{font-size:10px;line-height:1.9;color:#8f9696;margin:0;max-width:730px}
.hb-page .hb-market-bottom .hb-text-link{color:#3d4747;border-color:#a8b1b1;font-size:12px;gap:38px;flex-shrink:0}
.hb-page .hb-market-bottom .hb-text-link>span:last-child{color:#c16925}
.hb-page .hb-market-bottom .hb-text-link:hover{color:#ae5310;border-color:#cf8a55}
.hb-page .hb-market-bottom .hb-text-link:focus-visible{outline-color:#bc6727}
.hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-market-heading .hb-title{line-height:1.3;letter-spacing:-.8px}
.hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-market-region h3{line-height:1.4;letter-spacing:0}
@keyframes hb-market-flow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:1200px){
 .hb-page .hb-market-heading{gap:65px}
 .hb-page .hb-market-regions{gap:24px}
 .hb-page .hb-market-region h3{font-size:21px}
}
@media(max-width:1000px){
 .hb-page .hb-export-markets{padding-block:75px 65px}
 .hb-page .hb-market-heading{gap:40px;grid-template-columns:1.1fr .9fr;margin-bottom:34px}
 .hb-page .hb-market-heading .hb-title{font-size:40px;letter-spacing:-1.3px}
 .hb-page .hb-market-heading .hb-body-copy{font-size:13px}
 .hb-page .hb-market-toolbar{min-height:56px;padding-inline:19px}
 .hb-page .hb-market-map-caption{padding-inline:19px}
 .hb-page .hb-market-regions{gap:21px}
 .hb-page .hb-market-region h3{font-size:20px}
 .hb-page .hb-market-region p{font-size:11px}
 .hb-page .hb-market-focus-label{font-size:6px;letter-spacing:.3px;padding:3px 5px}
 .hb-page .hb-market-bottom{gap:35px}
}
@media(max-width:720px){
 .hb-page .hb-export-markets{padding-block:61px 55px}
 .hb-page .hb-market-heading{display:block;margin-bottom:29px}
 .hb-page .hb-market-heading .hb-title{font-size:37px;line-height:1.17;letter-spacing:-1.3px;max-width:560px}
 .hb-page .hb-market-heading .hb-title>em{margin-top:8px}
 .hb-page .hb-market-heading .hb-body-copy{font-size:14px;line-height:1.9;margin-top:21px;max-width:570px}
 .hb-page .hb-market-figure{border-radius:4px;max-width:100%}
 .hb-page .hb-market-toolbar{min-height:54px;padding:11px 13px 0;gap:12px}
 .hb-page .hb-market-status{font-size:8px;gap:7px;letter-spacing:0;line-height:1.5}
 .hb-page .hb-market-status>i{flex-basis:4px;width:4px;height:4px;box-shadow:0 0 0 3px #eb9d6320}
 .hb-page .hb-market-pause{font-size:9px;padding:8px 9px;min-height:30px;gap:7px}
 .hb-page .hb-market-pause-icon{height:9px}
 .hb-page .hb-market-map-scroll{padding-top:4px}
 .hb-page .hb-market-map{min-width:680px;margin-bottom:6px}
 .hb-page .hb-market-map-caption{padding:9px 13px 12px;gap:12px;flex-wrap:wrap;border-top:1px solid #e5e9e9;font-size:7px}
 .hb-page .hb-market-scroll-hint{display:inline-flex;align-items:center;gap:8px;color:#a46c40}
 .hb-page .hb-market-scroll-hint:before{content:'↔';font-size:13px;line-height:1}
 .hb-page .hb-market-marker-label,.hb-page .hb-market-origin-label{font-size:20px}
 .hb-page .hb-market-marker-number{font-size:16px}
 .hb-page .hb-market-marker-dot{r:20px}
 .hb-page .hb-market-marker-ring{r:27px}
 .hb-page .hb-market-marker-halo{r:34px}
 .hb-page .hb-market-marker--focus .hb-market-marker-dot{r:23px}
 .hb-page .hb-market-marker--focus .hb-market-marker-ring{r:31px}
 .hb-page .hb-market-marker--focus .hb-market-marker-number{font-size:18px}
 .hb-page .hb-market-marker--focus .hb-market-marker-label{font-size:20px}
 .hb-page .hb-market-label-back{y:-18px;height:36px}
 .hb-page .hb-market-marker[data-region="africa"] .hb-market-label-back{width:93px}
 .hb-page .hb-market-marker[data-region="southeastAsia"] .hb-market-label-back{width:164px}
 .hb-page .hb-market-marker[data-region="southAmerica"] .hb-market-label-back{width:173px}
 .hb-page .hb-market-marker[data-region="middleEast"] .hb-market-label-back{width:137px}
 .hb-page .hb-market-origin-dot{r:22px}
 .hb-page .hb-market-origin-ring{r:29px}
 .hb-page .hb-market-origin-halo{r:37px}
 .hb-page .hb-market-origin-monogram{font-size:16px}
 .hb-page .hb-market-origin-label-back{width:177px;y:-18px;height:36px}
 .hb-page .hb-market-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px;margin-top:25px}
 .hb-page .hb-market-region{padding-top:15px}
 .hb-page .hb-market-region-top{gap:8px;margin-bottom:13px;min-height:17px}
 .hb-page .hb-market-region-index{font-size:9px}
 .hb-page .hb-market-region h3{font-size:23px;letter-spacing:-.4px;margin-bottom:9px}
 .hb-page .hb-market-region p{font-size:11px;line-height:1.85}
 .hb-page .hb-market-region--focus{padding-top:15px}
 .hb-page .hb-market-focus-label{font-size:7px;letter-spacing:.2px;padding:3px 6px}
 .hb-page .hb-market-bottom{display:block;margin-top:29px;padding-top:20px}
 .hb-page .hb-market-bottom>p{font-size:10px;line-height:1.9}
 .hb-page .hb-market-bottom .hb-text-link{margin-top:24px;font-size:12px;gap:34px}
 .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-market-heading .hb-title{font-size:34px;line-height:1.35;letter-spacing:-.6px}
}
@media(prefers-reduced-motion:reduce){
 .hb-page .hb-export-markets .hb-market-route{animation:none!important;opacity:0!important;will-change:auto}
 .hb-page .hb-market-pause{display:none!important}
}