.vx-lab-section{padding-top:25px;padding-bottom:105px;position:relative}.vx-lab-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.vx-lab-heading h2{font-size:clamp(30px,3.6vw,47px);line-height:1.35;margin:0;letter-spacing:-1.1px}.vx-lab-heading .section-tag{margin-bottom:16px}.vx-lab-intro{font-size:13px;color:#9fb8c4;line-height:2.1;max-width:300px;margin:0 0 4px}.vx-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vx-lab-card{min-width:0;isolation:isolate;text-align:right;position:relative;overflow:hidden;padding:0;color:#edf7f9;border:1px solid #2b5262;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#15384a66,transparent 70%),linear-gradient(150deg,#102734,#071722 80%);box-shadow:inset 0 1px 0 #a3dbe211,0 20px 50px #0002;transition:border-color .25s,box-shadow .25s,transform .3s;cursor:pointer;appearance:none;touch-action:manipulation;contain:paint}.vx-lab-card:hover{transform:translateY(-5px);border-color:#53b3b5;box-shadow:0 25px 55px #0005,inset 0 1px 0 #b9fff32b}.vx-lab-card:active{transform:translateY(-1px) scale(.99)}.vx-lab-card:focus-visible{outline:3px solid #51e5dc;outline-offset:5px}.vx-lab-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.vx-lab-index{font-family:monospace;font-size:10px;letter-spacing:1px;color:#78a7b8;direction:ltr}.vx-lab-index i{font-style:normal;color:#386071;margin:0 3px}.vx-lab-live{font-size:9px;color:#95b8be;display:flex;align-items:center;gap:6px}.vx-lab-live i{width:4px;height:4px;background:#46decd;box-shadow:0 0 8px #46decd77;border-radius:50%}.vx-lab-viewport{position:relative;margin-top:0;overflow:hidden;aspect-ratio:1.4;background:radial-gradient(ellipse at 55% 55%,#1a5a622a,transparent 63%)}.vx-lab-svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 14px 8px #0004)}.vx-lab-scene-label{position:absolute;left:20px;bottom:8px;font-family:monospace;font-size:8px;color:#6496a7;letter-spacing:1.2px;direction:ltr}.vx-lab-scan{position:absolute;width:60%;height:130%;left:-70%;top:-25%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#a3ffff04,#b9ffff0c,#a3ffff02,transparent);pointer-events:none}.vx-lab-info{padding:16px 23px 0}.vx-lab-info h3{font-size:21px;line-height:1.6;font-weight:800;margin:0 0 2px;letter-spacing:-.4px}.vx-lab-info p{font-size:11px;color:#8eacb9;margin:0}.vx-lab-stages{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:23px 23px 14px}.vx-lab-stage{display:flex;align-items:center;gap:5px;color:#4b697a;white-space:nowrap}.vx-lab-stage i{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.vx-lab-stage b{font-size:8px;font-weight:500}.vx-lab-track{height:1px;background:#24414e;margin:0 23px;overflow:hidden}.vx-lab-track>i{display:block;height:100%;background:linear-gradient(90deg,#4deed0,#97fff0);width:100%;transform-origin:right;transform:scaleX(0);box-shadow:0 0 8px #43e5d1}.vx-lab-replay{display:flex;justify-content:space-between;align-items:center;margin:0 23px;padding:12px 0 17px;color:#7aabb7;font-size:9px}.vx-lab-replay-icon{display:grid;place-content:center;height:25px;width:25px;border:1px solid #335764;border-radius:50%;font:17px Arial;color:#72e8dd}.vx-lab-disclaimer{display:flex;justify-content:center;align-items:center;gap:8px;color:#708e9d;font-size:10px;text-align:center;margin:20px 0 0;line-height:1.9}.vx-lab-disclaimer>span{color:#5ca9ac;font-size:13px}.vx-scene-success{opacity:0;transform-origin:371px 41px;transform:scale(.7)}.vx-align-flex{transform:translate(15px,-19px)}.vx-align-lock{opacity:.15;transform-origin:205px 162px}.vx-align-contact,.vx-press-contact,.vx-trace-spark{opacity:0}.vx-align-guides{opacity:.25}.vx-press-direction{opacity:.3}.vx-trace-route{stroke-dasharray:400;stroke-dashoffset:400}.vx-trace-tool{transform:translate(25px,-21px)}
@media(prefers-reduced-motion:no-preference){.vx-lab-running .vx-align-flex{animation:vx-align-settle 4.8s cubic-bezier(.3,0,.2,1) both}.vx-lab-running .vx-align-guides{animation:vx-guide-acquire 4.8s both}.vx-lab-running .vx-align-lock{animation:vx-align-lock 4.8s both}.vx-lab-running .vx-align-contact{animation:vx-contact-light 4.8s both}.vx-lab-running .vx-press-head{animation:vx-press-sequence 4.8s cubic-bezier(.38,0,.2,1) both}.vx-lab-running .vx-press-contact{animation:vx-contact-light 4.8s both}.vx-lab-running .vx-press-direction{animation:vx-press-arrow 4.8s both}.vx-lab-running .vx-trace-route{animation:vx-route-draw 4.8s cubic-bezier(.45,0,.3,1) both}.vx-lab-running .vx-trace-tool{animation:vx-solder-motion 4.8s cubic-bezier(.4,0,.2,1) both}.vx-lab-running .vx-trace-spark{animation:vx-solder-spark 4.8s both;transform-origin:218px 123px}.vx-lab-running .vx-trace-defect{animation:vx-defect-clear 4.8s both}.vx-lab-running .vx-scene-success{animation:vx-scene-done 4.8s both}.vx-lab-running .vx-lab-track>i{animation:vx-lab-progress 4.8s linear both}.vx-lab-running .vx-lab-stage-1{animation:vx-stage-one 4.8s both}.vx-lab-running .vx-lab-stage-2{animation:vx-stage-two 4.8s both}.vx-lab-running .vx-lab-stage-3{animation:vx-stage-three 4.8s both}.vx-lab-running .vx-lab-scan{animation:vx-lab-scan 4.8s both}.vx-lab-card[data-visible=false] .vx-lab-run *{animation-play-state:paused!important}}
@keyframes vx-align-settle{0%,12%{transform:translate(15px,-19px)}36%{transform:translate(-19px,5px)}49%{transform:translate(-26px,14px)}66%,100%{transform:translate(-26px,40px)}}
@keyframes vx-guide-acquire{0%{opacity:.2}20%,50%{opacity:.8}74%,100%{opacity:.1}}
@keyframes vx-align-lock{0%,15%{opacity:.1;transform:scale(1.4)}38%{opacity:.8;transform:scale(1)}52%{opacity:.25;transform:scale(1)}66%{opacity:1;transform:scale(.85)}79%,100%{opacity:0;transform:scale(1.5)}}
@keyframes vx-contact-light{0%,58%{opacity:0}66%{opacity:1}74%{opacity:.45}86%,100%{opacity:.9}}
@keyframes vx-press-sequence{0%,13%{transform:translateY(0)}52%{transform:translateY(28px)}68%,82%{transform:translateY(29px)}100%{transform:translateY(-5px)}}
@keyframes vx-press-arrow{0%,10%{opacity:.15;transform:translateY(0)}25%{opacity:.8;transform:translateY(8px)}40%{opacity:.2;transform:translateY(12px)}61%,100%{opacity:0;transform:translateY(18px)}}
@keyframes vx-route-draw{0%,22%{stroke-dashoffset:400}79%,100%{stroke-dashoffset:0}}
@keyframes vx-solder-motion{0%,10%{transform:translate(25px,-21px)}30%,53%{transform:translate(0,0)}76%,100%{transform:translate(55px,-50px);opacity:0}}
@keyframes vx-solder-spark{0%,29%{opacity:0;transform:scale(.4)}33%{opacity:1;transform:scale(1)}38%{opacity:.3;transform:scale(.7)}44%{opacity:1;transform:scale(1.2)}50%{opacity:.5;transform:scale(.8)}56%,100%{opacity:0;transform:scale(1.7)}}
@keyframes vx-defect-clear{0%,21%{opacity:1}53%,100%{opacity:0}}
@keyframes vx-scene-done{0%,78%{opacity:0;transform:scale(.7)}88%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes vx-lab-progress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes vx-stage-one{0%,30%{color:#a8f8e7}39%,100%{color:#739b9f}}
@keyframes vx-stage-two{0%,29%{color:#4b697a}37%,66%{color:#a8f8e7}76%,100%{color:#739b9f}}
@keyframes vx-stage-three{0%,66%{color:#4b697a}82%,100%{color:#a8f8e7}}
@keyframes vx-lab-scan{0%,55%{left:-80%;opacity:0}65%{opacity:1}100%{left:140%;opacity:0}}
@media(min-width:721px) and (max-width:1050px){.vx-lab-topline{padding-inline:15px}.vx-lab-info{padding-inline:17px}.vx-lab-info h3{font-size:18px}.vx-lab-stages{padding-inline:17px;gap:5px}.vx-lab-stage{gap:3px}.vx-lab-stage b{font-size:6.8px}.vx-lab-replay,.vx-lab-track{margin-inline:17px}.vx-lab-replay{font-size:7.5px}}
@media(max-width:720px){.vx-lab-section{padding-top:8px;padding-bottom:65px}.vx-lab-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:28px}.vx-lab-heading h2{font-size:37px}.vx-lab-heading .section-tag{margin-bottom:13px}.vx-lab-intro{font-size:11px;line-height:2;margin:0}.vx-lab-grid{grid-template-columns:minmax(0,1fr);gap:22px}.vx-lab-card{border-radius:22px;background:radial-gradient(ellipse at 50% 20%,#19405466,transparent 65%),linear-gradient(150deg,#102734,#071722 80%)}.vx-lab-topline{padding:20px 21px 0}.vx-lab-live{font-size:9px}.vx-lab-index{font-size:10px}.vx-lab-viewport{aspect-ratio:1.42}.vx-lab-info{padding-top:14px}.vx-lab-info h3{font-size:23px}.vx-lab-info p{font-size:12px}.vx-lab-stages{padding-top:23px;gap:6px}.vx-lab-stage b{font-size:9px}.vx-lab-replay{padding-bottom:19px;font-size:10px}.vx-lab-scene-label{font-size:8px;bottom:8px}.vx-lab-disclaimer{font-size:9px;text-align:right;align-items:start;max-width:320px;margin:20px auto 0}.vx-lab-disclaimer>span{margin-top:1px}}
@media(max-width:360px){.vx-lab-stage b{font-size:8px}.vx-lab-info h3{font-size:21px}.vx-lab-replay{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vx-lab-card{transition:none}.vx-align-flex{transform:translate(-26px,40px)}.vx-align-lock,.vx-trace-defect,.vx-trace-tool{opacity:0}.vx-align-contact,.vx-press-contact,.vx-scene-success{opacity:1}.vx-scene-success{transform:none}.vx-trace-route{stroke-dashoffset:0}.vx-lab-track>i{transform:scaleX(1)}.vx-lab-stage{color:#8abdbb}.vx-lab-scan{display:none}}
/* Compact interactive icons: the three mechanisms stay together at every width. */
.vx-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px;gap:14px;align-items:stretch}.vx-lab-card{border-radius:15px;text-align:center;min-height:44px}.vx-lab-topline,.vx-lab-scene-label,.vx-lab-stages,.vx-scene-callout{display:none}.vx-lab-viewport{margin-top:8px;aspect-ratio:1.4}.vx-lab-info{padding:3px 13px 0}.vx-lab-info h3{font-size:16px;line-height:1.65;letter-spacing:0;margin:0 0 5px;white-space:normal;overflow-wrap:normal;word-break:normal}.vx-lab-info p{font-size:10px;line-height:1.8;min-height:36px;margin:0}.vx-lab-track{margin:14px 16px 0}.vx-lab-replay{justify-content:center;gap:8px;margin:0 13px;padding:10px 0 13px;font-size:8px}.vx-lab-replay-icon{width:23px;height:23px;font-size:16px;flex-shrink:0}.vx-lab-card:hover{transform:translateY(-3px)}
@media(max-width:720px){.vx-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:780px}.vx-lab-card{border-radius:12px}.vx-lab-viewport{margin-top:5px;aspect-ratio:1.4}.vx-lab-info{padding:1px 6px 0}.vx-lab-info h3{font-size:12px;line-height:1.65;letter-spacing:-.15px;min-height:3.3em;margin:0 0 5px}.vx-lab-info p{font-size:9px;line-height:1.75;min-height:3.5em;margin:0;white-space:normal}.vx-lab-track{margin:11px 10px 0}.vx-lab-replay{margin:0 8px;padding:9px 0 10px;min-height:42px}.vx-lab-replay>span:first-child{display:none}.vx-lab-replay-icon{width:21px;height:21px;font-size:15px}.vx-lab-disclaimer{margin-top:16px}.vx-scene-success{opacity:0!important}}
@media(max-width:360px){.vx-lab-grid{gap:6px}.vx-lab-info{padding-inline:4px}.vx-lab-info h3{font-size:11px}.vx-lab-info p{font-size:8px}.vx-lab-card{border-radius:10px}}