@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-primary:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body-color:#111;--body-bg:#fdfdfc;--selection-bg:#ededed}*{box-sizing:border-box;border:0;margin:0;padding:0}::selection{background:var(--selection-bg);color:var(--body-color)}html,body{min-height:100%}html{background:var(--body-bg);color:var(--body-color)}body{font-family:var(--font-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}a{color:inherit;-webkit-tap-highlight-color:#0000;text-decoration:none}button,input,textarea,select{font:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.brand-mark{z-index:10;position:fixed;top:1.5rem;left:1.75rem}.release-mark{z-index:10;position:fixed;top:1.5rem;right:1.75rem}.brand-link{color:#0006;cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.brand-logo{flex-shrink:0;width:1.5rem;height:1.5rem;transition:transform .2s,opacity .2s;display:block}.brand-link .brand-name{font-family:var(--font-primary);letter-spacing:.005em;font-size:.75rem;font-weight:400;line-height:1;transition:color .2s}.brand-link:hover .brand-logo{opacity:.92;animation:.7s ease-in-out wiggle}.brand-link:hover .brand-name{color:#000c}@keyframes wiggle{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}to{transform:rotate(0)}}.hero{flex:1;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.hero-actions{flex-direction:column;align-items:center;gap:1rem;display:inline-flex}.download-link{letter-spacing:0;color:#000000b3;padding-bottom:4px;font-size:.9375rem;font-weight:450;transition:color .25s;display:inline-block;position:relative}.download-link:after{content:"";opacity:.45;background:currentColor;height:1px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.download-link:hover{color:#000}.download-link:hover:after{opacity:.9}.hand-lab-page{color:#161915;background:#f4f3ef;min-height:100vh;padding:1.25rem}.hand-lab-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hand-lab-status{color:#0000008f;background:#ffffff8c;border:1px solid #0000001f;border-radius:.5rem;align-items:center;gap:.6rem;min-height:2.25rem;padding:0 .85rem;font-size:.8125rem;display:inline-flex}.hand-lab-status strong{color:#000000d6;font-weight:560}.hand-lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.hand-panel{min-width:0}.panel-heading{min-height:4.8rem;padding:.9rem .2rem 1rem}.panel-heading h1,.panel-heading h2{letter-spacing:0;margin-bottom:.35rem;font-size:1.05rem;font-weight:620;line-height:1.15}.panel-heading p{color:#0000008f;max-width:38rem;font-size:.875rem;line-height:1.45}.camera-stage,.hand-scene{aspect-ratio:16/10;background:#e6e8e0;border:1px solid #0000001f;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.scene-shell{position:relative}.hand-video,.hand-overlay{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hand-video{filter:saturate(.82)contrast(1.04);transform:scaleX(-1)}.hand-overlay{z-index:1}.hand-scene canvas{width:100%;height:100%;display:block}.zoom-control{z-index:2;color:#0000009e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf7d1;border:1px solid #0000001f;border-radius:.5rem;grid-template-columns:auto minmax(8rem,12rem) auto;align-items:center;gap:.65rem;min-height:2.5rem;padding:0 .8rem;font-size:.75rem;display:grid;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 .6rem 1.4rem #00000014}.zoom-control input{accent-color:#d94f3d;width:100%}.zoom-control strong{color:#000000d1;text-align:right;min-width:2.5rem;font-weight:560}.angle-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.angle-strip>p,.angle-meter{background:#ffffff85;border:1px solid #0000001c;border-radius:.5rem;min-height:4.2rem;padding:.85rem}.angle-strip>p{color:#0000008c;grid-column:1/-1;align-items:center;display:flex}.angle-meter span{color:#0000008a;margin-bottom:.35rem;font-size:.75rem;display:block}.angle-meter strong{margin-bottom:.55rem;font-size:1.15rem;font-weight:620;line-height:1;display:block}.angle-meter div{background:#0000001a;border-radius:999px;width:100%;height:.35rem;overflow:hidden}.angle-meter i{border-radius:inherit;background:#d94f3d;height:100%;display:block}@media (max-width:900px){.hand-lab-page{padding:1rem}.hand-lab-header{align-items:flex-start}.hand-lab-grid{grid-template-columns:1fr}.panel-heading{min-height:auto}.angle-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hand-lab-header,.hand-lab-status{flex-direction:column;align-items:flex-start}.angle-strip{grid-template-columns:1fr}.zoom-control{grid-template-columns:auto minmax(0,1fr) auto;left:.75rem}}.footer{color:#0006;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.25rem;width:100%;margin:auto 0 0;padding:1.5rem 1.75rem;font-size:.75rem;display:flex}.footer-copy{letter-spacing:.005em}.release-meta{letter-spacing:.005em;color:#0006;font-size:.75rem;font-weight:400}.footer-links{flex-wrap:wrap;align-items:center;gap:.25rem 1.125rem;display:inline-flex}.footer-links>a{color:#00000080;transition:color .15s}.footer-links>a:hover{color:#000c}.legal{position:relative}.legal>summary{cursor:pointer;color:#00000080;-webkit-user-select:none;user-select:none;list-style:none;transition:color .15s}.legal>summary::-webkit-details-marker{display:none}.legal>summary:hover{color:#000c}.legal[open]>summary{color:#000000eb}.legal>p{color:#000000b8;z-index:10;background:#fff;border:1px solid #00000012;border-radius:.5rem;width:min(360px,100vw - 48px);margin:0;padding:.95rem 1.05rem;font-size:.8125rem;line-height:1.55;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 1px 2px #0000000a,0 14px 32px -12px #00000029}@media (prefers-reduced-motion:reduce){.brand-link:hover .ghost,.download{transition:none;animation:none!important}}@media (max-width:540px){.brand-mark{top:1.125rem;left:1.25rem}.release-mark{top:1.125rem;right:1.25rem}.footer{padding:1.25rem}}