.zao-page section{position:relative;isolation:isolate;overflow:hidden}.zao-page section>.container{position:relative;z-index:2}
.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion{position:absolute;z-index:1;top:100px;right:max(22px,calc((100vw - 1370px)/2));box-sizing:border-box;width:280px;height:150px;overflow:clip;contain:layout paint;pointer-events:none}
.zao-sunsetfield-motion *,.zao-cropcorridor-motion *,.zao-dampedcapture-motion *,.zao-pressureform-motion *,.zao-compliancebridge-motion *,.zao-loadrail-motion *,.zao-opticalcalc-motion *,.zao-staticorganizer-motion *,.zao-impedancefield-motion *,.zao-towercode-motion *{box-sizing:border-box}
.zao-sunsetfield-motion svg,.zao-pressureform-motion svg,.zao-staticorganizer-motion svg,.zao-impedancefield-motion svg,.zao-towercode-motion svg{display:block;width:280px;height:150px}

/* 1. Geometry is fixed. Only four gradient stops change material/color. */
.zao-sunsetfield-motion{opacity:.46}.zao-sunsetfield-motion .zao-skyline-far{fill:#625d68;fill-opacity:.68}.zao-sunsetfield-motion .zao-skyline-mid{fill:#403e48;fill-opacity:.87}.zao-sunsetfield-motion .zao-skyline-near{fill:#24242b}.zao-sunsetfield-motion .zao-route-west{fill:#fff0c8;fill-opacity:.75}.zao-sunsetfield-motion .zao-route-east{fill:#c99648;fill-opacity:.8}.zao-sunsetfield-motion .zao-sunset-horizon{fill:none;stroke:#f8dfac;stroke-width:4}
[data-motion="zao-sunsetfield"].is-motion-active .zao-sunset-stop-a{animation:zaoSkyStopUpperMatter 7.31s ease-in-out infinite}[data-motion="zao-sunsetfield"].is-motion-active .zao-sunset-stop-b{animation:zaoSkyStopVioletMatter 6.71s ease-in-out infinite}[data-motion="zao-sunsetfield"].is-motion-active .zao-sunset-stop-c{animation:zaoSkyStopCoralMatter 6.13s ease-in-out infinite}[data-motion="zao-sunsetfield"].is-motion-active .zao-sunset-stop-d{animation:zaoSkyStopGoldMatter 5.59s ease-in-out infinite}
@keyframes zaoSkyStopUpperMatter{0%,12%,100%{stop-color:#302b4b;stop-opacity:.86}47%,74%{stop-color:#172d49;stop-opacity:1}86%{stop-color:#49344f;stop-opacity:.73}}
@keyframes zaoSkyStopVioletMatter{0%,21%,100%{stop-color:#8a4960;stop-opacity:.78}53%,81%{stop-color:#bd4d58;stop-opacity:.96}}
@keyframes zaoSkyStopCoralMatter{0%,17%,100%{stop-color:#e48258;stop-opacity:.82}44%,66%{stop-color:#cf5b47;stop-opacity:1}83%{stop-color:#ed9b61;stop-opacity:.91}}
@keyframes zaoSkyStopGoldMatter{0%,28%,100%{stop-color:#f0c77a;stop-opacity:.74}57%,84%{stop-color:#ffe8ad;stop-opacity:1}}

/* 2. Four independent frames are static; only the photographic crop moves inside each aperture. */
.zao-cropcorridor-motion{opacity:.43;background:#292a30}.zao-cropcorridor-motion>b{position:absolute;left:10px;top:12px;width:260px;height:126px;background:linear-gradient(105deg,#d45141,#c7984a);clip-path:polygon(0 0,100% 10%,91% 100%,8% 91%)}
.zao-cropcorridor-motion>i{position:absolute;z-index:2;left:18px;top:19px;width:54px;height:112px;overflow:hidden;border:5px solid #f5e6cb}.zao-cropcorridor-motion>i:nth-of-type(2){left:82px;top:31px;width:52px;height:88px;border-color:#d45845}.zao-cropcorridor-motion>i:nth-of-type(3){left:145px;top:43px;width:50px;height:64px;border-color:#e5bd6c}.zao-cropcorridor-motion>i:nth-of-type(4){left:206px;top:55px;width:49px;height:40px;border-color:#55c4ca}
.zao-cropcorridor-motion img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.55) contrast(1.1)}.zao-cropcorridor-motion>span{position:absolute;z-index:3;width:7px;height:7px;background:#fff}.zao-cropcorridor-motion>span:nth-of-type(1){left:21px;top:22px}.zao-cropcorridor-motion>span:nth-of-type(2){left:85px;top:34px}.zao-cropcorridor-motion>span:nth-of-type(3){left:148px;top:46px}.zao-cropcorridor-motion>span:nth-of-type(4){left:209px;top:58px}
[data-motion="zao-cropcorridor"].is-motion-active .zao-cropcorridor-motion>i:nth-of-type(1)>img{animation:zaoCropWindowTall 6.43s ease-in-out infinite}[data-motion="zao-cropcorridor"].is-motion-active .zao-cropcorridor-motion>i:nth-of-type(2)>img{animation:zaoCropWindowOffset 7.03s ease-in-out infinite}[data-motion="zao-cropcorridor"].is-motion-active .zao-cropcorridor-motion>i:nth-of-type(3)>img{animation:zaoCropWindowCross 5.87s ease-in-out infinite}[data-motion="zao-cropcorridor"].is-motion-active .zao-cropcorridor-motion>i:nth-of-type(4)>img{animation:zaoCropWindowTerminal 6.19s ease-in-out infinite}
@keyframes zaoCropWindowTall{0%,14%,100%{object-position:21% 17%;filter:saturate(.45) contrast(1.04)}49%,78%{object-position:74% 83%;filter:saturate(1.18) contrast(1.24)}}
@keyframes zaoCropWindowOffset{0%,23%,100%{object-position:83% 26%;filter:blur(0) brightness(.72)}55%,82%{object-position:29% 69%;filter:blur(1.4px) brightness(1.12)}}
@keyframes zaoCropWindowCross{0%,18%,100%{object-position:17% 72%;filter:hue-rotate(0deg) saturate(.64)}46%,71%{object-position:88% 34%;filter:hue-rotate(-13deg) saturate(1.31)}}
@keyframes zaoCropWindowTerminal{0%,31%,100%{object-position:67% 84%;filter:sepia(.24) contrast(.86)}62%,87%{object-position:38% 18%;filter:sepia(0) contrast(1.33)}}

/* 3. Damped capture, not a looping symmetric pendulum: amplitude collapses and the last 32% is a magnetic hold. */
.zao-dampedcapture-motion{opacity:.43}.zao-dampedcapture-motion>b{position:absolute;left:20px;top:16px;width:240px;height:11px;background:#25272b;border:3px solid #f4dfbd}.zao-dampedcapture-motion>i{position:absolute;z-index:3;left:35px;top:38px;width:58px;height:62px;background:#d95743;border:5px solid #fff0d6;transform-origin:48% -22px}.zao-dampedcapture-motion>i:nth-of-type(2){left:111px;background:#c79c52}.zao-dampedcapture-motion>i:nth-of-type(3){left:187px;background:#3d777d}.zao-dampedcapture-motion>i>span{position:absolute;left:22px;top:-27px;width:4px;height:27px;background:#f4dfbd}.zao-dampedcapture-motion>u{position:absolute;left:50px;top:114px;width:28px;height:10px;background:#413f43;outline:5px solid transparent;outline-offset:2px;text-decoration:none}.zao-dampedcapture-motion>u:nth-of-type(2){left:126px}.zao-dampedcapture-motion>u:nth-of-type(3){left:202px}
[data-motion="zao-dampedcapture"].is-motion-active .zao-dampedcapture-motion>i:nth-of-type(1){animation:zaoCapturePanelLeft 7.13s ease-out infinite}[data-motion="zao-dampedcapture"].is-motion-active .zao-dampedcapture-motion>i:nth-of-type(2){animation:zaoCapturePanelCenter 7.51s ease-out infinite}[data-motion="zao-dampedcapture"].is-motion-active .zao-dampedcapture-motion>i:nth-of-type(3){animation:zaoCapturePanelRight 7.89s ease-out infinite}[data-motion="zao-dampedcapture"].is-motion-active .zao-dampedcapture-motion>u{animation:zaoCaptureStopColor 7.51s steps(1,end) infinite}
@keyframes zaoCapturePanelLeft{0%{transform-origin:43% -22px;rotate:-10deg}18%{transform-origin:57% -16px;rotate:7deg}34%{transform-origin:47% -10px;rotate:-4deg}49%{transform-origin:53% -5px;rotate:2deg}64%,100%{transform-origin:50% 0;rotate:0deg}}
@keyframes zaoCapturePanelCenter{0%{transform-origin:61% -20px;rotate:8deg}22%{transform-origin:39% -14px;rotate:-5deg}39%{transform-origin:55% -8px;rotate:3deg}54%{transform-origin:48% -3px;rotate:-1deg}69%,100%{transform-origin:50% 0;rotate:0deg}}
@keyframes zaoCapturePanelRight{0%{transform-origin:46% -24px;rotate:-7deg}25%{transform-origin:64% -13px;rotate:4deg}42%{transform-origin:41% -7px;rotate:-2deg}58%{transform-origin:52% -2px;rotate:1deg}72%,100%{transform-origin:50% 0;rotate:0deg}}
@keyframes zaoCaptureStopColor{0%,56%,100%{outline-color:transparent;background-color:#413f43}57%,73%{outline-color:#d95743;background-color:#6c423b}74%,99%{outline-color:#f1c56d;background-color:#f1c56d}}

/* 4. Fixed canisters become alternately round/flat under pressure; card copy resolves without feeding or folding. */
.zao-pressureform-motion{opacity:.44}.zao-pressureform-motion .zao-pressure-channel{fill:none;stroke:#77747a;stroke-width:6;stroke-linejoin:bevel}.zao-pressureform-motion rect[class^="zao-canister"]{fill:#d65341;stroke:#fff;stroke-width:4}.zao-pressureform-motion .zao-canister-b{fill:#c8994d}.zao-pressureform-motion .zao-canister-c{fill:#408086}.zao-pressureform-motion .zao-canister-d{fill:#705b75}.zao-pressureform-motion .zao-request-card{fill:#f4ead8;stroke:#303136;stroke-width:7;stroke-linejoin:round}.zao-pressureform-motion .zao-request-copy{fill:#292a2e;font:900 8px/1 system-ui;letter-spacing:.5px;word-spacing:7px}
[data-motion="zao-pressureform"].is-motion-active .zao-canister-a{animation:zaoCanisterWallAlpha 5.43s ease-in-out infinite}[data-motion="zao-pressureform"].is-motion-active .zao-canister-b{animation:zaoCanisterWallBeta 6.01s ease-in-out infinite}[data-motion="zao-pressureform"].is-motion-active .zao-canister-c{animation:zaoCanisterWallGamma 6.59s ease-in-out infinite}[data-motion="zao-pressureform"].is-motion-active .zao-canister-d{animation:zaoCanisterWallDelta 7.17s ease-in-out infinite}[data-motion="zao-pressureform"].is-motion-active .zao-request-copy{animation:zaoRequestWordsResolve 6.37s steps(3,end) infinite}
@keyframes zaoCanisterWallAlpha{0%,14%,100%{rx:12px;ry:12px;stroke-width:4px}48%,76%{rx:3px;ry:10px;stroke-width:7px}}
@keyframes zaoCanisterWallBeta{0%,22%,100%{rx:12px;ry:12px;fill-opacity:.58}55%,82%{rx:17px;ry:4px;fill-opacity:1}}
@keyframes zaoCanisterWallGamma{0%,18%,100%{rx:12px;ry:12px;stroke-opacity:.45}51%,79%{rx:5px;ry:18px;stroke-opacity:1}}
@keyframes zaoCanisterWallDelta{0%,29%,100%{rx:12px;ry:12px;stroke-width:4px;fill-opacity:.76}62%,86%{rx:20px;ry:2px;stroke-width:2px;fill-opacity:1}}
@keyframes zaoRequestWordsResolve{0%,17%,100%{word-spacing:7px;letter-spacing:.5px;fill:#292a2e}43%{word-spacing:1px;letter-spacing:1.4px;fill:#a43f36}72%{word-spacing:4px;letter-spacing:0;fill:#37757a}}

/* 5. Static caliper silhouette; four-point compliance bridge measures by minimum probe length. */
.zao-compliancebridge-motion{opacity:.43}.zao-compliancebridge-motion>b{position:absolute;left:26px;top:71px;width:228px;height:8px;background:repeating-linear-gradient(90deg,#fff 0 3px,#414247 3px 9px);border-block:2px solid #c99a4d}.zao-compliancebridge-motion>i{position:absolute;left:47px;top:38px;width:18px;height:68px;border-left:8px solid #d65341;border-bottom:8px solid #d65341}.zao-compliancebridge-motion>i:nth-of-type(2){left:auto;right:47px;border-left:0;border-right:8px solid #f1d29c;border-bottom-color:#f1d29c}.zao-compliancebridge-motion>span{position:absolute;left:78px;bottom:80px;width:7px;height:auto;min-height:19px;background:#f0bc63;border-radius:4px 4px 0 0}.zao-compliancebridge-motion>span:nth-of-type(2){left:116px;background:#d65341}.zao-compliancebridge-motion>span:nth-of-type(3){left:154px;background:#e9e5dc}.zao-compliancebridge-motion>span:nth-of-type(4){left:192px;background:#4bcbd0}.zao-compliancebridge-motion>em{position:absolute;left:91px;top:101px;width:98px;height:24px;background:repeating-linear-gradient(90deg,#d65341 0 7px,#292a2e 7px 13px);border:4px solid #fff}.zao-compliancebridge-motion>u{position:absolute;left:137px;top:31px;width:6px;height:100px;background:#77747a;text-decoration:none}
[data-motion="zao-compliancebridge"].is-motion-active .zao-compliancebridge-motion>span:nth-of-type(1){animation:zaoComplianceProbeA 5.11s ease-in-out infinite}[data-motion="zao-compliancebridge"].is-motion-active .zao-compliancebridge-motion>span:nth-of-type(2){animation:zaoComplianceProbeB 5.73s ease-in-out infinite}[data-motion="zao-compliancebridge"].is-motion-active .zao-compliancebridge-motion>span:nth-of-type(3){animation:zaoComplianceProbeC 6.37s ease-in-out infinite}[data-motion="zao-compliancebridge"].is-motion-active .zao-compliancebridge-motion>span:nth-of-type(4){animation:zaoComplianceProbeD 7.01s ease-in-out infinite}
@keyframes zaoComplianceProbeA{0%,13%,100%{min-block-size:19px;border-radius:4px 4px 0 0}47%,74%{min-block-size:42px;border-radius:11px 11px 0 0}}
@keyframes zaoComplianceProbeB{0%,21%,100%{min-block-size:23px;filter:contrast(.66)}53%,81%{min-block-size:35px;filter:contrast(1.48)}}
@keyframes zaoComplianceProbeC{0%,17%,100%{min-block-size:16px;outline:0 solid transparent}49%,78%{min-block-size:47px;outline:4px solid #e9e5dc}}
@keyframes zaoComplianceProbeD{0%,29%,100%{min-block-size:27px;inline-size:7px}61%,86%{min-block-size:38px;inline-size:12px}}

/* 6. Beam is permanently level. Four cells redistribute horizontal compliance via flex-grow/min-inline-size. */
.zao-loadrail-motion{opacity:.44}.zao-loadrail-motion>b{position:absolute;left:126px;top:92px;width:28px;height:35px;background:#d65743;clip-path:polygon(50% 0,100% 100%,0 100%)}.zao-loadrail-motion>i{position:absolute;left:29px;top:78px;width:222px;height:11px;background:#f2e6d1;border:3px solid #3c3d41}.zao-loadrail-motion>div{position:absolute;left:43px;top:37px;display:flex;align-items:flex-end;width:194px;height:38px;gap:4px}.zao-loadrail-motion span{flex:1 1 0;min-width:29px;height:25px;background:#c99b4e;clip-path:circle(48%)}.zao-loadrail-motion span:nth-child(2){height:31px;background:#d65743;clip-path:inset(0)}.zao-loadrail-motion span:nth-child(3){height:21px;background:#498287;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.zao-loadrail-motion span:nth-child(4){height:35px;background:#f3e6d0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.zao-loadrail-motion>em{position:absolute;left:91px;top:112px;width:98px;height:17px;border:5px solid #3c3d41;border-radius:9px;background:linear-gradient(90deg,#d65743 0 24%,#f1c36f 25% 75%,#48878b 76%)}.zao-loadrail-motion>u{position:absolute;left:134px;top:116px;width:12px;height:9px;background:#fff;border-radius:50%;text-decoration:none}
[data-motion="zao-loadrail"].is-motion-active .zao-loadrail-motion span:nth-child(1){animation:zaoLoadCellRound 6.31s ease-in-out infinite}[data-motion="zao-loadrail"].is-motion-active .zao-loadrail-motion span:nth-child(2){animation:zaoLoadCellSquare 6.31s ease-in-out infinite}[data-motion="zao-loadrail"].is-motion-active .zao-loadrail-motion span:nth-child(3){animation:zaoLoadCellTrapezoid 6.31s ease-in-out infinite}[data-motion="zao-loadrail"].is-motion-active .zao-loadrail-motion span:nth-child(4){animation:zaoLoadCellDiamond 6.31s ease-in-out infinite}
@keyframes zaoLoadCellRound{0%,11%{flex-grow:2.7;min-inline-size:45px}33%,64%{flex-grow:.62;min-inline-size:29px}79%,100%{flex-grow:1;min-inline-size:39px}}
@keyframes zaoLoadCellSquare{0%,19%{flex-grow:.58;min-inline-size:29px}41%,67%{flex-grow:2.45;min-inline-size:47px}82%,100%{flex-grow:1;min-inline-size:39px}}
@keyframes zaoLoadCellTrapezoid{0%,27%{flex-grow:1.9;min-inline-size:42px}49%,71%{flex-grow:.71;min-inline-size:30px}85%,100%{flex-grow:1;min-inline-size:39px}}
@keyframes zaoLoadCellDiamond{0%,36%{flex-grow:.66;min-inline-size:29px}57%,76%{flex-grow:2.3;min-inline-size:46px}88%,100%{flex-grow:1;min-inline-size:39px}}

/* 7. Fixed calculation mosaic: each translucent plate changes only optical response to the board behind it. */
.zao-opticalcalc-motion{opacity:.44;background:linear-gradient(135deg,#d65341 0 32%,#f2c878 33% 65%,#357981 66%)}.zao-opticalcalc-motion>b{position:absolute;left:54px;top:24px;width:172px;height:102px;background:repeating-linear-gradient(135deg,#2d2e32 0 12px,#eee4d2 12px 18px);border:6px solid #fff}.zao-opticalcalc-motion>i{position:absolute;z-index:3;left:72px;top:34px;width:82px;height:55px;background:rgba(213,83,65,.34);border:3px solid #fff;backdrop-filter:blur(0) saturate(.7);-webkit-backdrop-filter:blur(0) saturate(.7)}.zao-opticalcalc-motion>i:nth-of-type(2){left:128px;top:31px;background:rgba(242,200,120,.3)}.zao-opticalcalc-motion>i:nth-of-type(3){left:67px;top:72px;background:rgba(53,121,129,.34)}.zao-opticalcalc-motion>i:nth-of-type(4){left:133px;top:70px;background:rgba(255,255,255,.24)}.zao-opticalcalc-motion>i>span{display:grid;width:100%;height:100%;place-content:center;color:#202126;font:950 15px/1 system-ui}.zao-opticalcalc-motion>em{position:absolute;z-index:5;left:91px;top:127px;width:98px;height:7px;background:#f5e5c8}
[data-motion="zao-opticalcalc"].is-motion-active .zao-opticalcalc-motion>i:nth-of-type(1){animation:zaoOpticPlateWarm 5.29s ease-in-out infinite}[data-motion="zao-opticalcalc"].is-motion-active .zao-opticalcalc-motion>i:nth-of-type(2){animation:zaoOpticPlateGold 5.97s ease-in-out infinite}[data-motion="zao-opticalcalc"].is-motion-active .zao-opticalcalc-motion>i:nth-of-type(3){animation:zaoOpticPlateCool 6.67s ease-in-out infinite}[data-motion="zao-opticalcalc"].is-motion-active .zao-opticalcalc-motion>i:nth-of-type(4){animation:zaoOpticPlateClear 7.37s ease-in-out infinite}
@keyframes zaoOpticPlateWarm{0%,13%,100%{backdrop-filter:blur(0) saturate(.61);-webkit-backdrop-filter:blur(0) saturate(.61)}49%,77%{backdrop-filter:blur(5px) saturate(1.72);-webkit-backdrop-filter:blur(5px) saturate(1.72)}}
@keyframes zaoOpticPlateGold{0%,22%,100%{backdrop-filter:sepia(.08) contrast(.73);-webkit-backdrop-filter:sepia(.08) contrast(.73)}55%,82%{backdrop-filter:sepia(.76) contrast(1.34);-webkit-backdrop-filter:sepia(.76) contrast(1.34)}}
@keyframes zaoOpticPlateCool{0%,18%,100%{backdrop-filter:hue-rotate(0deg) brightness(.7);-webkit-backdrop-filter:hue-rotate(0deg) brightness(.7)}47%,71%{backdrop-filter:hue-rotate(31deg) brightness(1.26);-webkit-backdrop-filter:hue-rotate(31deg) brightness(1.26)}}
@keyframes zaoOpticPlateClear{0%,29%,100%{backdrop-filter:grayscale(.83) blur(3px);-webkit-backdrop-filter:grayscale(.83) blur(3px)}62%,86%{backdrop-filter:grayscale(0) blur(.3px);-webkit-backdrop-filter:grayscale(0) blur(.3px)}}

/* 8. Stationary key/phone. Organizer columns breathe; status materials and fixed path corners change. */
.zao-staticorganizer-motion{opacity:.43}.zao-staticorganizer-motion>b{position:absolute;left:22px;top:20px;width:236px;height:112px;background:#303136;border:7px solid #eadcc3}.zao-staticorganizer-motion>div{position:absolute;z-index:2;left:31px;top:29px;display:grid;grid-auto-flow:column;grid-auto-columns:47px;gap:5px;width:218px;height:94px;overflow:hidden}.zao-staticorganizer-motion>div>i{background:#615d61;border:3px solid #8d8986}.zao-staticorganizer-motion>div>i:nth-child(2){background:#775347}.zao-staticorganizer-motion>div>i:nth-child(3){background:#3d6f75}.zao-staticorganizer-motion>div>i:nth-child(4){background:#776640}.zao-staticorganizer-motion>span{position:absolute;z-index:5;left:46px;top:48px;width:38px;height:10px;background:#f1c775;border-radius:6px;outline:4px solid transparent}.zao-staticorganizer-motion>span::after{content:"";position:absolute;right:-9px;top:3px;width:13px;height:7px;border-block:3px solid #f1c775}.zao-staticorganizer-motion>em{position:absolute;z-index:5;left:195px;top:87px;width:24px;height:31px;background:#eee4d3;border:5px solid #d65341;border-image-source:linear-gradient(#d65341,#f1c775);border-image-slice:1;border-image-width:5}.zao-staticorganizer-motion>svg{position:absolute;z-index:4;inset:0}.zao-staticorganizer-motion path{fill:none;stroke-width:5;stroke-linejoin:miter;stroke-miterlimit:2}.zao-staticorganizer-motion .zao-key-tray{stroke:#f1c775}.zao-staticorganizer-motion .zao-phone-tray{stroke:#d65341}
[data-motion="zao-staticorganizer"].is-motion-active .zao-staticorganizer-motion>div{animation:zaoOrganizerAutoColumns 6.43s ease-in-out infinite}[data-motion="zao-staticorganizer"].is-motion-active .zao-staticorganizer-motion>span{animation:zaoOrganizerKeyStatus 5.31s steps(2,end) infinite}[data-motion="zao-staticorganizer"].is-motion-active .zao-staticorganizer-motion>em{animation:zaoOrganizerPhoneMaterial 6.01s ease-in-out infinite}[data-motion="zao-staticorganizer"].is-motion-active .zao-staticorganizer-motion path{animation:zaoOrganizerCornerDither 7.11s steps(3,end) infinite}
@keyframes zaoOrganizerAutoColumns{0%,15%,100%{grid-auto-columns:47px;column-gap:5px}48%,76%{grid-auto-columns:51px;column-gap:3px}}
@keyframes zaoOrganizerKeyStatus{0%,21%,100%{outline-color:transparent;filter:contrast(.71)}47%,69%{outline-color:#f1c775;filter:contrast(1.46)}76%,87%{outline-color:#fff;filter:contrast(1.12)}}
@keyframes zaoOrganizerPhoneMaterial{0%,18%,100%{border-image-width:.35;filter:saturate(.58)}52%,81%{border-image-width:1.25;filter:saturate(1.51)}}
@keyframes zaoOrganizerCornerDither{0%,14%,100%{stroke-miterlimit:2;stroke-linejoin:miter;stroke-opacity:.37}43%{stroke-miterlimit:9;stroke-linejoin:bevel;stroke-opacity:1}71%{stroke-miterlimit:1;stroke-linejoin:round;stroke-opacity:.68}}

/* 9. Relay hardware is fixed. Six unique loop paths vary impedance material only; no contact closes and nothing travels. */
.zao-impedancefield-motion{opacity:.44}.zao-impedancefield-motion .zao-relay-post{fill:#303136;stroke:#eee2cc;stroke-width:6}.zao-impedancefield-motion .zao-loop-a,.zao-impedancefield-motion .zao-loop-b,.zao-impedancefield-motion .zao-loop-c,.zao-impedancefield-motion .zao-loop-d,.zao-impedancefield-motion .zao-loop-e,.zao-impedancefield-motion .zao-loop-f{fill:none;stroke:#c4974b;stroke-width:6;stroke-opacity:.38;stroke-linejoin:miter;stroke-miterlimit:2}
[data-motion="zao-impedancefield"].is-motion-active .zao-loop-a{animation:zaoImpedanceLoopA 5.17s ease-in-out infinite}[data-motion="zao-impedancefield"].is-motion-active .zao-loop-b{animation:zaoImpedanceLoopB 5.69s ease-in-out infinite}[data-motion="zao-impedancefield"].is-motion-active .zao-loop-c{animation:zaoImpedanceLoopC 6.23s ease-in-out infinite}[data-motion="zao-impedancefield"].is-motion-active .zao-loop-d{animation:zaoImpedanceLoopD 6.79s ease-in-out infinite}[data-motion="zao-impedancefield"].is-motion-active .zao-loop-e{animation:zaoImpedanceLoopE 7.37s ease-in-out infinite}[data-motion="zao-impedancefield"].is-motion-active .zao-loop-f{animation:zaoImpedanceLoopF 7.97s ease-in-out infinite}
@keyframes zaoImpedanceLoopA{0%,12%,100%{stroke-opacity:.24;stroke-linejoin:miter;stroke-miterlimit:1}47%,73%{stroke-opacity:1;stroke-linejoin:miter;stroke-miterlimit:8}}
@keyframes zaoImpedanceLoopB{0%,21%,100%{stroke-opacity:.31;stroke-linejoin:miter;stroke-miterlimit:1}53%,81%{stroke-opacity:.86;stroke-linejoin:miter;stroke-miterlimit:13}}
@keyframes zaoImpedanceLoopC{0%,17%,100%{stroke-opacity:.18;stroke-linejoin:miter;stroke-miterlimit:1}49%,77%{stroke-opacity:.92;stroke-linejoin:miter;stroke-miterlimit:7}}
@keyframes zaoImpedanceLoopD{0%,28%,100%{stroke-opacity:.42;stroke-linejoin:miter;stroke-miterlimit:1}59%,84%{stroke-opacity:1;stroke-linejoin:miter;stroke-miterlimit:16}}
@keyframes zaoImpedanceLoopE{0%,19%,100%{stroke-opacity:.27;stroke-linejoin:miter;stroke-miterlimit:1}46%,69%{stroke-opacity:.79;stroke-linejoin:miter;stroke-miterlimit:5}86%{stroke-opacity:.97;stroke-linejoin:miter;stroke-miterlimit:11}}
@keyframes zaoImpedanceLoopF{0%,32%,100%{stroke-opacity:.36;stroke-linejoin:miter;stroke-miterlimit:1}63%,87%{stroke-opacity:.95;stroke-linejoin:miter;stroke-miterlimit:19}}

/* 10. Four lamps use fill-only irregular short/long codes. No opacity, glow, pulse, scale or horizon motion. */
.zao-towercode-motion{opacity:.45}.zao-towercode-motion .zao-night-sky{fill:#202631}.zao-towercode-motion .zao-horizon-layer{fill:#4b4652}.zao-towercode-motion .zao-horizon-layer:nth-of-type(2){fill:#6d5052}.zao-towercode-motion .zao-signal-tower{fill:#e4d7c1}.zao-towercode-motion rect[class^="zao-code-lamp"]{fill:#4e4a49;stroke:#fff;stroke-width:3}
[data-motion="zao-towercode"].is-motion-active .zao-code-lamp-a{animation:zaoLampCodeAlpha 3.47s steps(1,end) infinite}[data-motion="zao-towercode"].is-motion-active .zao-code-lamp-b{animation:zaoLampCodeBeta 5.03s steps(1,end) infinite}[data-motion="zao-towercode"].is-motion-active .zao-code-lamp-c{animation:zaoLampCodeGamma 4.19s steps(1,end) infinite}[data-motion="zao-towercode"].is-motion-active .zao-code-lamp-d{animation:zaoLampCodeDelta 6.31s steps(1,end) infinite}
@keyframes zaoLampCodeAlpha{0%,7%,15%,43%,51%,100%{fill:#4e4a49}8%,14%,44%,50%{fill:#f1c36e}}
@keyframes zaoLampCodeBeta{0%,12%,39%,66%,100%{fill:#4e4a49}13%,38%,67%,91%{fill:#d65341}}
@keyframes zaoLampCodeGamma{0%,19%,27%,58%,73%,100%{fill:#514d4b}20%,26%,59%,72%{fill:#fff0c9}}
@keyframes zaoLampCodeDelta{0%,16%,47%,79%,100%{fill:#4e4a49}17%,46%{fill:#46858a}80%,94%{fill:#f1c36e}}

/* responsive: scale is on wrappers; all animated transform-origin/rotate is on descendants */
@media(max-width:1080px){.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion{scale:.84;transform-origin:top right}}
@media(max-width:840px){.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion{z-index:1;top:27px;right:-24px;left:auto;scale:.66;transform-origin:top right;opacity:.13}.zao-page section>.container{z-index:2}}
@media(max-width:560px){.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion{right:-14px;scale:.56}}
@media(max-width:380px){.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion{right:-8px;scale:.5}}

/* meaningful reduced states; roots are explicitly cancelled for live preference changes */
@media(prefers-reduced-motion:reduce){
.zao-sunsetfield-motion,.zao-cropcorridor-motion,.zao-dampedcapture-motion,.zao-pressureform-motion,.zao-compliancebridge-motion,.zao-loadrail-motion,.zao-opticalcalc-motion,.zao-staticorganizer-motion,.zao-impedancefield-motion,.zao-towercode-motion,.zao-sunsetfield-motion *,.zao-cropcorridor-motion *,.zao-dampedcapture-motion *,.zao-pressureform-motion *,.zao-compliancebridge-motion *,.zao-loadrail-motion *,.zao-opticalcalc-motion *,.zao-staticorganizer-motion *,.zao-impedancefield-motion *,.zao-towercode-motion *{animation:none!important;transition:none!important}
.zao-sunset-stop-a{stop-color:#172d49;stop-opacity:1}.zao-sunset-stop-b{stop-color:#bd4d58;stop-opacity:.96}.zao-sunset-stop-c{stop-color:#cf5b47;stop-opacity:1}.zao-sunset-stop-d{stop-color:#ffe8ad;stop-opacity:1}
.zao-cropcorridor-motion>i:nth-of-type(1)>img{object-position:74% 83%;filter:saturate(1.18) contrast(1.24)}.zao-cropcorridor-motion>i:nth-of-type(2)>img{object-position:29% 69%;filter:brightness(1.12)}.zao-cropcorridor-motion>i:nth-of-type(3)>img{object-position:88% 34%;filter:hue-rotate(-13deg) saturate(1.31)}.zao-cropcorridor-motion>i:nth-of-type(4)>img{object-position:38% 18%;filter:contrast(1.33)}
.zao-dampedcapture-motion>i{transform-origin:50% 0;rotate:0deg}.zao-dampedcapture-motion>u{outline-color:#f1c56d;background-color:#f1c56d}
.zao-canister-a{rx:3px;ry:10px;stroke-width:7px}.zao-canister-b{rx:17px;ry:4px;fill-opacity:1}.zao-canister-c{rx:5px;ry:18px;stroke-opacity:1}.zao-canister-d{rx:20px;ry:2px;stroke-width:2px;fill-opacity:1}.zao-request-copy{word-spacing:1px;letter-spacing:1.4px;fill:#a43f36}
.zao-compliancebridge-motion>span:nth-of-type(1){min-block-size:42px}.zao-compliancebridge-motion>span:nth-of-type(2){min-block-size:35px;filter:contrast(1.48)}.zao-compliancebridge-motion>span:nth-of-type(3){min-block-size:47px;outline:4px solid #e9e5dc}.zao-compliancebridge-motion>span:nth-of-type(4){min-block-size:38px;inline-size:12px}
.zao-loadrail-motion span{flex-grow:1;min-inline-size:39px}
.zao-opticalcalc-motion>i:nth-of-type(1){backdrop-filter:blur(5px) saturate(1.72);-webkit-backdrop-filter:blur(5px) saturate(1.72)}.zao-opticalcalc-motion>i:nth-of-type(2){backdrop-filter:sepia(.76) contrast(1.34);-webkit-backdrop-filter:sepia(.76) contrast(1.34)}.zao-opticalcalc-motion>i:nth-of-type(3){backdrop-filter:hue-rotate(31deg) brightness(1.26);-webkit-backdrop-filter:hue-rotate(31deg) brightness(1.26)}.zao-opticalcalc-motion>i:nth-of-type(4){backdrop-filter:grayscale(0) blur(.3px);-webkit-backdrop-filter:grayscale(0) blur(.3px)}
.zao-staticorganizer-motion>div{grid-auto-columns:51px;column-gap:3px}.zao-staticorganizer-motion>span{outline-color:#f1c775;filter:contrast(1.46)}.zao-staticorganizer-motion>em{border-image-width:1.25;filter:saturate(1.51)}.zao-staticorganizer-motion path{stroke-miterlimit:9;stroke-linejoin:bevel;stroke-opacity:1}
.zao-impedancefield-motion path[class^="zao-loop"]{stroke-opacity:1;stroke-linejoin:miter;stroke-miterlimit:9}
.zao-code-lamp-a{fill:#f1c36e}.zao-code-lamp-b{fill:#d65341}.zao-code-lamp-c{fill:#fff0c9}.zao-code-lamp-d{fill:#46858a}
}
