/* A restrained cinematic stage, with explicit interaction instead of autoplay navigation. */
.hero-shade{background:linear-gradient(90deg,#080a0dfa 0%,#080a0ddd 22%,#080a0d65 45%,#080a0d08 72%),linear-gradient(0deg,#080a0d 0%,#080a0d20 32%,transparent 68%)}
.hero-visual{filter:saturate(.88);background-position:60% center}
.hero-scene-control{position:absolute;right:max(56px,calc((100% - 1320px)/2));bottom:113px;width:440px;z-index:2}
#hero-scene-caption{font-size:16px;color:#f2f5f7;line-height:1.6;margin:0 0 22px;text-shadow:0 2px 12px #000}#hero-scene-caption>span{display:block;font-size:12px;letter-spacing:.14em;color:#b6d4df;margin-bottom:6px}
.hero-scenes{display:flex;gap:24px;border-top:1px solid #ffffff42;background:linear-gradient(#080a0d44,transparent)}.hero-scenes button{position:relative;flex:1;white-space:nowrap;background:none;border:0;text-align:left;color:#a8b4be;padding:17px 0;font-size:14px}.hero-scenes button>span{display:block;font-size:11px;color:#8ba0ae;margin-bottom:6px}.hero-scenes button[aria-pressed=true]{color:white}.hero-scenes button[aria-pressed=true]:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#ee2636}.hero-scenes button:hover{color:white}
.showcase-shell{grid-template-columns:205px minmax(0,1fr);gap:34px}.viewer{height:540px;background:#111a23}.showcase-caption{padding-top:27px}.showcase-tabs button{min-height:62px}
:root{--bg:#030304;--surface:#0a0a0c;--surface2:#111114;--line:#252529}
body,.hero,.ecosystem,.about,.contact,.network-node{background-color:#030304}.workflow-section,.industries-section{background:#070709}.network-node.selected,.network-node:hover{background:#141013}.agent-board{background:#0b0b0f}.hero-shade{background:linear-gradient(90deg,#030304 0%,#030304ed 23%,#03030465 47%,#03030408 73%),linear-gradient(0deg,#030304 0%,#03030435 26%,transparent 70%)}.hero-visual{filter:saturate(.8)}.contact:before{background:linear-gradient(90deg,#030304 3%,#030304c9 50%,#030304d9),url('/assets/hero-realistic.webp') center/cover}.global-shade{background:linear-gradient(90deg,#030304 3%,#030304eb 28%,#0303041a 72%)}
.enhanced-viewer{isolation:isolate;border:1px solid #303036;background:#08090b;overflow:hidden}.enhanced-viewer .viewer-head{z-index:8;top:18px;left:20px;right:20px}.enhanced-viewer .viewer-code,.enhanced-viewer .demo-chip{background:#07090be8;border-color:#505059;color:#d1dbe1}.enhanced-viewer .view-toggle{background:#07090beb;border-color:#4a4a50}.enhanced-viewer .view-toggle button{min-height:35px}.enhanced-viewer .view-toggle button.selected{background:#303037;color:white}.enhanced-viewer .viewer-bottom{z-index:7;bottom:22px;left:23px;right:23px}.enhanced-viewer .viewer-bottom>span{color:#c7d5de}.enhanced-viewer>picture{position:absolute;inset:0;z-index:-2}.enhanced-viewer>picture>img{width:100%;height:100%;object-fit:cover;filter:brightness(.76) saturate(.82)}.photo-grade{position:absolute;inset:0;background:linear-gradient(0deg,#030304ed,transparent 38%,transparent 66%,#030304d9);z-index:-1;pointer-events:none}.photo-workcell:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03030488,transparent 50%);z-index:-1}.workcell-info{position:absolute;left:25px;top:88px;display:flex;flex-direction:column;max-width:280px;gap:6px;text-shadow:0 1px 14px #000}.workcell-info strong{font-family:var(--display);font-size:23px;line-height:1.3;font-weight:500}.workcell-info>span:last-child{font-size:13px;color:#d2d8dd}.telemetry-label{font-size:10px;letter-spacing:.12em;color:#b1cad4}.enhanced-viewer .hotspot{width:32px;height:32px;border:1px solid #c0e2e7;box-shadow:0 0 0 5px #7bd4e11a;background:#111a20bd;font-size:11px;font-weight:600;z-index:3}.enhanced-viewer .hotspot:hover,.enhanced-viewer .hotspot[aria-pressed=true]{background:#db293e;color:white;border-color:#ffb1bb;transform:scale(1.12)}.inspection-note{position:absolute;z-index:9;left:24px;right:24px;bottom:88px;max-width:380px;background:#090b0fed;backdrop-filter:blur(15px);border:1px solid #63666d;padding:24px}.inspection-note>span{font-size:10px;letter-spacing:.12em;color:#9fd6df}.inspection-note h4{font-size:20px;margin:10px 25px 9px 0}.inspection-note p{font-size:14px;color:#b9c4ce;line-height:1.6;margin:0}.inspection-note>button{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:none;font-size:23px}
.model-view{background:#030304}.model-view .scene-status{top:72px;z-index:4;font-size:10px;letter-spacing:.06em;pointer-events:none}.model-toolbar{position:absolute;left:20px;bottom:64px;display:flex;gap:5px;z-index:5;flex-wrap:wrap}.model-toolbar button{font-size:12px;min-height:34px;padding:5px 10px;background:#0c0d11df;border:1px solid #41434b;color:#c5cbd3}.model-toolbar button[aria-pressed=true]{border-color:#91bac6;color:#d4f5fa;background:#1b2a32}.model-view .scene-instructions{bottom:26px;max-width:300px;font-size:10px}.model-view .scene-tools{bottom:20px}.scene-canvas{touch-action:none;cursor:grab}.scene-canvas:active{cursor:grabbing}.scene-tools button{min-height:34px;min-width:34px}.plan-scroll{position:absolute;inset:72px 15px 50px;display:grid;place-items:center;overflow-x:auto}.cell-plan{width:100%;height:100%;max-height:415px}.plan-part{animation:partTravel 8s linear infinite}.plan-legend{position:absolute;bottom:17px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.04em;color:#9aafbd}
.scada-view{height:600px!important;background:#0a0b0e}.process-stats{position:absolute;top:73px;left:23px;right:23px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:18px;border-bottom:1px solid #303037}.process-stats>div{display:flex;flex-direction:column;gap:5px}.process-stats span{color:#9bafb9;font-size:10px;letter-spacing:.08em}.process-stats strong{font-family:var(--display);font-size:27px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.process-stats small{font-size:13px;margin-left:6px;color:#849ba6}.process-stats .process-state{font-size:16px;color:#afd7d6;padding-top:7px}.process-state.alert{color:#efa084}.process-scroll{position:absolute;inset:165px 13px 144px;overflow-x:auto;display:grid;align-items:center}.process-diagram{width:100%;height:100%;fill:#c0d6e1;font-family:var(--font);font-size:13px}.process-diagram .pid-value{font-family:var(--display);fill:white;font-size:21px}.pid-instrument{fill:#15222c;stroke:#7cb3c9;stroke-width:1.2}.process-trend{position:absolute;bottom:90px;left:25px;right:25px;display:flex;align-items:center;gap:22px;border-top:1px solid #2a3037;padding-top:13px}.process-trend>span{font-size:10px;min-width:97px;color:#cad5dd}.process-trend small{display:block;font-size:9px;color:#8496a3}.process-trend svg{width:100%;height:40px}.process-controls{position:absolute;left:24px;right:24px;bottom:23px;display:flex;gap:12px;align-items:center}.process-controls label{font-size:12px;display:flex;gap:12px;align-items:center;margin-right:auto}.process-controls output{font-variant-numeric:tabular-nums;color:#9fdae2}.process-controls input{width:120px;accent-color:#df3746}.process-controls .demo-button{min-height:36px;font-size:12px}.process-diagram #process-stream{animation:processFlow 2s linear infinite}.vision-view>picture>img{filter:brightness(.68) saturate(.72)}.vision-view:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030304e6,transparent 56%,#03030490);z-index:-1;pointer-events:none}.camera-reticle{position:absolute;inset:80px 35px 84px;pointer-events:none;border:1px solid #ffffff12}.vision-readout{position:absolute;left:25px;bottom:89px;max-width:350px;text-shadow:0 1px 12px #000}.vision-readout>span{display:block;font-size:10px;color:#b4ced9;letter-spacing:.12em;margin-bottom:10px}.vision-readout strong{display:block;font-family:var(--display);font-size:23px;font-weight:500;line-height:1.3}.vision-readout p{font-size:14px;margin:8px 0;color:#c7d3db;max-width:300px}.vision-readout small{font-size:9px;letter-spacing:.08em;color:#f1bac0}.vision-view .vision-box{z-index:3;border-width:1px;background:repeating-linear-gradient(135deg,#ed314712 0px,#ed314712 1px,transparent 1px,transparent 8px)}.vision-view .vision-box>span{font-size:10px;letter-spacing:.08em}.vision-view .viewer-bottom>span{font-size:10px!important}
@keyframes processFlow{to{stroke-dashoffset:-38}}@keyframes partTravel{to{stroke-dashoffset:-604}}
@media(max-width:1000px){.process-controls{gap:8px}.process-controls label{gap:7px;flex-wrap:wrap;max-width:180px}.process-controls input{width:100px}.process-stats{gap:10px}.process-stats strong{font-size:23px}.process-stats span{font-size:9px}.workcell-info{max-width:260px}.enhanced-viewer .viewer-head{flex-wrap:wrap}.model-view .scene-status{top:108px}.model-toolbar{right:20px}.plan-scroll{top:102px}.enhanced-viewer .viewer-bottom .button{font-size:12px;gap:10px;padding:10px 13px}.vision-readout strong{font-size:20px}}
@media(max-width:700px){.workflow-section,.industries-section{background:#070709}.hero-shade{background:linear-gradient(180deg,#030304 0%,#030304fa 35%,#03030422 68%,#030304dd 88%,#030304 100%)}.global-shade{background:linear-gradient(180deg,#030304 0%,#030304f5 35%,#03030436 67%,#0303042e 100%)}.enhanced-viewer{height:510px}.enhanced-viewer .viewer-head{left:13px;right:13px;top:13px;gap:8px}.enhanced-viewer .viewer-code{font-size:10px!important}.enhanced-viewer .view-toggle button{font-size:11px!important;padding:5px 9px;min-height:34px}.photo-workcell>picture>img{object-position:50% center}.workcell-info{left:17px;top:104px;max-width:260px}.workcell-info strong{font-size:21px}.workcell-info>span:last-child{font-size:12px}.enhanced-viewer .viewer-bottom{left:16px;right:16px;bottom:18px;align-items:center}.enhanced-viewer .viewer-bottom>span{font-size:9px!important;max-width:115px}.enhanced-viewer .viewer-bottom .button{max-width:210px;font-size:12px;min-height:42px;line-height:1.4;padding:9px 12px}.inspection-note{left:14px;right:14px;bottom:77px;padding:19px}.inspection-note h4{font-size:19px}.inspection-note p{font-size:13px}.model-toolbar{left:14px;right:14px;bottom:67px;gap:6px}.model-toolbar button{font-size:11px;min-height:35px;flex:1;padding:5px 7px}.model-view .scene-status{top:102px;left:15px;font-size:9px;max-width:300px}.model-view .scene-instructions{font-size:9px;left:15px;bottom:30px;max-width:185px}.model-view .scene-tools{right:14px}.plan-scroll{inset:100px 8px 60px;display:block}.cell-plan{width:730px;min-width:730px;max-width:none;height:345px}.plan-legend{left:16px;right:16px;flex-wrap:wrap;font-size:9px;gap:6px 15px}.plan-view:after{content:'SWIPE TO EXPLORE THE PLAN →';position:absolute;top:86px;left:16px;font-size:9px;color:#afc4cd}.scada-view{height:650px!important}.process-stats{top:62px;left:16px;right:16px;gap:15px 25px;grid-template-columns:repeat(2,1fr)}.process-stats strong{font-size:26px}.process-stats span{font-size:10px}.process-stats .process-state{font-size:16px}.process-scroll{inset:228px 0 142px;display:block}.process-diagram{width:710px;min-width:710px;max-width:none;height:265px}.process-trend{left:16px;right:16px;bottom:94px;gap:9px}.process-trend>span{min-width:90px}.process-controls{left:16px;right:16px;bottom:16px;gap:8px;flex-wrap:wrap}.process-controls label{max-width:none;flex-basis:100%;gap:12px}.process-controls input{flex:1;min-width:90px}.process-controls .demo-button{flex:1;font-size:11px;min-height:34px}.scada-view:after{content:'SWIPE PROCESS DIAGRAM →';position:absolute;top:215px;right:16px;font-size:9px;color:#99b5c5}.vision-readout{left:17px;bottom:90px;max-width:280px}.vision-readout strong{font-size:20px}.vision-readout p{font-size:12px;max-width:260px}.vision-readout small{font-size:8px}.vision-view .vision-controls{max-width:none;gap:4px}.vision-controls .demo-button{font-size:11px;padding:6px 7px}.vision-view .viewer-bottom>span{max-width:80px!important;font-size:9px!important}.vision-view .vision-box>span{font-size:9px;letter-spacing:0}.vision-view>picture>img{object-position:65% center}.vision-view .camera-reticle{inset:90px 16px 80px}}
@media(max-width:1000px){.hero-scene-control{right:32px;width:380px;bottom:108px}.viewer{height:490px}.showcase-shell{grid-template-columns:170px minmax(0,1fr);gap:22px}}
@media(max-width:700px){.hero{height:1020px}.hero-visual{background-size:auto 650px!important;background-position:62% 77%!important}.hero-shade{background:linear-gradient(180deg,#080a0d 0%,#080a0df7 35%,#080a0d22 68%,#080a0ddd 88%,#080a0d 100%)}.hero-scene-control{left:20px;right:20px;bottom:102px;width:auto}#hero-scene-caption{font-size:14px;margin-bottom:12px}#hero-scene-caption>span{font-size:11px}.hero-scenes{gap:18px}.hero-scenes button{font-size:13px;padding:12px 0}.hero-scenes button>span{margin-bottom:3px}.showcase-shell{display:block}.viewer{height:470px}.hero-footer{bottom:25px}}
@media(max-width:700px){.photo-workcell .hotspot{top:auto!important;bottom:85px;width:38px;height:38px}.photo-workcell .hotspot[data-inspect="0"]{left:calc(50% - 65px)!important}.photo-workcell .hotspot[data-inspect="1"]{left:calc(50% - 19px)!important}.photo-workcell .hotspot[data-inspect="2"]{left:calc(50% + 27px)!important}}
.process-scroll,.plan-scroll{overflow-y:hidden}