/* Concept home, continuous network, four concrete process illustrations. */
.v2-hero,.hero-inner{min-height:770px}.hero-inner{padding-top:108px}.hero-heading h1{font-size:clamp(44px,4.55vw,72px);margin-bottom:30px;line-height:1.4}
.hero-room{width:78%;height:760px;right:-15%;top:-22px;opacity:1}.hero-room picture,.hero-room picture img{display:block;width:100%;height:100%;object-fit:contain}.hero-room picture{mask-image:linear-gradient(90deg,transparent 2%,#000 22%,#000 94%,transparent)}.hero-room:before{z-index:2;background:linear-gradient(90deg,#070a0d,transparent 24%);pointer-events:none}.hero-room:after{display:none}.hero-room #air-field,.air-ribbons{position:absolute;inset:0;width:100%;height:100%}.air-ribbons{overflow:visible}
.ambient-stream{stroke:url(#air-fade);stroke-width:1.8;stroke-dasharray:35 10 3 12;animation:stream-flow 18s linear infinite;opacity:.45}.ambient-stream.secondary{stroke-width:.7;animation-duration:26s;opacity:.6}.gas-stream{stroke-width:1.1;stroke-dasharray:5 24 55 42;animation:stream-flow 30s linear infinite;opacity:.65}.hcho{stroke:#c3a5ff}.benzene{stroke:#f1bf78;animation-duration:36s}.ammonia{stroke:#75d7c5;animation-duration:27s}@keyframes stream-flow{to{stroke-dashoffset:-1000}}
.gas-tag{position:absolute;display:flex;gap:9px;align-items:center;font:12px/1.2 Consolas,monospace;letter-spacing:1px;padding:8px 12px;border-left:1px solid currentColor;background:linear-gradient(90deg,#070a0dc9,transparent);color:#c3a5ff}.gas-tag i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.gas-tag small{display:block;font:10px/1.4 'Microsoft YaHei',sans-serif;margin-top:5px;color:#c0cbd2;letter-spacing:2px}.tag-hcho{top:43%;left:39%}.tag-benzene{top:72%;left:53%;color:#f1bf78}.tag-ammonia{top:51%;left:73%;color:#75d7c5}
.air-legend{display:flex;flex-wrap:wrap;gap:13px 18px;margin-top:44px;max-width:425px;font-size:10px;color:#a9b7c1}.air-legend>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.air-legend i{display:block;width:5px;height:5px;border-radius:50%;background:#a9dcff}.legend-hcho i{background:#c3a5ff}.legend-benzene i{background:#f1bf78}.legend-ammonia i{background:#75d7c5}.air-legend small{flex-basis:100%;font-size:9px;color:#788a98;letter-spacing:.3px}.hero-foot{z-index:3}.hero-foot .room-caption{font-size:9px}
.network-map{isolation:isolate}.network-map:before{content:"";position:absolute;inset:8% 0 0;background:radial-gradient(ellipse at 59% 62%,#1b7dcf13,transparent 65%);z-index:-1}.map-base{filter:brightness(1.9) drop-shadow(0 0 9px #7ccbff12)}.map-lines{z-index:1}.map-lines .connection-base{stroke:#70b9e9;stroke-opacity:.2;stroke-width:.8;stroke-dasharray:none}.map-lines .connection-flow{stroke:#b6e5ff;stroke-opacity:.85;stroke-width:1.55;stroke-dasharray:9 120 3 45;animation:connection-transit var(--duration,16s) linear infinite;animation-delay:var(--phase,0s);filter:drop-shadow(0 0 3px #2d9cff66)}.map-lines #network-connection{stroke:#9bd6fa;stroke-opacity:.3;stroke-width:1;stroke-dasharray:4 12;animation:connection-transit 32s linear infinite}@keyframes connection-transit{to{stroke-dashoffset:-1000}}
.map-node i{width:5px;height:5px;background:#9bd7ff;box-shadow:0 0 10px #2d9cff55,0 0 0 3px #7ccbff18}.map-node:before,.map-node:after{content:"";position:absolute;inset:6px;border:1px solid #7ccbff66;border-radius:50%;opacity:0;pointer-events:none}.network.is-visible .map-node:before,.network.is-visible .map-node:after{animation:radiate 4.8s ease-out infinite;animation-delay:calc(var(--delay) * 3)}.network.is-visible .map-node:after{animation-delay:calc(var(--delay) * 3 - 2.4s)}@keyframes radiate{0%{transform:scale(.5);opacity:.8}80%,100%{transform:scale(4);opacity:0}}.map-node.selected i{background:#eaf8ff;width:7px;height:7px;box-shadow:0 0 16px #70c9ff,0 0 0 6px #7ccbff1a}.map-node.selected:before,.map-node.selected:after{border-color:#b1e2ff}.map-node span{font-size:11px;color:#d3e3ee}.map-node.selected span{color:#fff}
.network-radar{position:absolute;width:84%;height:29%;left:10%;bottom:7%;z-index:-1;pointer-events:none}.network-radar i{position:absolute;inset:0;border:1px solid #7ccbff55;border-radius:50%;animation:radar-expand 7s ease-out infinite;opacity:0}.network-radar i:nth-child(2){animation-delay:-2.33s}.network-radar i:nth-child(3){animation-delay:-4.66s}@keyframes radar-expand{0%{transform:scale(.2);opacity:.6}100%{transform:scale(1.15);opacity:0}}
.network-panel{padding:32px;border:1px solid #3b56694d;background:linear-gradient(145deg,#14232d88,#0b1015 80%);box-shadow:inset 0 1px #7ccbff1a}.network-layout{gap:38px;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)}.network-stat strong{font-size:62px}.network-stat{margin-bottom:25px}
.journey-layout{grid-template-columns:1.6fr 1fr;gap:70px}.journey-stage{height:auto;aspect-ratio:800/655;top:145px;overflow:visible;border-top:1px solid #31414c;border-bottom:0;background:radial-gradient(ellipse at 45% 47%,#11263255,transparent 65%)}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:23px 0 10px;font-size:10px;min-height:53px}.stage-label{position:static;line-height:1.4}.sample-trace{font-size:10px;color:#94a8b5;letter-spacing:.5px;display:flex;gap:8px;align-items:center}.sample-trace i{display:block;width:5px;height:5px;border-radius:50%;background:#f4d39d;box-shadow:0 0 10px #f4d39d66}.process-definitions{position:absolute;overflow:hidden}.process-viewport{width:100%;aspect-ratio:800/500;position:relative}.process-art{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s;transform-origin:50% 65%;font-family:'Microsoft YaHei',sans-serif}.journey-stage[data-stage="0"] .art-0,.journey-stage[data-stage="1"] .art-1,.journey-stage[data-stage="2"] .art-2,.journey-stage[data-stage="3"] .art-3{opacity:1;visibility:visible}
.stage-captions{height:28px;position:relative;color:#ccdce5;font-size:12px;letter-spacing:1px;text-align:center}.stage-captions span{position:absolute;inset:0;opacity:0;transition:opacity .4s}.journey-stage[data-stage="0"] .stage-captions span:nth-child(1),.journey-stage[data-stage="1"] .stage-captions span:nth-child(2),.journey-stage[data-stage="2"] .stage-captions span:nth-child(3),.journey-stage[data-stage="3"] .stage-captions span:nth-child(4){opacity:1}.journey-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;border-bottom:1px solid #263d4b}.journey-controls a{display:flex;align-items:center;gap:8px;min-height:48px;border-bottom:2px solid transparent;font-size:11px;color:#8aa0af;white-space:nowrap}.journey-controls a span{font:10px Consolas,monospace;color:#708695}.journey-controls a[aria-current=step]{border-color:#7ccbff;color:#e8f5fd}.journey-controls a[aria-current=step] span{color:#7ccbff}.journey-stage .stage-note{position:static;font-size:9px;margin-top:14px;line-height:1.8;color:#8299a8}.journey-scene{min-height:510px;scroll-margin-top:200px}.journey-scene h3{font-size:36px}.journey-scene.active:before{box-shadow:0 0 0 5px #7ccbff12}
.collect-flow{stroke-dasharray:10 8;animation:collect-flow 5s linear infinite}.collect-flow.alt{animation-duration:7s}.collect-flow.third{animation-duration:6s}@keyframes collect-flow{to{stroke-dashoffset:-180}}.collection-particles{offset-path:path('M98 220C200 148 288 270 438 133L460 133L460 192');animation:collection-sample 7s ease-in-out infinite}@keyframes collection-sample{0%{offset-distance:0%;opacity:0}10%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}.sampler-readout,.spectrum-line{stroke-dasharray:650;stroke-dashoffset:0;animation:trace-signal 7s ease-in-out infinite}@keyframes trace-signal{0%{stroke-dashoffset:650;opacity:.2}65%,92%{stroke-dashoffset:0;opacity:1}100%{opacity:.3}}.tube-flow{stroke-dasharray:8 7;animation:collect-flow 10s linear infinite}.barcode-scan{animation:scan-barcode 5s ease-in-out infinite}@keyframes scan-barcode{0%,100%{transform:translateY(-15px);opacity:.4}50%{transform:translateY(22px);opacity:1}}.moving-vial{animation:vial-transfer 8s ease-in-out infinite}@keyframes vial-transfer{0%,10%{transform:translate(-68px,47px);opacity:0}22%{opacity:1}72%{transform:translate(137px,-8px);opacity:1}90%,100%{transform:translate(205px,27px);opacity:0}}.handover-mark{animation:handover-confirm 8s ease-in-out infinite}@keyframes handover-confirm{0%,60%,100%{opacity:.15}75%,90%{opacity:1}}.light-beam{stroke-dasharray:12 7;animation:light-beam 4s linear infinite}@keyframes light-beam{to{stroke-dashoffset:-190}}.signal-cable{stroke-dasharray:4 6;animation:light-beam 5s linear infinite}.optical-glow{animation:optical-glow 5s ease-in-out infinite alternate}@keyframes optical-glow{to{opacity:.3}}.report-particle{offset-path:path('M308 322L337 322C370 322 390 234 440 234');animation:collection-sample 6s ease-in-out infinite}.report-highlight{animation:report-review 8s steps(4,end) infinite}@keyframes report-review{to{transform:translateY(184px)}}
.process-art *{animation-play-state:paused}.journey-stage[data-stage="0"] .art-0 *,.journey-stage[data-stage="1"] .art-1 *,.journey-stage[data-stage="2"] .art-2 *,.journey-stage[data-stage="3"] .art-3 *{animation-play-state:running}.motion-offscreen *,.motion-offscreen:before,.motion-offscreen:after,.motion-offscreen *:before,.motion-offscreen *:after,.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(min-width:1600px){.hero-room{width:77%;right:-9%;height:815px;top:-15px}.hero-inner{padding-top:140px}.v2-hero,.hero-inner{min-height:850px}}
@media(max-width:1200px){.hero-room{right:-22%;width:90%;height:720px;top:0}.hero-heading h1{font-size:54px}.hero-heading h2{font-size:21px}.hero-inner{padding-top:110px}.network-panel{padding:24px}.network-layout{gap:15px}.journey-layout{gap:36px;grid-template-columns:1.45fr 1fr}.journey-controls{gap:7px}.journey-controls a{gap:5px;font-size:10px}.journey-stage{top:135px}}
@media(max-width:1040px) and (min-width:761px){.hero-heading h1{font-size:48px}.hero-heading h2{font-size:18px}.hero-room{width:94%;right:-27%;top:15px}.air-legend{max-width:290px}.network-layout{grid-template-columns:1.5fr 1fr}.network-panel{padding:20px}.journey-layout{grid-template-columns:1fr 1fr;gap:24px}.sample-trace{font-size:8px}.journey-controls a{flex-direction:column;gap:2px;justify-content:center;font-size:9px}}
@media(max-width:760px){.v2-hero,.hero-inner{min-height:915px}.hero-inner{padding-top:46px}.hero-heading h1{font-size:clamp(30px,8.9vw,48px);line-height:1.5;margin-bottom:22px}.hero-heading h2{font-size:17px}.hero-support{margin-bottom:24px}.hero-actions{gap:8px}.hero-room{width:156%;height:auto;aspect-ratio:3/2;top:445px;right:-28%;opacity:1}.hero-room picture{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 88%,transparent)}.hero-room:before{background:linear-gradient(180deg,#070a0d,transparent 18%)}.air-legend{margin-top:24px;max-width:100%;gap:10px 14px;font-size:9px}.air-legend small{font-size:8px;letter-spacing:0}.hero-foot{font-size:8px;padding-block:20px}.hero-foot .room-caption{display:none}.hero-foot>span:first-child{max-width:245px}.hero-foot a{white-space:nowrap}.gas-tag{font-size:10px;padding:5px 7px;gap:6px}.gas-tag small{font-size:8px;letter-spacing:1px}.tag-hcho{top:42%;left:33%}.tag-ammonia{top:43%;left:64%}.tag-benzene{top:77%;left:51%}.gas-tag i{width:3px;height:3px}.network-layout{grid-template-columns:1fr;gap:14px}.network-panel{padding:23px}.network-map{margin:-8px -18px -6px}.map-node:before,.map-node:after{inset:7px}.map-node span{font-size:10px}.network-stat strong{font-size:48px}.network-radar{bottom:7%}.journey-layout{display:block}.journey-stage{position:sticky;top:78px;aspect-ratio:auto;background:#091016f7;z-index:5;margin-inline:-12px;padding:0 12px;border-bottom:1px solid #31414c;backdrop-filter:blur(12px)}.stage-top{padding:10px 0 0;min-height:30px}.stage-label{font-size:9px}.sample-trace{font-size:8px;gap:5px}.process-viewport{max-height:235px}.stage-captions{font-size:10px;height:22px;line-height:22px}.journey-controls{margin-top:3px;gap:8px}.journey-controls a{font-size:9px;gap:5px;min-height:38px}.journey-controls a span{font-size:8px}.journey-stage .stage-note{font-size:8px;margin:6px 0 8px}.journey-scenes{padding-left:26px}.journey-scene{min-height:470px;padding-top:65px;scroll-margin-top:460px}.journey-scene h3{font-size:29px;margin-top:15px}.journey-scene:before{top:74px;left:-30px}.journey-scene p{font-size:13px;max-width:100%}.journey-scene .journey-reprise{font-size:24px}.journey-scene:last-child{min-height:560px}}
@media(max-width:360px){.v2-hero,.hero-inner{min-height:865px}.hero-room{top:450px}.air-legend{column-gap:10px}.hero-heading h2{font-size:16px}.hero-foot>span:first-child{max-width:192px}.process-viewport{max-height:190px}.journey-controls a{font-size:8px;gap:4px}.journey-scene{scroll-margin-top:420px}}
html[data-motion=static] .journey-stage{position:relative;top:auto}html[data-motion=static] .process-viewport{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:auto;max-height:none;gap:16px}html[data-motion=static] .process-art{position:static;opacity:1;visibility:visible;aspect-ratio:800/500}html[data-motion=static] .stage-captions,html[data-motion=static] .journey-controls{display:none}html[data-motion=static] .journey-scene{min-height:0;padding-block:40px}html[data-motion=static] .journey-scene:before{top:49px}html[data-motion=static] .moving-vial{transform:translate(40px,0)}html[data-motion=static] .collection-particles,html[data-motion=static] .report-particle{offset-distance:60%}html[data-motion=static] .spectrum-line{stroke-dashoffset:0}html[data-motion=static] .hero-room canvas{display:none}html[data-motion=static] *,html[data-motion=static] *:before,html[data-motion=static] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.journey-stage{position:relative;top:auto}.process-viewport{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:auto;max-height:none;gap:16px}.process-art{position:static;opacity:1;visibility:visible;aspect-ratio:800/500}.stage-captions,.journey-controls{display:none}.collection-particles,.report-particle{offset-distance:60%}.moving-vial{transform:translate(40px,0)}}
@media(min-width:1201px){.hero-room{width:75%;right:-4%;top:-18px}.tag-hcho{left:41%}.tag-ammonia{left:78%}}
@media(min-width:1600px){.hero-room{width:74%;right:-3%}}
@media(min-width:761px) and (max-width:1200px){.hero-room{right:-13%;width:86%}}
@media(min-width:761px) and (max-height:800px){.journey-stage{top:115px;aspect-ratio:auto}.process-viewport{max-height:325px}.journey-controls{margin-top:12px}.stage-top{min-height:44px;padding-top:16px}}
.map-lines .connection-base{stroke-opacity:.34}.map-lines .connection-flow{stroke-opacity:1;stroke-width:1.9;stroke-dasharray:19 90 4 33}.network-radar i{border-color:#7ccbff77}
@media(max-width:760px){.v2-hero,.hero-inner{min-height:790px}.hero-room{top:300px}.hero-actions .quiet-link{display:none}.air-ribbons .gas-stream{stroke-width:2.1;opacity:.9}.air-legend{position:relative;z-index:3}.hero-foot{bottom:0}.hero-foot>span:first-child{max-width:230px}}
@media(max-width:360px){.hero-room{top:303px}.v2-hero,.hero-inner{min-height:760px}.hero-foot>span:first-child{max-width:185px}}
.gas-marker{animation:gas-travel 25s linear infinite;offset-rotate:0deg}.gas-marker:nth-of-type(2n){animation-delay:-12s}
.gas-marker-hcho{offset-path:path('M70 515C325 405 535 610 760 525S1190 390 1480 475');fill:#c3a5ff}.gas-marker-benzene{offset-path:path('M55 700C380 785 495 570 800 660S1190 630 1495 510');fill:#f1bf78;animation-duration:30s}.gas-marker-ammonia{offset-path:path('M130 615C400 640 450 395 755 430S1130 640 1440 580');fill:#75d7c5;animation-duration:28s}
@keyframes gas-travel{0%{offset-distance:0%;opacity:0}10%,90%{opacity:.85}100%{offset-distance:100%;opacity:0}}
@media(max-width:760px){html[data-motion=static] .process-viewport{grid-template-columns:1fr}html[data-motion=static] .process-art{height:auto}.journey-controls a{min-height:44px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.process-viewport{grid-template-columns:1fr}.process-art{height:auto}}
/* Regions feed confirmed city hubs. There are deliberately no hub-to-hub routes. */
.inbound-map{align-self:start;margin-top:20px}
.inbound-lines .inbound-base{stroke:#75b9df;stroke-width:.7;stroke-opacity:.2;stroke-dasharray:none;fill:none}
.inbound-lines .inbound-trace{stroke:#9edcff;stroke-width:1.65;stroke-opacity:.82;stroke-linecap:round;stroke-dasharray:3 104;fill:none;animation:inbound-travel var(--duration) linear infinite;animation-delay:var(--phase)}
.inbound-lines .inbound-arrow{stroke:#a9d9ee;stroke-width:.8;stroke-opacity:.3;stroke-dasharray:none;stroke-linecap:round;fill:none}
.inbound-origin{fill:#97c6de;fill-opacity:.55;stroke:none}
.inbound-basin{transition:opacity .5s}
.inbound-basin.selected .inbound-base{stroke:#9fd9fa;stroke-width:.9;stroke-opacity:.48}
.inbound-basin.selected .inbound-trace{stroke:#e3f6ff;stroke-width:2.15;stroke-opacity:1;filter:drop-shadow(0 0 2px #7ccbff66)}
.inbound-basin.selected .inbound-origin{fill:#d5f0ff;fill-opacity:1}
.inbound-basin.selected .inbound-arrow{stroke-opacity:.7}
@keyframes inbound-travel{0%{stroke-dashoffset:4;opacity:0}8%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.inbound-region-label{font-family:'Microsoft YaHei',sans-serif;font-size:12px;letter-spacing:2px;fill:#809cae;paint-order:stroke;stroke:#0b1015;stroke-width:4px;stroke-linejoin:round;transition:fill .4s}
.inbound-region-label.selected{fill:#daeef9}
.network.is-visible .inbound-map .map-node:before,.network.is-visible .inbound-map .map-node:after{animation-name:hub-collect;animation-duration:5.2s}
@keyframes hub-collect{0%{transform:scale(4);opacity:0}20%{opacity:.35}85%{transform:scale(.7);opacity:.8}100%{transform:scale(.45);opacity:0}}
.inbound-map .map-node i{transition:opacity .7s,background .7s;transition-delay:var(--delay)}
.network:not(.is-visible) .inbound-map .map-node i{opacity:.45}
.inbound-map .map-node.selected i{box-shadow:0 0 18px #70c9ff99,0 0 0 5px #7ccbff18}
.inbound-map-key{position:absolute;top:4px;left:8px;display:flex;align-items:center;gap:13px;color:#96b0c0;font-size:10px;letter-spacing:1px}
.inbound-map-key>span{display:flex;align-items:center;gap:7px}.inbound-map-key b{font-size:16px;font-weight:400;color:#b3dff4}
.inbound-map-key i{display:inline-block;flex-shrink:0;background:#98c7e0;border-radius:50%}.origin-key{width:3px;height:3px}.hub-key{width:5px;height:5px;box-shadow:0 0 0 3px #7ccbff24,0 0 10px #7ccbff66}
.inbound-summary{border-left:1px solid #59829d;padding-left:15px;margin:-2px 0 24px;color:#c1d5e1}
.inbound-summary>span{font-size:9px;letter-spacing:1px;color:#819dad}.inbound-summary p{font-size:12px;line-height:1.8;margin:9px 0 5px}
.inbound-destination{display:flex;align-items:center;gap:11px;line-height:1.6}.inbound-destination>span{font-size:22px;color:#7ccbff}.inbound-destination strong{font-size:18px;font-weight:400;color:#e4f1f9}.inbound-destination small{font-size:10px;color:#849eaf}
html[data-motion=light] .inbound-route.extra-route{display:none}
html[data-motion=static] .inbound-trace{display:none}html[data-motion=static] .inbound-arrow{stroke-opacity:.6}
@media(max-width:760px){.inbound-map{margin-top:8px}.inbound-region-label{font-size:19px;letter-spacing:1px}.inbound-map-key{font-size:8px;gap:10px;letter-spacing:0;left:20px;top:-6px}.inbound-map .map-watermark{font-size:6px}.inbound-summary{margin-top:0}.inbound-summary p{font-size:12px}.inbound-map .map-node.landmark:not(.selected) span{display:none}}
@media(prefers-reduced-motion:reduce){.inbound-trace{display:none}.inbound-arrow{stroke-opacity:.6}}