.hero-v2{gap:60px;min-height:670px;padding-block:42px 44px;grid-template-columns:.95fr 1.05fr}.hero-v2 h1{font-size:clamp(40px,4.3vw,64px);line-height:1.65;letter-spacing:-2.7px;margin:19px 0}.hero-v2 .hero-description{font-size:13px;line-height:2.25;color:#738077}.lab-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#507b58;background:#eaf1e2;border:1px solid #d9e5cd;border-radius:30px;padding:6px 12px}.live-pulse{width:6px;height:6px;background:#699641;border-radius:50%;box-shadow:0 0 0 4px #6b943c15}.lab-query{margin-top:25px;max-width:380px}.lab-query>label{display:block;font-size:10px;color:#6e7c6e;margin-bottom:8px}.lab-query>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d7dfce;border-radius:12px;padding:6px 9px 6px 13px;box-shadow:0 6px 16px #193d2a04}.lab-query input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:15px;padding:7px;font-weight:600;color:#2d4b3a}.lab-query button{width:37px;height:37px;border:0;border-radius:8px;background:#d5f789;color:#173e35}.hero-v2 .hero-actions{margin-top:17px;gap:10px}.hero-v2 .hero-actions .button{font-size:11px;min-height:47px;padding-inline:18px}.hero-proof{display:flex;gap:12px;align-items:center;margin-top:27px}.proof-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #dce5d2;border-radius:50%;color:#6c8b54;background:#edf3e6}.hero-proof strong{display:block;font-size:10px;font-weight:550}.hero-proof small{display:block;font-size:8px;color:#8a9582;margin-top:2px}.parts-lab{position:relative;border-radius:27px;background:#102d2b;color:#e4efd7;border:1px solid #31534b;overflow:hidden;box-shadow:0 25px 60px #133a2b10}.lab-topline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0;gap:10px}.lab-topline>span{font:8px Arial,sans-serif;letter-spacing:1.7px;color:#85a798;white-space:nowrap}.lab-topline i{width:5px;height:5px;background:#bfe884;border-radius:50%;display:inline-block;margin-right:7px}.lab-explode{background:#1d403a;border:1px solid #3d5f4f;color:#c3dfad;border-radius:30px;padding:6px 11px;font-size:9px;white-space:nowrap}.lab-explode[aria-pressed=true]{background:#d5f789;color:#173e35}.lab-stage{height:350px;position:relative;isolation:isolate;perspective:1100px;background-image:radial-gradient(#44665866 .7px,transparent .7px);background-size:18px 18px}.lab-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#b8e77b25,transparent 65%);z-index:-1}.lab-reticle{position:absolute;left:50%;top:50%;border:1px solid #9ab47d22;border-radius:50%;pointer-events:none}.reticle-one{width:280px;height:280px;transform:translate(-50%,-50%) rotateX(50deg) rotateZ(-20deg)}.reticle-two{width:430px;height:430px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-35deg)}.lab-circuit{position:absolute;width:100%;height:100%;inset:0;color:#91b97924;z-index:-1}.circuit-signal{stroke-dasharray:16 230;opacity:0}.lab-in-view .circuit-signal{opacity:.65;animation:circuit-flow 9s linear infinite}.lab-axis{position:absolute;font:7px Arial,sans-serif;letter-spacing:1.8px;color:#72917e}.lab-axis-top{top:21px;left:22px}.lab-axis-side{right:17px;top:90px;writing-mode:vertical-rl;font-size:6px}.lab-coordinate{position:absolute;bottom:12px;left:22px;font:6px Arial,sans-serif;letter-spacing:2px;color:#618674}.lab-status-label{position:absolute;bottom:18px;right:22px;display:flex;gap:6px;align-items:center;font-size:8px;color:#b5cf9b}.lab-status-label>span{height:4px;width:4px;border-radius:50%;background:#d5f789}.lab-assembly{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--lab-rx,0deg)) rotateY(var(--lab-ry,0deg));transition:transform .25s ease-out}.device-outline{position:absolute;width:168px;height:280px;left:50%;top:50%;border:2px solid #a3bb8b75;border-radius:26px;transform:translate(-50%,-49%) rotate(-21deg) skewY(3deg);background:linear-gradient(155deg,#3b5b4566,#071c1977);box-shadow:8px 12px 0 #6c92602b,15px 22px 35px #0005}.device-outline>span{position:absolute;width:80px;height:15px;border-radius:0 0 10px 10px;background:#8baa7344;left:50%;top:0;transform:translateX(-50%)}.device-outline>i{position:absolute;width:40px;height:3px;border-radius:10px;background:#85a66e66;left:50%;bottom:8px;transform:translateX(-50%)}.lab-layer{position:absolute;width:155px;height:230px;top:50%;left:50%;border:1px solid #d5e7b8;border-radius:19px;background:linear-gradient(130deg,#f9fcf0,#e8f0dc);color:#284b33;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 13px;box-shadow:2px 4px 0 #b8d19588,8px 16px 22px #0003;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .4s;overflow:hidden}.layer-number{position:absolute;top:9px;left:11px;font:8px Arial,sans-serif;letter-spacing:1px;color:#799365}.layer-caption{position:absolute;bottom:10px;font-size:7px;color:#6e875c}.lab-product-image{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 20px)}.lab-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.lab-photo-missing{font-size:13px;text-align:center;border:1px dashed #b6cda2;border-radius:12px;width:90px;height:130px;display:grid;place-items:center;color:#7e9c66;background:linear-gradient(140deg,#d4e3c044,#f5f9ed88)}.layer-front{z-index:5;transform:translate(-31%,-58%) rotate(-16deg) skewY(3deg)}.layer-middle{z-index:4;transform:translate(-62%,-49%) rotate(-21deg) skewY(3deg);background:linear-gradient(150deg,#d3e4b5,#afcb92);border-color:#a4c77e}.layer-back{z-index:3;transform:translate(-85%,-37%) rotate(-26deg) skewY(3deg);background:linear-gradient(150deg,#b9cf9b,#88ae73);border-color:#97bb78}.is-exploded .layer-front{transform:translate(-12%,-71%) rotate(-12deg) skewY(3deg)}.is-exploded .layer-middle{transform:translate(-72%,-49%) rotate(-22deg) skewY(3deg)}.is-exploded .layer-back{transform:translate(-130%,-23%) rotate(-31deg) skewY(3deg)}[data-selected-kind=screen] .layer-front,[data-selected-kind=battery] .layer-middle,[data-selected-kind=board] .layer-back{box-shadow:0 0 0 2px #d5f78988,5px 8px 0 #9dbf7377,8px 20px 35px #0004}.lab-bottom{position:relative;z-index:5;background:#163631;border-top:1px solid #45614944;padding:18px 22px 12px}.lab-tabs{display:flex;gap:7px;margin-bottom:15px}.lab-tabs>button{background:#1c3c35;border:1px solid #44644766;color:#94b187;font-size:10px;padding:6px 14px;border-radius:30px;flex:1}.lab-tabs>button[aria-pressed=true]{color:#173e35;background:#d5f789;border-color:#d5f789}.lab-result{display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px solid #355746}.lab-result>div{flex:1;min-width:0}.lab-result strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-result small{font-size:8px;color:#8eb181;display:block;margin-top:3px}.lab-result-icon{color:#a1c27c;display:grid;place-items:center;width:30px;height:30px;border:1px solid #52734155;border-radius:50%}.lab-result-icon svg{width:15px;height:15px}.lab-result>a{color:#d5f789;border:1px solid #547041;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.lab-result>a svg{height:16px;width:16px}.lab-disclaimer{font-size:7px;color:#779873;margin:13px 0 0;line-height:1.9}@keyframes circuit-flow{to{stroke-dashoffset:-490}}
@media(max-width:1100px){.hero-v2{gap:30px}.hero-v2 h1{font-size:47px}.lab-topline{padding:18px 16px 0}.lab-topline>span{font-size:6px;letter-spacing:1.2px}.lab-bottom{padding-inline:17px}.lab-stage{height:335px}.lab-tabs>button{padding-inline:6px;font-size:9px}.lab-explode{font-size:8px}.hero-v2 .hero-actions .button{font-size:10px;padding-inline:12px;gap:8px}}
@media(max-width:800px){.hero-v2{gap:20px;min-height:610px}.hero-v2 h1{font-size:39px;letter-spacing:-1.5px}.hero-v2 .hero-description{font-size:11px}.hero-v2 .hero-actions{flex-direction:column;align-items:flex-start}.hero-v2 .hero-actions .button{min-height:40px}.lab-eyebrow{font-size:8px}.lab-stage{height:320px}.lab-topline>span{font-size:5px;letter-spacing:1px}.lab-explode{padding:5px 8px;font-size:7px}.lab-layer{width:125px;height:200px}.device-outline{width:140px;height:245px}.hero-proof strong{font-size:8px}.hero-proof small{font-size:7px}.lab-result strong{font-size:9px}.lab-tabs{gap:4px}.lab-result small{font-size:7px}.is-exploded .layer-back{transform:translate(-115%,-23%) rotate(-31deg) skewY(3deg)}}
@media(max-width:560px){.hero-v2{grid-template-columns:1fr;padding-block:25px;gap:27px}.hero-v2 h1{font-size:44px;line-height:1.6;margin:15px 0;letter-spacing:-1.5px}.hero-v2 .hero-description{font-size:11px}.lab-eyebrow{font-size:8px}.lab-query{max-width:none;margin-top:21px}.lab-query>label{font-size:9px}.lab-query input{font-size:14px}.hero-v2 .hero-actions{flex-direction:row;margin-top:14px;gap:9px}.hero-v2 .hero-actions .button{font-size:10px;min-height:43px;padding-inline:14px}.hero-proof{margin-top:21px;gap:9px}.hero-proof strong{font-size:9px}.hero-proof small{font-size:7px}.proof-mark{width:32px;height:32px}.parts-lab{border-radius:21px}.lab-topline{padding:17px 16px 0}.lab-topline>span{font-size:6px;letter-spacing:1.2px}.lab-explode{font-size:8px;padding:5px 9px}.lab-stage{height:315px}.lab-layer{width:134px;height:208px;border-radius:17px}.device-outline{width:147px;height:255px}.lab-bottom{padding:15px 16px 11px}.lab-tabs>button{font-size:9px;padding-block:6px}.lab-result strong{font-size:10px}.lab-result small{font-size:8px}.lab-disclaimer{font-size:7px}.lab-axis-top{font-size:6px;top:23px;left:17px}.lab-status-label{font-size:7px;right:16px}.lab-coordinate{font-size:5px;left:17px;letter-spacing:1.4px}.is-exploded .layer-back{transform:translate(-120%,-25%) rotate(-31deg) skewY(3deg)}}
@media(max-width:350px){.hero-v2 h1{font-size:39px}.hero-v2 .hero-actions .button{font-size:9px;padding-inline:10px}.lab-layer{width:120px;height:195px}.lab-stage{height:290px}.lab-topline>span{font-size:5px}.lab-status-label{font-size:6px}}
