*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;background:#f0eee6;color:#20352e;font-family:Arial,sans-serif}#root{width:100%;height:100%;position:relative;overflow:hidden;background:#f0eee6}.backdrop{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#e7e8dd 60%)}header{position:absolute;top:50px;left:70px;right:70px;display:flex;justify-content:space-between;font-size:18px;letter-spacing:3px;color:#52655a}.layout{position:absolute;inset:120px 70px 200px;display:grid;grid-template-columns:660px 1fr;gap:40px}.eyebrow{font-size:20px;letter-spacing:3px;color:#52655a;margin:10px 0 25px}h1{font:400 110px/.96 Georgia,serif;letter-spacing:-5px;margin:0}.notes{position:relative;height:220px;margin-top:50px}.notes article{position:absolute;inset:0;opacity:0}.notes h2{font-size:34px;letter-spacing:-1px;margin:0 0 16px}.notes p{font-size:28px;line-height:1.4;color:#53665b;max-width:610px;margin:0}.visual{position:relative}.scene{width:1050px;height:790px;position:relative;perspective:1500px;perspective-origin:50% 45%}.assembly{position:absolute;width:400px;height:900px;left:320px;top:-100px;transform-style:preserve-3d}.block{position:absolute;transform-style:preserve-3d;background:#d7bda3;border:1px solid #b8a48f;border-radius:30px}.forearm{left:105px;top:435px;width:190px;height:370px;transform:translateZ(-24px)}.forearm span{position:absolute;left:18px;bottom:30px;font-size:13px;letter-spacing:2px;color:#806f5f}.palm{left:75px;top:260px;width:250px;height:200px;transform:translateZ(-5px)}.side{position:absolute;width:34px;height:100%;right:0;top:0;background:#b59a80;transform-origin:100% 50%;transform:rotateY(90deg);border-radius:12px}.bottom-face{position:absolute;bottom:0;left:0;width:100%;height:34px;background:#a89179;transform-origin:50% 100%;transform:rotateX(-90deg)}.finger{position:absolute;top:275px;height:0;transform-style:preserve-3d}.joint{position:absolute;bottom:100%;left:0;transform-origin:50% 100%;transform-style:preserve-3d;background:#d7bda3;border:1px solid #b8a48f;border-radius:16px;width:48px}.joint.proximal{bottom:0;height:100px}.joint.middle{height:70px}.joint.distal{height:52px}.finger-label{position:absolute;bottom:10px;left:3px;font-size:11px;color:#806f5f}.joint>.tendon{position:absolute;left:50%;width:4px;height:100%;border-radius:4px}.tendon.flex{background:#bc704f;transform:translateZ(-14px)}.tendon.extend{background:#477e66;transform:translateZ(19px)}.guide{position:absolute;top:26px;left:-7px;width:62px;height:15px;border:4px solid #799e89;border-radius:5px;transform:translateZ(18px);background:#92b8a244}.cap{position:absolute;left:-7px;top:-5px;width:62px;height:46px;border:5px solid #729b83;background:#92b8a266;border-radius:20px 20px 8px 8px;transform:translateZ(18px)}.lug{position:absolute;left:20px;top:-13px;width:13px;height:16px;border:4px solid #729b83;border-radius:4px;background:#dce3d7}.sheaths{position:absolute;inset:0;width:400px;height:900px;overflow:visible;transform:translateZ(15px);pointer-events:none}.tray{position:absolute;top:455px;left:92px;width:216px;height:335px;background:#405d65;border:5px solid #2c454c;border-radius:16px;transform:translateZ(42px);transform-style:preserve-3d;box-shadow:8px 12px 0 #2c454c}.tray-caption{position:absolute;top:12px;width:100%;text-align:center;font-size:11px;letter-spacing:1px;color:#dce6df}#motors{position:absolute;inset:40px 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.motor{position:relative;background:#1f2f32;border:2px solid #17272b;border-radius:5px;transform-style:preserve-3d;box-shadow:6px 6px 0 #152529}.motor-label{position:absolute;bottom:5px;left:7px;font-size:9px;color:#d9e5db;white-space:nowrap}.spool{position:absolute;left:22px;top:8px;width:31px;height:31px;background:#d5c6a1;border:4px solid #eadab5;border-radius:50%;transform:translateZ(12px)}.spool:after{content:'';position:absolute;left:10px;top:2px;width:3px;height:18px;background:#5f655b;border-radius:2px}.motor.flex .spool{border-color:#bc704f}.motor.extend .spool{border-color:#7ba88d}.strap{position:absolute;left:72px;width:256px;height:30px;background:#687b71;transform:translateZ(-6px);border-radius:10px}.strap-1{top:470px}.strap-2{top:735px}.legend{position:absolute;bottom:-5px;left:90px;right:0;display:flex;gap:25px;font-size:17px;color:#52665b}.legend span{display:flex;gap:9px;align-items:center}.legend i{width:12px;height:12px;border-radius:3px}.flex-dot{background:#bc704f}.ext-dot{background:#477e66}.cap-dot{background:#92b8a2}.system{position:absolute;left:70px;right:70px;bottom:100px;border-top:1px solid #bfc9bd;padding-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.system b{display:block;font-size:15px;letter-spacing:2px;color:#52655a;margin-bottom:9px}.system span{font-size:25px}footer{position:absolute;bottom:32px;left:70px;right:70px;display:flex;justify-content:space-between;font-size:15px;color:#52655a;letter-spacing:.5px}