html:has(.home-page){overflow-x:clip}.home-page{overflow-x:clip}.application-previews{position:relative;--app-sticky:96px;--app-pin-height:min(700px,calc(100svh - var(--app-sticky) - 16px))}.application-stage{position:relative}.application-pin{min-width:0}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px;gap:28px}.application-screen{min-width:0;position:relative;isolation:isolate;padding:24px;border-radius:var(--radius-card,16px);background:linear-gradient(140deg,var(--card-fill),var(--card-shade));box-shadow:0 16px 42px var(--card-shadow);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}.application-screen[data-tone=pearl]{--ink:#12344d;--muted:#3c5d74;--diagram-line:#6a9cbb;--diagram-ink:#195e94;--diagram-surface:#e5f1f9;--diagram-glass:#bcdcef75;--diagram-inverse:#fff;--diagram-water:#6cb9e680;--diagram-wash:#cbdfea;background:linear-gradient(140deg,#f6fbfff0,#d9eaf4e0);box-shadow:0 20px 46px #092c451c}.application-screen[data-tone=smoked]{--ink:#edf6ff;--muted:#bfd2e2;--diagram-line:#6d9dbd;--diagram-ink:#98d7ff;--diagram-surface:#244c68;--diagram-glass:#466e8d88;--diagram-inverse:#08243b;--diagram-water:#4f9ccb90;--diagram-wash:#16384f;background:linear-gradient(140deg,#15334bf4,#091c2ef2);box-shadow:0 20px 46px #031a2b30}:root[data-theme=dark] .application-screen[data-tone=pearl]{background:linear-gradient(140deg,#dbe9f2f2,#b7d0e1eb)}.application-screen header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.application-screen h3{font-size:20px;line-height:28px;font-weight:500}.application-screen header span{color:var(--muted);font-size:12px;line-height:20px}.application-screen .preview-demo{font-size:10px;white-space:nowrap}.application-diagram{position:relative;min-width:0;aspect-ratio:1.85;margin:18px 0 10px;overflow:hidden}.application-diagram>svg{display:block;width:100%;height:100%;margin:0}.application-screen svg text{fill:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:400}.diagram-link,.diagram-machine{fill:none;stroke:var(--diagram-line);stroke-width:1.5}.diagram-machine,.tank-body{stroke:var(--diagram-ink)}.tank-body{fill:var(--diagram-glass);stroke-width:1.5}.diagram-part{fill:var(--diagram-ink)}.tank-liquid{fill:none;stroke:var(--diagram-water);stroke-width:3;stroke-linecap:round}.mes-verify{fill:var(--diagram-ink);opacity:0;transition:opacity .3s ease}.application-screen[data-kind=mes][data-step="2"] .mes-verify,.application-screen[data-kind=mes][data-step="3"] .mes-verify{opacity:1}.mes-lot,.twin-hoist{transition:transform .25s cubic-bezier(.16,1,.3,1)}.twin-gantry{fill:var(--diagram-glass)}.application-screen .agent-link,.twin-gantry,.twin-rope{stroke:var(--diagram-ink);stroke-width:1.5}.application-screen .agent-link{fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease}.application-screen .agent-top{fill:var(--cube-top,#e7f3fb);stroke:var(--cube-outline,#3d7ea8);stroke-width:1.2}.application-screen .agent-left{fill:var(--cube-left,#8eb4cc);stroke:var(--cube-outline,#3d7ea8);stroke-width:1.2}.application-screen .agent-right{fill:var(--cube-right,#c5dced);stroke:var(--cube-outline,#3d7ea8);stroke-width:1.2}.application-screen[data-tone=smoked]{--cube-top:#6f97b4;--cube-left:#163e5c;--cube-right:#32698e;--cube-outline:#9fd0ea}.application-screen[data-step="0"] .agent-link[data-step="0"],.application-screen[data-step="1"] .agent-link[data-step="0"],.application-screen[data-step="1"] .agent-link[data-step="1"],.application-screen[data-step="2"] .agent-link[data-step="0"],.application-screen[data-step="2"] .agent-link[data-step="1"],.application-screen[data-step="2"] .agent-link[data-step="2"],.application-screen[data-step="3"] .agent-link{stroke-dashoffset:0}.puzzle-piece{transform:translate(var(--rest-x),var(--rest-y));transition:transform .7s cubic-bezier(.16,1,.3,1)}.application-screen[data-step="0"] .puzzle-piece[data-piece="0"],.application-screen[data-step="1"] .puzzle-piece[data-piece="0"],.application-screen[data-step="1"] .puzzle-piece[data-piece="1"],.application-screen[data-step="2"] .puzzle-piece[data-piece="0"],.application-screen[data-step="2"] .puzzle-piece[data-piece="1"],.application-screen[data-step="2"] .puzzle-piece[data-piece="2"],.application-screen[data-step="3"] .puzzle-piece{transform:translate(0)}.application-screen[data-kind=twin] .diagram-part{fill:#d7e4ee;stroke:#9eb4c4;stroke-width:1}.application-screen[data-kind=twin][data-coated=true] .diagram-part{fill:#141c22;stroke:#0c1218}.preview-state{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--ink);font-size:11px;line-height:18px}.preview-state>span[data-step]{display:none}.application-screen[data-step="0"] .preview-state>[data-step="0"],.application-screen[data-step="1"] .preview-state>[data-step="1"],.application-screen[data-step="2"] .preview-state>[data-step="2"],.application-screen[data-step="3"] .preview-state>[data-step="3"]{display:block}.preview-status-light{width:5px;height:5px;border-radius:50%;background:var(--diagram-ink)}.preview-progress{margin-left:auto;width:52px;height:2px;background:var(--diagram-glass);overflow:hidden}.preview-progress i{display:block;width:100%;height:100%;background:var(--diagram-ink);transform:scaleX(var(--diagram-travel,0));transform-origin:left}.application-caption{display:flex;justify-content:space-between;align-items:center;gap:16px}.application-caption p{color:var(--muted);font-size:13px;line-height:22px;max-width:34ch}.application-caption a{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;color:var(--ink);border-radius:50%;background:var(--diagram-glass)}.application-caption a:hover{background:var(--diagram-surface)}.application-screen .application-caption svg{width:20px;height:20px;margin:0}.application-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.application-tabs button{min-height:44px;padding:8px 16px;border:0;border-radius:var(--radius-control,8px);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.application-tabs button[aria-pressed=true]{color:var(--ink);background:var(--card-fill);box-shadow:0 6px 20px var(--card-shadow)}.application-disclaimer{margin-top:20px;font-size:11px;color:var(--muted);text-align:center}.application-dots{display:none;justify-content:center;gap:8px;padding:12px}.application-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.3}.application-dots span[data-on=true]{opacity:1;background:var(--blue)}.application-previews[data-arc=on] .application-stage{height:calc(var(--app-pin-height) + 780px);overflow:visible}.application-previews[data-arc=on] .application-pin{position:-webkit-sticky;position:sticky;top:var(--app-sticky);height:var(--app-pin-height);display:flex;flex-direction:column;justify-content:center;overflow:clip}.application-previews[data-arc=on] .application-grid{position:relative;display:block;flex:1 1;min-height:0;width:100%;perspective:1350px;perspective-origin:50% 45%;overflow:clip;isolation:isolate}.application-previews[data-arc=on] .application-screen{position:absolute;left:50%;top:50%;width:clamp(340px,44vw,490px);margin:0;transform-origin:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.application-previews[data-arc=on] .application-dots{display:flex}.application-previews[data-arc=off] .application-stage{height:auto}.application-previews[data-arc=off] .application-screen{transform:none!important;opacity:1!important}@media(max-width:767px){.application-previews{--app-sticky:72px}.application-grid{grid-template-columns:1fr;gap:20px}.application-screen{padding:18px 16px}.application-screen h3{font-size:18px}.application-screen header span{font-size:10px}.application-diagram{aspect-ratio:1.6;margin:16px 0 8px}.application-caption p{font-size:12px;line-height:20px}.application-tabs{gap:4px;margin-bottom:6px}.application-tabs button{padding:8px 10px;font-size:13px}.application-previews[data-arc=on] .application-screen{width:calc(100% - 36px);max-width:410px}}@media(max-height:620px){.application-previews{--app-pin-height:calc(100svh - var(--app-sticky) - 4px)}.application-screen{padding:12px 16px}.application-diagram{aspect-ratio:2.3;margin:8px 0}.application-caption p{font-size:11px;line-height:18px}.application-tabs{margin-bottom:0}.application-dots{padding:6px}}@media(prefers-reduced-motion:reduce){.application-previews *{animation:none!important;transition:none!important}}@media(forced-colors:active){.application-screen[data-tone]{background:Canvas;--ink:CanvasText;--muted:CanvasText;--diagram-ink:CanvasText;--diagram-line:CanvasText;--diagram-surface:Canvas;--diagram-glass:Canvas;outline:1px solid CanvasText}}@media(prefers-reduced-transparency:reduce){.application-screen[data-tone=pearl]{background:#e6f0f7;-webkit-backdrop-filter:none;backdrop-filter:none}.application-screen[data-tone=smoked]{background:#10293e;-webkit-backdrop-filter:none;backdrop-filter:none}}.application-previews[data-compact=true] .application-stage{height:auto;overflow:visible}.application-previews[data-compact=true] .application-pin{position:relative;top:auto;height:auto;overflow:visible;touch-action:pan-y}.application-previews[data-compact=true] .application-grid{display:block;flex:none;overflow:visible;perspective:none}.application-previews[data-compact=true] .application-screen{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none!important;will-change:auto}.application-previews .application-screen[hidden]{display:none!important}.application-previews[data-compact=true] .application-dots{display:none}.mes-evidence-strip,.mes-order,.mes-station-panel{fill:var(--diagram-glass);stroke:var(--diagram-line);stroke-width:1}.application-screen svg .mes-kicker{font-size:9px;letter-spacing:1px;fill:var(--muted)}.application-screen svg .mes-order-id{font-size:20px;font-weight:500;letter-spacing:1px}.application-screen svg .mes-stage-copy{font-size:12px}.mes-record-node circle{fill:var(--diagram-surface);stroke:var(--diagram-line);stroke-width:1.3}.mes-evidence path,.mes-record-node path,.mes-release path{fill:none;stroke:var(--diagram-ink);stroke-width:1.7}.mes-evidence,.mes-record-node path,.mes-release{opacity:0;transition:opacity .3s}.application-screen[data-step="0"][data-recorded=true] [data-record="0"] path,.application-screen[data-step="1"] [data-record="0"] path,.application-screen[data-step="1"][data-recorded=true] [data-record="1"] path,.application-screen[data-step="2"] [data-record="0"] path,.application-screen[data-step="2"] [data-record="1"] path,.application-screen[data-step="2"][data-recorded=true] .mes-evidence,.application-screen[data-step="2"][data-recorded=true] [data-record="2"] path,.application-screen[data-step="3"] .mes-evidence,.application-screen[data-step="3"] .mes-record-node:not([data-record="3"]) path,.application-screen[data-step="3"][data-recorded=true] .mes-release,.application-screen[data-step="3"][data-recorded=true] [data-record="3"] path{opacity:1}.application-screen svg .mes-evidence text,.application-screen svg .mes-release text{font-size:10px}.mes-handoff,.mes-inspection{fill:none;stroke:var(--diagram-ink);stroke-width:1.5;opacity:0}.mes-handoff{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mes-work,0))}.mes-handoff-dot{fill:var(--diagram-ink);opacity:0}.application-screen[data-step="1"] .mes-handoff,.application-screen[data-step="2"] .mes-handoff{opacity:.6}.application-screen[data-step="1"][data-recorded=false] .mes-handoff-dot,.application-screen[data-step="2"][data-recorded=false] .mes-handoff-dot{opacity:.8}.application-screen[data-step="1"] .mes-operation-tool{transform:translateY(calc(var(--mes-work,0)*4px))}.application-screen[data-step="2"] .mes-inspection{opacity:.85;transform:translateY(calc(var(--mes-work,0)*30px))}.preview-status-copy{font-size:12px}@media(prefers-reduced-motion:reduce){.application-previews[data-arc=on] .application-stage{height:auto;overflow:visible}.application-previews[data-arc=on] .application-pin{position:relative;top:auto;height:auto;overflow:visible}.application-previews[data-arc=on] .application-grid{display:block;flex:none;overflow:visible;perspective:none}.application-previews[data-arc=on] .application-screen{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none!important}.application-previews .application-screen:not([data-focused]),.application-previews[data-arc=on] .application-dots{display:none}}.application-previews:not([data-gallery-ready]) .application-screen:not([data-focused]){visibility:hidden}@media{.application-previews[data-arc=on][data-compact=false] .application-pin,.application-previews[data-arc=on][data-compact=false] .application-stage{position:relative;top:auto;height:auto;overflow:visible;touch-action:auto}.application-previews[data-arc=on][data-compact=false] .application-grid{display:flex;align-items:center;gap:var(--study-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;padding:18px 0 32px;perspective:none;touch-action:auto}.application-previews[data-arc=on][data-compact=false] .application-screen{position:relative;left:auto;top:auto;flex:0 0 var(--screen-width);scroll-snap-align:center}.application-previews[data-arc=on][data-compact=false] .application-screen:first-child{-webkit-margin-start:calc((100% - var(--screen-width))/2);margin-inline-start:calc((100% - var(--screen-width))/2)}.application-previews[data-arc=on][data-compact=false] .application-screen:last-child{-webkit-margin-end:calc((100% - var(--screen-width))/2);margin-inline-end:calc((100% - var(--screen-width))/2)}.application-caption p,.preview-status-copy{font-size:14px}}@media(max-width:767px){.application-previews{--screen-width:82%;--study-gap:8px}.application-previews[data-arc=on][data-compact=false] .application-grid{gap:8px;padding-block:8px 16px}.application-previews[data-arc=on][data-compact=false] .application-screen{display:block;max-width:none;-webkit-backdrop-filter:none;backdrop-filter:none}.application-previews .application-tabs{order:2;margin:4px 0 0}.application-previews .application-tabs button{min-height:44px;padding-inline:8px}.application-previews[data-arc=on][data-compact=false] .application-screen:not([data-focused]){display:block}.site-presentation .application-previews[data-arc=on][data-compact=false] .application-screen{will-change:auto}}@media(pointer:fine){.application-previews[data-arc=on][data-compact=false] .application-grid{scroll-snap-type:none}}.application-screen .scada-chart-grid{fill:none;stroke:var(--diagram-line);opacity:.44}.application-screen .scada-trace{fill:none;stroke:var(--diagram-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--diagram-travel,0))}@media(pointer:fine){.application-grid[data-dragging=true],.application-grid[data-dragging=true] *{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}}