/* Light editorial hero and linked system map, based on the supplied brand board. */
.reference-stage{color:#152d4b;background:#f2f7fe}
.reference-stage .cn-hero-inner{min-height:clamp(495px,39vw,635px);padding-block:32px 78px}
.reference-stage[data-active="0"] .cn-scenery{background:radial-gradient(ellipse at 86% 22%,#d9eafa 0,transparent 61%),linear-gradient(115deg,#fff 15%,#f4f9ff 70%,#e7f3fe);filter:none;transform:none}
.reference-stage[data-active="0"] .cn-vignette{background:linear-gradient(175deg,transparent 77%,#deedf956 90%,#c9def156)}
.reference-stage[data-active="1"] .cn-scenery{background-image:url('/art/china-panorama.webp')}
.reference-stage[data-active="2"] .cn-scenery{background-image:url('/art/reel-traceability.webp');background-position:70% 50%;transform:scale(1.02);filter:none}
.reference-stage:not([data-active="0"]) .cn-vignette{background:linear-gradient(90deg,#10253deb 0%,#10253db0 36%,#10253d12 85%)}
.cn-ecosystem{display:grid;grid-template-columns:.86fr 1.15fr;align-items:center;gap:1.5%}
.cn-intro .cn-topline{color:var(--brand-blue-deep)}.cn-intro .cn-heading h1{font-size:clamp(42px,4.15vw,74px);margin:19px 0 15px;font-weight:680;line-height:1.24;letter-spacing:-.055em}
.cn-intro h1 em{color:var(--brand-blue);font-family:var(--sans);font-style:normal}
.cn-intro>p{color:#435b74;text-shadow:none;max-width:470px;line-height:1.85}
.cn-intro .hero-links{margin-top:23px}.home-brand-chip{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:24px;color:#764b28;font-size:13px;font-weight:650}
.home-brand-chip span{font-weight:400;color:#5e6870;border-left:1px solid #b9c8d1;padding-left:8px}
.cn-photo-story{color:white}.reference-stage[data-active="0"] .cn-index{border-color:#9ab3c94a}
.reference-stage[data-active="0"] .story-selects button,.reference-stage[data-active="0"] .cn-scene-note{color:#39546b}
.reference-stage[data-active="0"] .story-selects button:nth-child(1){--section-accent:var(--brand-blue-deep)}
.reference-stage[data-active="0"] .story-selects button:nth-child(2){--section-accent:var(--brand-green-deep)}
.reference-stage[data-active="0"] .story-selects button:nth-child(3){--section-accent:var(--brand-orange-deep)}
.system-map{position:relative;width:100%;aspect-ratio:1.4;isolation:isolate;align-self:center}
.map-art{width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;pointer-events:none}
.map-node{--node-ink:var(--brand-blue-deep);position:absolute;left:var(--map-x);top:var(--map-y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;border-radius:25px;border:1px solid #aac2d9;background:#ffffffef;color:var(--node-ink);font-size:clamp(11px,.85vw,14px);line-height:1.3;font-weight:650;white-space:nowrap;box-shadow:0 4px 12px #294b7017;transition:background .2s,color .2s,box-shadow .2s}
.map-node:hover,.map-node:focus-visible{background:var(--node-ink);color:#fff;box-shadow:0 5px 22px #284d8040}
.node-home{--map-x:22%;--map-y:32%;--node-ink:#3e713d}.node-wms{--map-x:80%;--map-y:33%;--node-ink:#80502b}.node-ai{--map-x:49%;--map-y:62%}.node-hardware{--map-x:19%;--map-y:83%}.node-software{--map-x:81%;--map-y:84%}
.ecosystem-chapter{background:linear-gradient(115deg,#fff,#edf5fc)}.ecosystem-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:5%}.ecosystem-grid h2{font-size:clamp(35px,4vw,65px);line-height:1.02;margin:19px 0}.ecosystem-grid p{max-width:440px;margin-bottom:19px}
.product-journey{background:#13283e}.gl-stage{--probe:0;position:relative}.gl-hero{width:100%;position:relative}
.gl-copy h1 .gl-accent{display:flex;align-items:baseline;white-space:nowrap}.gl-copy h1 span[data-chapter-word]{display:inline}
.inspection-pose{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;z-index:1}.gl-object{pointer-events:none;user-select:none}
.gl-object .module-part{position:absolute;inset:0;transform-origin:50% 55%}.module-part img{width:100%;height:100%;object-fit:contain}
.instrument{touch-action:pan-y;user-select:none;isolation:isolate;cursor:grab}.instrument.is-grabbing{cursor:grabbing}
.instrument-watermark{position:absolute;right:-1%;top:15%;font:600 clamp(100px,17vw,280px)/.85 var(--sans);color:#bad5e10c;letter-spacing:-.09em;pointer-events:none}
.inspection-glow{position:absolute;inset:-8% -8%;background:radial-gradient(ellipse,#97d9fc45 0,#64c5ff19 25%,transparent 63%);opacity:.6;pointer-events:none}
.gl-readout,.instrument-dots{z-index:3}.instrument-dots button{transition:background .18s,color .18s,box-shadow .18s}.instrument-dots button:hover{box-shadow:0 0 0 4px #b8d1da26}
.journey-progress{height:3px;background:#8aafbb24}.journey-progress>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#699ddd,#98c779 68%,#d99c66);transform:scaleX(.03);transform-origin:left}
.gl-console{position:relative;z-index:4}.gl-layer-copy{min-height:3.6em}
@media(min-width:901px) and (min-height:590px){
 .product-journey.motion-scroll{height:230svh;position:relative}
 .motion-scroll .gl-stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100svh;min-height:590px}
 .motion-scroll .gl-hero{flex:1;min-height:0;grid-template-columns:.89fr 1.11fr}
 .motion-scroll .instrument{height:clamp(365px,min(39vw,67svh),660px)}
 .motion-scroll .gl-copy h1{font-size:clamp(62px,6.4vw,108px)}
 .motion-scroll .gl-copy h1,.motion-scroll .gl-copy>p{max-width:100%}
 .motion-scroll .gl-console{flex:none;width:100%}
}
@media(max-width:900px){.cn-ecosystem{grid-template-columns:.92fr 1fr}.cn-intro .cn-heading h1{font-size:clamp(34px,4.6vw,45px)}.map-node{gap:3px;padding:5px 7px}.map-node svg:last-child{display:none}}
@media(max-width:700px){
 .reference-stage .cn-hero-inner{padding-block:27px 50px;min-height:470px}
 .cn-ecosystem,.ecosystem-grid{grid-template-columns:1fr;gap:4px}.cn-intro .cn-heading h1{font-size:clamp(36px,8.7vw,52px);margin:14px 0 9px}.cn-intro>p{font-size:14px;max-width:none}.cn-intro .hero-links{margin-top:14px}.home-brand-chip{font-size:11px;margin-top:13px}
 .system-map{max-width:510px;margin:auto}.map-node{font-size:10px;padding:5px 7px;min-height:26px}
 .ecosystem-chapter .system-map{margin-top:12px}.reference-stage[data-active="1"] .cn-scenery{background-image:url('/art/china-panorama-small.webp')}
 .cn-photo-story{min-height:clamp(440px,110vw,540px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .gl-readout.bottom{font-size:7px}.gl-layer-copy{min-height:4em}.pattern-detail{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.system-map *,.instrument *{transition-duration:0s!important}}
.map-surface{position:absolute;inset:0;transform-origin:center;transition:transform .28s ease-out}
.map-art{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.node-home{--map-x:24%;--map-y:39%}.node-wms{--map-x:77%;--map-y:39%}.node-hardware{--map-x:23%;--map-y:89%}.node-software{--map-x:78%;--map-y:89%}.node-ai{--map-x:50%;--map-y:59%}
.map-traces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.node-home{--water:#69bc45;--node-ink:#39752a}.node-wms{--water:#f79432;--node-ink:#8a4b0e}
.node-hardware{--water:#2183de;--node-ink:#0956a2}.node-software{--water:#9463d6;--node-ink:#6942a0}
.waterway{visibility:hidden;pointer-events:none}.waterway.active{visibility:visible}
.water-rail path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.canal-edge,.canal-water,.canal-glint{stroke:var(--water);stroke-dasharray:1 1;stroke-dashoffset:1}
.canal-edge{stroke-width:14;opacity:.32}.canal-water{stroke-width:7.5}
.canal-glint{stroke:#fff;stroke-width:2;opacity:.45}
.canal-current{stroke:#fff;stroke-width:2.6;stroke-dasharray:.15 .85;stroke-dashoffset:.15;opacity:0}
.deck-dye{fill:var(--water);opacity:.72;mix-blend-mode:multiply}
.map-hit path{fill:transparent;pointer-events:fill}
.map-hit .bridge-hit{fill:none;stroke:transparent;stroke-width:23;pointer-events:stroke}
.map-node.lit{color:white;background:var(--node-ink);border-color:var(--node-ink)}
.inspection-help{display:flex;align-items:center;gap:8px;color:#d1dfed;margin-top:21px}.inspection-help>span{color:#c6deac;font-size:18px}.inspection-help small,.inspection-help b{font:10px/1.4 var(--mono);letter-spacing:.06em}.inspection-help b{color:#b3c0cc}.touch-help{display:none}.probe-ring{position:absolute;z-index:2;left:0;top:0;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #d0e7f0b8;pointer-events:none;opacity:0;transition:opacity .16s}.probe-ring i{position:absolute;inset:7px;border:1px dashed #d0e7f078;border-radius:50%}.instrument.is-grabbing .probe-ring{border-color:#bada9f}.instrument.probing .probe-ring{opacity:1}
@media(max-width:900px),(max-height:589px),(pointer:coarse){.desktop-help{display:none}.touch-help{display:inline}.inspection-help{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.inspection-help,.probe-ring{display:none}}

/* Both editions share the white ground and the three sampled brand colours. */
.reference-stage[data-active="0"] .cn-scenery,.gl-halo{background:radial-gradient(ellipse at 85% 52%,#e6f4ff,transparent 59%),#fff}
.reference-stage[data-active="0"] .cn-vignette{background:none}
/* Brand colours live in the headline's own row, outside every text and control box. */
.cn-intro .cn-heading::after,.gl-copy h1::after{
 content:"";display:block;width:clamp(112px,11vw,178px);height:5px;margin-block:18px 19px;
 border-radius:2px;transform:skewX(-22deg);transform-origin:left;
 background:linear-gradient(90deg,var(--brand-blue) 0 48%,transparent 48% 51%,var(--brand-green) 51% 79%,transparent 79% 82%,var(--brand-orange) 82% 100%)
}
.cn-intro .cn-topline i,.gl-copy .gl-label i{display:none}
.reference-stage .cn-hero-inner{z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;min-height:clamp(515px,40vw,680px);padding-block:clamp(30px,3.1vw,58px) 0}
.reference-stage .cn-index{position:static;grid-area:2/1;margin-top:clamp(15px,2vw,32px);align-items:center}
.reference-stage .cn-scene-note{padding-block:10px}
.reference-stage .cn-story{grid-area:1/1}
.reference-stage .cn-ecosystem[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.cn-intro .cn-heading h1{color:#071b36}
.cn-intro h1 em,.gl-copy [data-chapter-word]{color:#0673db}
.cn-intro .outline,.gl-outline{background:#fff;color:var(--brand-blue-deep);border:1px solid #1976d5}
.cn-intro .outline:hover,.gl-outline:hover{background:#eaf5ff}
.home-brand-chip{background:linear-gradient(100deg,#ffead0,#fff9f0);padding:7px 13px;border-radius:24px;color:#653509}
.home-brand-chip svg{color:#d86b04}.home-brand-chip span{border-color:#edbf84;color:#624a34}
.map-art{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 92%,transparent)}
.product-journey,.gl-stage{background:#f7fbff;color:var(--brand-ink)}
.gl-hero{z-index:1;padding-block:clamp(25px,3.5vw,60px) clamp(28px,4vw,64px)}
.gl-console{color:var(--brand-ink);border-top-color:#cddfea;background:#fff}
.gl-copy>p,.gl-layer-copy p{color:#405873}
.gl-accent em,.gl-readout span{color:#e67513}
.gl-solid{background:var(--brand-action);color:white;border-color:#0665cd}
.gl-label,.gl-readout,.console-title{color:#345572}.console-title i{background:#62b641}
.instrument-watermark{color:#2183de0e}.inspection-glow{background:radial-gradient(ellipse,#77c6ffa6,transparent 64%)}
.orbit-a{border-color:#378cdc70}.orbit-b{border-color:#50a942bf}.gl-corner{border-color:#3190df}
.instrument-dots button,.next-layer{background:#fffffff2;color:#20456c;border-color:#9eb9d1}
.instrument-dots button[aria-pressed=true]{color:#502a07;background:#ffbf78;border-color:#ef902c}
.instrument-dots button:hover,.next-layer:hover{background:#e7f4ff}
.instrument-dots button[aria-pressed=true]:hover{background:#ffb05e}
.inspection-help,.inspection-help b{color:#496379}.inspection-help>span{color:#387c2b}
.probe-ring{border-color:#1379ce}.probe-ring i{border-color:#52a2df}.instrument.is-grabbing .probe-ring{border-color:#ed850e}
.journey-progress{background:#e8f0f8}.journey-progress>i{background:linear-gradient(90deg,var(--brand-blue),var(--brand-green) 55%,var(--brand-orange))}
@media(min-width:901px) and (min-height:590px){
 .motion-scroll .gl-stage{height:calc(100svh - 79px);min-height:520px}
 .motion-scroll .instrument{height:clamp(250px,min(36vw,53svh),600px)}
}
@media(max-width:700px){
 .reference-stage .cn-hero-inner{padding-block:22px 0}
 .reference-stage .cn-index{margin-top:13px}
 .cn-intro .cn-heading::after,.gl-copy h1::after{height:4px;margin-block:12px 14px}
 .cn-intro .cn-heading h1{margin-top:13px}
 .gl-hero{padding-block:8px 15px}
}
.wms-screen{background:white;border:1px solid #d9e3ed;box-shadow:0 10px 35px #14395d0c}
.wms-screen>a{display:block;cursor:zoom-in}.wms-screen img{display:block}
.wms-screen figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:#455c74;font-size:12px;border-top:1px solid #e1eaf2}
.wms-screen figcaption a{color:var(--brand-blue-deep);font-weight:600}
.product-screen .index{display:none}.plate.product-screen img{object-fit:contain;background:#f4f5f7}