/* Optical motion: decorative, pausable, and disabled without JavaScript. */
.site-header.unified-header .motion-toggle{font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;gap:10px;background:#edf7fc;color:#28546e;border:1px solid #c5deec;border-radius:10px;box-shadow:none;white-space:nowrap}
.motion-toggle:disabled{opacity:.65;cursor:default}
.site-header.unified-header .motion-toggle:hover{background:#dceff9;box-shadow:none;border-color:#86bddc}
.motion-toggle[hidden]{display:none!important}.motion-toggle>span:first-child{display:inline-grid;place-items:center;width:20px;height:20px;font-size:12px;color:#0a7dab}
.motion-toggle[aria-pressed="true"]>span:first-child{color:#6c8190}.motion-toggle:focus-visible{outline:3px solid #168bc8;outline-offset:3px}
.vision-orbit{position:absolute;inset:4% 11%;z-index:2;pointer-events:none;opacity:.62;display:grid;place-items:center}
.vision-orbit svg{width:100%;height:100%;overflow:visible}.vision-orbit circle{fill:none;stroke:#2999c6;stroke-width:.6}.vision-orbit circle:nth-child(2){stroke:#7dcce8;stroke-width:.35}.vision-orbit circle:last-child{fill:#2999c6;stroke:none}
.vision-scan{animation:none;opacity:0}.home-page .hero-grid:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,transparent 30%,#34a5d77a 49%,transparent 65%);pointer-events:none}
.motion-active.hero-in-view:not(.motion-suspended) .vision-scan{top:0;height:24%;animation:optical-sweep 6s ease-in-out infinite}
.motion-active:not(.motion-suspended) [data-motion-visible="true"] .vision-orbit svg{animation:optical-orbit 25s linear infinite}
.motion-active.hero-in-view:not(.motion-suspended) .hero-grid:after{animation:grid-light 14s ease-in-out infinite}
.motion-active:not(.motion-suspended) .application-diagram{overflow:hidden}
.motion-active:not(.motion-suspended) [data-motion-visible="true"] .application-diagram:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,#5fd6fa16 50%,transparent 60%);animation:diagram-pass 7s ease-in-out infinite}
.motion-active:not(.motion-suspended) [data-motion-visible="true"] .application-diagram svg circle:last-child{animation:optical-pulse 3.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.motion-active:not(.motion-suspended) .direction-card:hover .direction-visual svg,.motion-active:not(.motion-suspended) .direction-card:focus-visible .direction-visual svg{animation:equipment-float 3.5s ease-in-out infinite}
.motion-active:not(.motion-suspended) .direction-highspeed:hover .direction-visual svg path{stroke-dasharray:14 7;animation:signal-travel 1.8s linear infinite}
.motion-active [data-motion-tilt]{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,box-shadow .35s ease}
.motion-active .direction-card[data-motion-tilt]:hover{transform:perspective(1100px) translateY(-7px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.motion-paused .vision-orbit svg,.motion-paused .vision-scan,.motion-paused .direction-visual svg,.motion-paused .direction-visual svg path,.motion-paused .application-diagram svg circle{animation:none!important}
.motion-paused [data-motion-tilt]{transform:none!important;transition:none!important}.motion-paused .reveal-item{opacity:1;transform:none;transition:none}
.motion-paused .unified-header nav:before,.motion-paused .unified-header nav a,.motion-paused .direction-card,.motion-paused .application-panels article{animation:none!important;transition:none!important}
.motion-paused .reveal-item{animation:none!important}
.motion-active:not(.motion-suspended) .model-row{transition:transform .2s,background .2s,box-shadow .2s}
.motion-active:not(.motion-suspended) .model-row:hover{transform:translateX(3px);box-shadow:inset 3px 0 #259dc6}
@keyframes optical-orbit{to{transform:rotate(360deg)}}
@keyframes optical-sweep{0%,12%{transform:translateY(-110%);opacity:0}20%{opacity:1}70%{transform:translateY(450%);opacity:1}80%,100%{transform:translateY(450%);opacity:0}}
@keyframes grid-light{0%,100%{transform:translateX(-75%);opacity:0}20%,75%{opacity:.5}85%{transform:translateX(75%);opacity:0}}
@keyframes diagram-pass{0%,100%{transform:translateX(-60%);opacity:0}25%,65%{opacity:1}80%{transform:translateX(60%);opacity:0}}
@keyframes optical-pulse{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}
@keyframes equipment-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes signal-travel{to{stroke-dashoffset:-42}}
@media(max-width:600px){.site-header.unified-header .motion-toggle{font-size:12px;gap:4px;padding:10px 8px}.vision-orbit{inset:5% 9%}}
@media(prefers-reduced-motion:reduce){.vision-scan,.vision-orbit svg,.hero-grid:after,.application-diagram:before,.direction-visual svg,.direction-visual svg path,.application-diagram svg circle{animation:none!important}.vision-scan,.hero-grid:after,.application-diagram:before{display:none!important}[data-motion-tilt]{transform:none!important;transition:none!important}}

[data-processing-ui][hidden]{display:none!important}.processing-switch{display:flex;align-items:center;gap:10px;margin:10px 0 22px;color:#35566d;font-size:14px}.processing-switch input{accent-color:#087bc1}.processing-callout{display:grid;grid-template-columns:1fr auto;gap:8px 25px;padding:30px 5%;background:#e8f3fa;color:#16445f;border-top:1px solid #c3dce9}.processing-callout strong{font-size:28px;grid-column:1}.processing-callout>span{grid-column:1;font-size:14px;line-height:1.6}.processing-callout b{grid-column:2;grid-row:1/4;font-size:32px;align-self:center}.processing-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#087bc1;background:#eef6fb}.processing-symbol svg{width:75px;height:65px;stroke:#087bc1;stroke-width:2}.processing-symbol small{font-size:9px;color:#5b788e}@media(max-width:600px){.processing-callout strong{font-size:23px}.processing-switch{font-size:12px}.tabs{flex-wrap:wrap}}
.processing-switch input{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:22px;flex-shrink:0;border:1px solid #9eb9c9;border-radius:20px;background:#b8cbd6;cursor:pointer;transition:background .2s}.processing-switch input:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #21455d30;transition:transform .2s}.processing-switch input:checked{background:#087bc1;border-color:#087bc1}.processing-switch input:checked:before{transform:translateX(16px)}.processing-switch input:focus-visible{outline:3px solid #4388c8;outline-offset:3px}@media(prefers-reduced-motion:reduce){.processing-switch input,.processing-switch input:before{transition:none}}
