/* Product-specific explanatory diagrams. No measured values or live-account UI.
   Shadow observes in parallel; Margin removes repeated information before the
   same AI; Check routes a clearly labelled mismatch example for review. */
.ux-scene-art{min-width:0;width:100%}.ux-scene-2 .ux-scene-art{grid-column:1;grid-row:1}
.ux-shadow-flow,.ux-margin-flow,.ux-check-flow{display:block;position:relative;height:340px;perspective:1100px}
.ux-flow-surface{position:relative;background:linear-gradient(130deg,#253349ef,#111c2df5 52%,#142c3d);border:1px solid #9fbace85;border-top-color:#d1dcf3b3;border-radius:10px;box-shadow:inset 1px 1px 0 #e1efff32,0 18px 40px #0008,0 0 0 1px #060a11;color:#ecedf8;overflow:hidden}
.ux-flow-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#d5edff00 40%,#e5f5ff2c 49%,#daedff0b 53%,transparent 65%);transform:translateX(-110%);animation:ux-surface-light 7s ease-in-out infinite;animation-play-state:paused}
.ux-scene-phases{position:absolute;left:0;right:0;top:0;height:30px;text-align:center;font-size:14px;line-height:1.5;color:#d4c3e9}
.ux-scene-phases>span{position:absolute;inset:0;animation:ux-phase-one 7s ease infinite;animation-play-state:paused;opacity:0}
.ux-scene-phases>span:nth-child(2){animation-name:ux-phase-two;color:#bacef0}.ux-scene-phases>span:nth-child(3){animation-name:ux-phase-three;color:#ace0e9}
/* The request path stays open while a separate branch observes it. */
.ux-ai-path{position:absolute;top:54px;left:4%;right:4%;height:52px;display:grid;grid-template-columns:110px minmax(0,1fr) 100px;align-items:center}
.ux-ai-source,.ux-ai-destination{padding:17px 10px;text-align:center;font-size:14px;line-height:1.25;z-index:2}
.ux-ai-destination{border-color:#8fdae2a8;background:linear-gradient(130deg,#234452,#102434)}
.ux-main-track{height:22px;position:relative;overflow:hidden;background:linear-gradient(transparent 10px,#99bfe76e 10px,#99bfe76e 12px,transparent 12px)}
.ux-main-track>i{position:absolute;top:6px;left:-18px;width:18px;height:10px;border:1px solid #d4c4fa;border-radius:3px;background:#a885dba3;box-shadow:0 0 10px #9271c955;animation:ux-request-flow 2.7s linear infinite;animation-play-state:paused}
.ux-main-track>i:nth-child(2){animation-delay:-.9s}.ux-main-track>i:nth-child(3){animation-delay:-1.8s}
.ux-observation-branch{position:absolute;top:106px;left:50%;height:49px;border-left:1px dashed #a6a1d591}
.ux-observation-branch>i{position:absolute;left:-4px;top:0;width:7px;height:7px;background:#badfeb;border-radius:50%;box-shadow:0 0 10px #97c5e7;animation:ux-observe-parallel 2.7s linear infinite;animation-play-state:paused}
.ux-shadow-observer{position:absolute;top:155px;left:12%;width:76%;padding:17px 22px;min-height:160px;animation:ux-usage-view 7s ease-in-out infinite;animation-play-state:paused}
.ux-observer-heading{display:flex;align-items:baseline;gap:14px;justify-content:space-between;position:relative;z-index:1}.ux-observer-heading strong{font-size:23px;font-weight:500;letter-spacing:-.035em}.ux-observer-heading span{font-size:12px;color:#bfbed7}
.ux-usage-map{display:grid;gap:11px;margin-top:18px}.ux-usage-map>div{display:grid;grid-template-columns:1fr 42%;gap:18px;align-items:center;font-size:13px;line-height:1.4;color:#d6d4e3}
.ux-usage-map i{height:5px;border-radius:3px;background:linear-gradient(90deg,#b29cde,#86ccdf);transform-origin:left;animation:ux-observation-organized 7s ease infinite;animation-play-state:paused}
.ux-usage-map>div:nth-child(2) i{animation-delay:.18s}.ux-usage-map>div:nth-child(3) i{animation-delay:.36s}
/* Repeated text leaves the route; the necessary information goes to the same AI. */
.ux-flow-origin-label{position:absolute;top:82px;left:0;color:#c3bdd8;font-size:14px}
.ux-token-track{position:absolute;left:0;right:17%;top:129px;height:44px;background:linear-gradient(transparent 20px,#a5bad570 20px,#a5bad570 22px,transparent 22px)}
.ux-token{position:absolute;top:5px;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:55px;height:33px;padding:0 10px;font-size:13px;line-height:1;border:1px solid #b6a0dfb0;border-top-color:#e1d3ff;background:linear-gradient(130deg,#3b2e58,#1d2338);border-radius:6px;box-shadow:0 8px 15px #0006;z-index:4;animation:ux-token-required 7s ease-in-out infinite;animation-play-state:paused}
.ux-token-needed{left:24%;animation-name:ux-token-required-two;animation-delay:.18s;border-color:#9bcee9a8;background:linear-gradient(130deg,#254456,#15283a)}
.ux-token-duplicate{left:48%;animation-name:ux-token-removed;border-color:#b59de397;background:linear-gradient(130deg,#254456,#15283a)}
.ux-margin-gate{position:absolute;top:107px;left:54%;width:24%;min-height:93px;padding:17px 9px;text-align:center;z-index:3;background:linear-gradient(135deg,#392e50ef,#192438f2);animation:ux-margin-gate-light 7s ease infinite;animation-play-state:paused}
.ux-margin-gate strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em}.ux-margin-gate span{display:block;font-size:12px;line-height:1.4;color:#d5c8e7;margin-top:8px}
.ux-same-ai{position:absolute;right:0;top:128px;width:17%;min-height:53px;padding:15px 6px;text-align:center;font-size:14px;line-height:1.5;border-color:#94d4dda8;background:linear-gradient(130deg,#224252,#102334)}
.ux-duplicate-label{position:absolute;left:18%;top:244px;font-size:13px;line-height:1.4;color:#c7b4e0;animation:ux-removed-label 7s ease infinite;animation-play-state:paused}
.ux-token-outcome{position:absolute;right:0;top:211px;width:30%;text-align:right;font-size:15px;color:#b5e7ee;animation:ux-result-label 7s ease infinite;animation-play-state:paused}
/* A bounded example of a mismatch, routed for review. No auto-correction. */
.ux-check-example{position:absolute;left:0;right:0;top:0;text-align:center;font-size:13px;color:#c9bbdb}
.ux-check-request,.ux-check-answer{position:absolute;top:57px;left:3%;width:29%;padding:19px 14px;min-height:92px;text-align:center;z-index:2}
.ux-check-request>span,.ux-check-answer>span{display:block;font-size:12px;color:#c7c5d7;margin-bottom:8px}.ux-check-request>strong,.ux-check-answer>strong{display:block;font-weight:500;font-size:25px;letter-spacing:-.03em}
.ux-check-answer{left:37%;animation:ux-answer-arrives 7s ease infinite;animation-play-state:paused}
.ux-check-link{position:absolute;top:103px;left:20%;right:12%;height:1px;background:linear-gradient(90deg,#a99cca8c,#93ccdc);box-shadow:0 0 10px #8c9bd721}
.ux-check-engine{position:absolute;top:58px;right:0;width:27%;padding:17px 10px;text-align:center;min-height:98px;z-index:2;animation:ux-check-compares 7s ease infinite;animation-play-state:paused}
.ux-check-engine>strong{display:block;font-size:22px;font-weight:500}.ux-check-engine>span{display:block;font-size:12px;line-height:1.4;margin-top:8px;color:#d1cce0}
.ux-mismatch{position:absolute;top:178px;left:37%;right:0;padding:9px 12px;border-left:2px solid #dfac83;background:linear-gradient(90deg,#5b3d362e,transparent);font-size:14px;line-height:1.4;color:#f0c39c;animation:ux-check-mismatch 7s ease infinite;animation-play-state:paused}
.ux-review-route{position:absolute;right:13%;bottom:40px;width:50%;height:130px;border-right:1px solid #9dc9dd;border-bottom:1px solid #9dc9dd;border-radius:0 0 18px 0;transform-origin:right;animation:ux-route-review 7s ease infinite;animation-play-state:paused}
.ux-review-route:after{content:"";position:absolute;left:-1px;bottom:-5px;border-right:7px solid #c4e8ef;border-top:4px solid transparent;border-bottom:4px solid transparent}
.ux-review-target{position:absolute;left:4%;bottom:21px;width:33%;min-height:38px;display:grid;place-items:center;padding:8px 10px;font-size:14px;line-height:1.4;border:1px solid #a3bdd46e;border-radius:7px;color:#dce9f1;background:#132332;z-index:3;animation:ux-review-ready 7s ease infinite;animation-play-state:paused}
.ux-check-condition{font-size:13px;line-height:1.5;text-align:center;color:#c0b7d0;margin:8px 0 0}
/* Explicit pause/reduced-motion/offscreen controls for all explanatory states. */
body[data-ux-review] .ux-flow-visual *,body[data-ux-review] .ux-flow-visual *:after{animation-play-state:paused}
body.ux-motion-running [data-scene][data-visible="true"] .ux-flow-visual *,body.ux-motion-running [data-scene][data-visible="true"] .ux-flow-visual *:after{animation-play-state:running}
.ux-scene-enhanced [data-scene][data-seen="true"] .ux-flow-visual{opacity:1;transform:translate3d(0,var(--ux-view-offset,0px),0) rotateX(var(--ux-view-tilt,0deg)) scale(var(--ux-view-scale,1));transition:opacity .8s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
@keyframes ux-surface-light{0%,25%{transform:translateX(-110%);opacity:0}40%{opacity:.8}73%,100%{transform:translateX(110%);opacity:0}}
@keyframes ux-phase-one{0%,24%,100%{opacity:1;transform:translateY(0)}30%,94%{opacity:0;transform:translateY(-5px)}}
@keyframes ux-phase-two{0%,27%,64%,100%{opacity:0;transform:translateY(5px)}34%,59%{opacity:1;transform:translateY(0)}}
@keyframes ux-phase-three{0%,62%,100%{opacity:0;transform:translateY(5px)}69%,94%{opacity:1;transform:translateY(0)}}
@keyframes ux-request-flow{from{left:-18px}to{left:100%}}
@keyframes ux-observe-parallel{0%,15%{transform:translateY(0);opacity:0}28%{opacity:1}88%{transform:translateY(45px);opacity:1}100%{transform:translateY(45px);opacity:0}}
@keyframes ux-usage-view{0%,20%{transform:translateY(12px) rotateX(5deg) scale(.94);opacity:1}53%,88%{transform:translateY(0) rotateX(0) scale(1);opacity:1}100%{transform:translateY(12px) rotateX(5deg) scale(.94);opacity:1}}
@keyframes ux-observation-organized{0%,20%{transform:scaleX(.05);opacity:.3}57%,88%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.05);opacity:.3}}
@keyframes ux-token-required{0%,17%{left:0;opacity:1;transform:translateY(0)}60%{left:80%;opacity:1;transform:translateY(0)}75%,92%{left:94%;opacity:0;transform:translateY(0)}100%{left:0;opacity:1;transform:translateY(0)}}
@keyframes ux-token-required-two{0%,22%{left:24%;opacity:1;transform:translateY(0)}65%{left:81%;opacity:1;transform:translateY(0)}78%,92%{left:94%;opacity:0;transform:translateY(0)}100%{left:24%;opacity:1;transform:translateY(0)}}
@keyframes ux-token-removed{0%,23%{left:48%;opacity:1;transform:translateY(0)}41%{left:51%;opacity:.8;transform:translateY(25px)}57%,89%{left:51%;opacity:0;transform:translateY(84px)}100%{left:48%;opacity:1;transform:translateY(0)}}
@keyframes ux-margin-gate-light{0%,24%,100%{border-color:#ac99cc80;box-shadow:inset 1px 1px 0 #e1efff32,0 18px 40px #0008}39%,65%{border-color:#d6b1f1;box-shadow:inset 1px 1px 0 #eadcff55,0 18px 40px #0008,0 0 22px #956ac236}}
@keyframes ux-removed-label{0%,33%,100%{opacity:0;transform:translateY(-6px)}45%,85%{opacity:1;transform:translateY(0)}}
@keyframes ux-result-label{0%,58%,100%{opacity:0;transform:translateY(8px)}71%,91%{opacity:1;transform:translateY(0)}}
@keyframes ux-answer-arrives{0%,12%{opacity:.35;transform:translateY(20px) scale(.91)}30%,87%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:.35;transform:translateY(20px) scale(.91)}}
@keyframes ux-check-compares{0%,26%,100%{border-color:#9fbace85;transform:translateY(6px)}42%,82%{border-color:#d7bee6;transform:translateY(0)}}
@keyframes ux-check-mismatch{0%,37%,100%{opacity:0;transform:translateY(8px)}47%,91%{opacity:1;transform:translateY(0)}}
@keyframes ux-route-review{0%,51%,100%{opacity:0;transform:scaleX(.2)}70%,91%{opacity:1;transform:scaleX(1)}}
@keyframes ux-review-ready{0%,60%,100%{opacity:.18;transform:translateX(14px)}76%,92%{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){.ux-ai-path{grid-template-columns:95px minmax(0,1fr) 85px}.ux-shadow-observer{left:7%;width:86%;padding:16px}.ux-observer-heading span{font-size:11px}.ux-token{min-width:46px;padding:0 7px;font-size:12px}.ux-margin-gate strong{font-size:20px}.ux-margin-gate span{font-size:11px}.ux-same-ai{font-size:13px}.ux-check-request,.ux-check-answer{padding:18px 9px}.ux-check-engine{padding:17px 7px}}
@media(max-width:760px){.ux-scene-art{width:100%;max-width:500px;margin:0 auto}.ux-shadow-flow,.ux-margin-flow,.ux-check-flow{height:300px;perspective:800px}.ux-scene-phases{font-size:12px}.ux-ai-path{top:44px;left:0;right:0;height:47px;grid-template-columns:88px minmax(0,1fr) 74px}.ux-ai-source,.ux-ai-destination{font-size:12px;padding:15px 7px}.ux-observation-branch{top:91px;height:39px}.ux-shadow-observer{top:130px;left:3%;width:94%;min-height:152px;padding:15px}.ux-observer-heading strong{font-size:21px}.ux-observer-heading span{font-size:11px}.ux-usage-map{gap:11px;margin-top:16px}.ux-usage-map>div{font-size:12px;grid-template-columns:1fr 33%;gap:12px}.ux-flow-origin-label{top:72px;font-size:12px}.ux-token-track{top:114px;right:16%}.ux-token{min-width:35px;padding:0 5px;height:29px;font-size:11px}.ux-margin-gate{top:100px;left:54%;width:25%;min-height:84px;padding:13px 5px}.ux-margin-gate strong{font-size:17px}.ux-margin-gate span{font-size:10px}.ux-same-ai{top:116px;width:17%;min-height:48px;font-size:12px;padding:10px 4px}.ux-duplicate-label{left:16%;top:224px;font-size:12px}.ux-token-outcome{top:199px;font-size:12px;width:34%}.ux-check-request,.ux-check-answer{top:46px;min-height:83px;padding:16px 7px}.ux-check-request>span,.ux-check-answer>span{font-size:11px}.ux-check-request>strong,.ux-check-answer>strong{font-size:19px}.ux-check-engine{top:46px;min-height:89px;padding:14px 5px}.ux-check-engine>strong{font-size:18px}.ux-check-engine>span{font-size:10px}.ux-check-link{top:87px}.ux-mismatch{top:154px;left:33%;font-size:12px;padding:8px}.ux-review-route{height:105px;bottom:34px}.ux-review-target{bottom:15px;font-size:12px;min-height:38px;padding:8px}.ux-check-condition{font-size:12px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.ux-flow-visual,.ux-flow-visual *,.ux-flow-visual *:after{animation:none!important;transition:none!important}.ux-scene-enhanced [data-scene][data-seen="true"] .ux-flow-visual{transform:none;opacity:1}.ux-scene-phases>span{display:none;opacity:1}.ux-scene-phases>span:last-child{display:block}.ux-flow-surface:after{display:none}.ux-main-track>i{left:45%}.ux-main-track>i:nth-child(n+2){display:none}.ux-observation-branch>i{top:25px}.ux-shadow-observer,.ux-check-answer,.ux-check-engine{opacity:1;transform:none}.ux-token-duplicate{transform:translateY(66px);opacity:.45}.ux-token-needed{left:25%}.ux-token-request{left:0}.ux-review-route,.ux-review-target,.ux-mismatch,.ux-token-outcome,.ux-duplicate-label{opacity:1;transform:none}}
/* The text packets pass through the processing area, not over its labels. */
.ux-margin-gate{top:82px;min-height:132px;padding:15px 9px}.ux-margin-gate>span{position:absolute;bottom:10px;left:4px;right:4px;margin:0}
@media(max-width:760px){.ux-margin-gate{top:76px;min-height:126px;padding:13px 5px}.ux-margin-gate>span{bottom:10px}}

/* Required packets share a trajectory and a fixed24% separation. The duplicate
   leaves the main lane before they move, so no two visible labels collide. */
.ux-needed-stream{position:absolute;top:-12px;left:0;right:0;height:68px;overflow:hidden}
.ux-needed-stream>.ux-token{top:17px;animation-name:ux-token-forward;animation-delay:0s;animation-timing-function:linear}
.ux-token-request{--ux-token-start:0%}.ux-token-needed{--ux-token-start:24%}
.ux-duplicate-label{top:265px}
@keyframes ux-token-forward{0%,20%{left:var(--ux-token-start);opacity:1;transform:translateY(0)}56%{left:calc(var(--ux-token-start) + 70%);opacity:1;transform:translateY(0)}68%,93%{left:calc(var(--ux-token-start) + 94%);opacity:0;transform:translateY(0)}94%{left:var(--ux-token-start);opacity:0;transform:translateY(0)}100%{left:var(--ux-token-start);opacity:1;transform:translateY(0)}}
@keyframes ux-token-removed{0%,12%{left:48%;opacity:1;transform:translateY(0)}24%{left:51%;opacity:.85;transform:translateY(52px)}45%,93%{left:51%;opacity:0;transform:translateY(84px)}94%{left:48%;opacity:0;transform:translateY(0)}100%{left:48%;opacity:1;transform:translateY(0)}}
@media(max-width:760px){.ux-duplicate-label{top:245px}}
@media(prefers-reduced-motion:reduce){.ux-token-request{left:0}.ux-token-needed{left:24%}}

/* Check: automatic evidence gate, with a clearly labelled demonstration. */
.ux-check-automatic{height:350px}
.ux-audit-inputs{position:absolute;top:43px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ux-audit-inputs>.ux-flow-surface{padding:15px 18px;min-height:78px}
.ux-audit-inputs span{display:block;font-size:12px;color:#c7c5d7;margin-bottom:7px}
.ux-audit-inputs strong{display:block;font-size:19px;font-weight:500;line-height:1.2}
.ux-audit-claim{animation:ux-audit-claim-in 12s ease infinite;animation-play-state:paused}
.ux-audit-connector{position:absolute;top:121px;height:25px;left:25%;right:25%;border:1px solid #a7bfd680;border-top:0;border-radius:0 0 10px 10px}
.ux-audit-gate{position:absolute;top:145px;left:7%;right:7%;padding:18px 20px;border-color:#b6a4d6a6}
.ux-audit-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ux-audit-heading strong{font-size:25px;font-weight:500;letter-spacing:-.03em}
.ux-audit-heading>span{font-size:12px;color:#d2c9e0}
.ux-audit-evidence{margin-top:16px;padding-top:13px;border-top:1px solid #c4d2e329}
.ux-audit-evidence>span{display:block;font-size:12px;color:#aaaec8;margin-bottom:7px}
.ux-audit-evidence>div{position:relative;min-height:24px}
.ux-audit-state{position:absolute;inset:0;display:block;font-size:16px;line-height:1.4;font-weight:450;opacity:0;animation:ux-audit-reading 12s ease infinite;animation-play-state:paused}
.ux-audit-missing{color:#efbf9b;animation-name:ux-audit-missing}.ux-audit-recheck{color:#d9c2ef;animation-name:ux-audit-recheck}.ux-audit-found{color:#b4e3eb;animation-name:ux-audit-found}
.ux-audit-outcomes{position:absolute;left:7%;right:7%;top:307px;display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.3}
.ux-audit-return{color:#ecc8b0;opacity:0;animation:ux-audit-return 12s ease infinite;animation-play-state:paused}
.ux-audit-release{color:#b3e4ed;opacity:0;animation:ux-audit-release 12s ease infinite;animation-play-state:paused}
.ux-audit-return-path{position:absolute;left:1%;top:85px;width:5%;height:230px;border-left:1px solid #c0a6cf;border-bottom:1px solid #c0a6cf;border-radius:0 0 0 10px;opacity:0;animation:ux-audit-return 12s ease infinite;animation-play-state:paused;pointer-events:none}
.ux-audit-return-path:before{content:"";position:absolute;top:-1px;left:-4px;border-bottom:6px solid #c0a6cf;border-left:3px solid transparent;border-right:3px solid transparent}
@keyframes ux-audit-claim-in{0%,8%{opacity:.3;transform:translateY(8px)}18%,94%{opacity:1;transform:translateY(0)}100%{opacity:.3;transform:translateY(8px)}}
@keyframes ux-audit-reading{0%,17%{opacity:1;transform:translateY(0)}22%,96%{opacity:0;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}
@keyframes ux-audit-missing{0%,20%,44%,100%{opacity:0;transform:translateY(4px)}25%,39%{opacity:1;transform:translateY(0)}}
@keyframes ux-audit-recheck{0%,44%,65%,100%{opacity:0;transform:translateY(4px)}49%,60%{opacity:1;transform:translateY(0)}}
@keyframes ux-audit-found{0%,65%,100%{opacity:0;transform:translateY(4px)}71%,94%{opacity:1;transform:translateY(0)}}
@keyframes ux-audit-return{0%,27%,54%,100%{opacity:0;transform:translateY(4px)}33%,47%{opacity:1;transform:translateY(0)}}
@keyframes ux-audit-release{0%,74%,100%{opacity:0;transform:translateY(4px)}80%,94%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.ux-check-automatic{height:350px}.ux-audit-inputs{gap:12px}.ux-audit-inputs>.ux-flow-surface{padding:15px 12px}.ux-audit-inputs strong{font-size:16px}.ux-audit-gate{left:5%;right:5%;padding:17px 14px}.ux-audit-heading strong{font-size:23px}.ux-audit-heading>span{font-size:11px}.ux-audit-state{font-size:14px}.ux-audit-outcomes{left:5%;right:5%;font-size:12px;gap:12px}.ux-audit-return-path{left:0;width:4%}}
@media(prefers-reduced-motion:reduce){.ux-audit-claim{opacity:1;transform:none}.ux-audit-state{display:none}.ux-audit-reading{display:block;opacity:1;transform:none}.ux-audit-return,.ux-audit-release{opacity:1;transform:none}.ux-audit-return-path{display:none}}

.ux-audit-static-state,.ux-audit-static-label{display:none}
@media(prefers-reduced-motion:reduce){.ux-audit-reading{display:none}.ux-audit-static-state{display:block;font-size:16px;line-height:1.4;font-weight:450}.ux-audit-static-label{display:block;position:absolute;top:280px;left:0;right:0;text-align:center;font-size:12px;color:#c8bdd8}}

/* V21: preserve the short AI phrase and place the untouched Check mark inside. */
.ux-scene-3 h3 .ux-ai-phrase{white-space:nowrap}
body[data-ux-review] .ux-scene-copy>.ux-check-plan-note{font-size:13px;line-height:1.5;margin-top:18px;color:#c1b5d2}
.ux-audit-heading .ux-inline-product-logo{width:120px;height:auto;flex:none;opacity:1;filter:none;mix-blend-mode:normal;object-fit:contain;clip-path:none;mask:none}
.ux-audit-gate{padding-top:14px;padding-bottom:14px}
.ux-audit-evidence{margin-top:8px;padding-top:9px}
@media(max-width:760px){.ux-audit-heading .ux-inline-product-logo{width:106px}.ux-audit-gate{padding-top:12px;padding-bottom:12px}}