.kb-demo[data-astro-cid-ceab72rx]{margin:0;width:100%}.kb-demo[data-astro-cid-ceab72rx] svg[data-astro-cid-ceab72rx]{width:100%;height:auto;display:block;border-radius:14px}.kb-demo[data-astro-cid-ceab72rx] figcaption[data-astro-cid-ceab72rx]{text-align:center;font-size:.75rem;color:#f2e6cc66;margin-top:.75rem;font-style:italic}.hold-inactive[data-astro-cid-ceab72rx]{animation:holdInactive 6s ease-in-out infinite}.hold-active[data-astro-cid-ceab72rx]{opacity:0;animation:holdActive 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,217,102,.7))}.hold-icon-inactive[data-astro-cid-ceab72rx]{animation:holdInactive 6s ease-in-out infinite}.hold-icon-active[data-astro-cid-ceab72rx]{opacity:0;animation:holdActive 6s ease-in-out infinite}@keyframes holdInactive{0%,15%{opacity:1}22%,88%{opacity:0}93%,to{opacity:1}}@keyframes holdActive{0%,15%{opacity:0}22%,88%{opacity:1}93%,to{opacity:0}}.finger1[data-astro-cid-ceab72rx]{opacity:0;animation:finger1Show 6s ease-in-out infinite}@keyframes finger1Show{0%,10%{opacity:0}17%,88%{opacity:1}93%,to{opacity:0}}.finger2[data-astro-cid-ceab72rx]{opacity:0;animation:finger2Show 6s ease-in-out infinite}.finger2-pos[data-astro-cid-ceab72rx]{animation:finger2Move 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes finger2Show{0%,22%{opacity:0}28%,83%{opacity:1}88%,to{opacity:0}}@keyframes finger2Move{0%,28%{transform:translate(520px,130px)}53%,58%{transform:translate(220px,130px)}83%,to{transform:translate(520px,130px)}}.keys-strip[data-astro-cid-ceab72rx]{animation:keysScroll 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes keysScroll{0%,28%{transform:translate(0)}53%,58%{transform:translate(-300px)}83%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hold-inactive[data-astro-cid-ceab72rx],.hold-active[data-astro-cid-ceab72rx],.hold-icon-inactive[data-astro-cid-ceab72rx],.hold-icon-active[data-astro-cid-ceab72rx],.finger1[data-astro-cid-ceab72rx],.finger2[data-astro-cid-ceab72rx],.finger2-pos[data-astro-cid-ceab72rx],.keys-strip[data-astro-cid-ceab72rx]{animation:none}.hold-inactive[data-astro-cid-ceab72rx],.hold-icon-inactive[data-astro-cid-ceab72rx]{opacity:0}.hold-active[data-astro-cid-ceab72rx],.hold-icon-active[data-astro-cid-ceab72rx],.finger1[data-astro-cid-ceab72rx],.finger2[data-astro-cid-ceab72rx]{opacity:1}.finger2-pos[data-astro-cid-ceab72rx]{transform:translate(360px,130px)}.keys-strip[data-astro-cid-ceab72rx]{transform:translate(-160px)}}.kb-zoom-demo[data-astro-cid-vj5o63fl]{margin:0;width:100%}.kb-zoom-demo[data-astro-cid-vj5o63fl] svg[data-astro-cid-vj5o63fl]{width:100%;height:auto;display:block;border-radius:14px}.kb-zoom-demo[data-astro-cid-vj5o63fl] figcaption[data-astro-cid-vj5o63fl]{text-align:center;font-size:.75rem;color:#f2e6cc66;margin-top:.75rem;font-style:italic}.hold-inactive[data-astro-cid-vj5o63fl]{animation:zHoldInactive 6s ease-in-out infinite}.hold-active[data-astro-cid-vj5o63fl]{opacity:0;animation:zHoldActive 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,217,102,.7))}.hold-icon-inactive[data-astro-cid-vj5o63fl]{animation:zHoldInactive 6s ease-in-out infinite}.hold-icon-active[data-astro-cid-vj5o63fl]{opacity:0;animation:zHoldActive 6s ease-in-out infinite}@keyframes zHoldInactive{0%,15%{opacity:1}22%,88%{opacity:0}93%,to{opacity:1}}@keyframes zHoldActive{0%,15%{opacity:0}22%,88%{opacity:1}93%,to{opacity:0}}.finger1[data-astro-cid-vj5o63fl]{opacity:0;animation:zFinger1Show 6s ease-in-out infinite}@keyframes zFinger1Show{0%,10%{opacity:0}17%,88%{opacity:1}93%,to{opacity:0}}.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl]{opacity:0;animation:zFingerShow 6s ease-in-out infinite}.finger-zoom-pos-2[data-astro-cid-vj5o63fl]{animation:zFinger2Move 6s cubic-bezier(.4,0,.2,1) infinite}.finger-zoom-pos-3[data-astro-cid-vj5o63fl]{animation:zFinger3Move 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes zFingerShow{0%,22%{opacity:0}28%,83%{opacity:1}88%,to{opacity:0}}@keyframes zFinger2Move{0%,28%{transform:translate(260px,170px)}53%,58%{transform:translate(260px,60px)}83%,to{transform:translate(260px,170px)}}@keyframes zFinger3Move{0%,28%{transform:translate(360px,180px)}53%,58%{transform:translate(360px,70px)}83%,to{transform:translate(360px,180px)}}.keys-strip[data-astro-cid-vj5o63fl]{transform-origin:0 120px;animation:zKeysZoom 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes zKeysZoom{0%,28%{transform:scaleX(1)}53%,58%{transform:scaleX(1.5)}83%,to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hold-inactive[data-astro-cid-vj5o63fl],.hold-active[data-astro-cid-vj5o63fl],.hold-icon-inactive[data-astro-cid-vj5o63fl],.hold-icon-active[data-astro-cid-vj5o63fl],.finger1[data-astro-cid-vj5o63fl],.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl],.finger-zoom-pos-2[data-astro-cid-vj5o63fl],.finger-zoom-pos-3[data-astro-cid-vj5o63fl],.keys-strip[data-astro-cid-vj5o63fl]{animation:none}.hold-inactive[data-astro-cid-vj5o63fl],.hold-icon-inactive[data-astro-cid-vj5o63fl]{opacity:0}.hold-active[data-astro-cid-vj5o63fl],.hold-icon-active[data-astro-cid-vj5o63fl],.finger1[data-astro-cid-vj5o63fl],.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl]{opacity:1}.finger-zoom-pos-2[data-astro-cid-vj5o63fl]{transform:translate(260px,90px)}.finger-zoom-pos-3[data-astro-cid-vj5o63fl]{transform:translate(360px,100px)}.keys-strip[data-astro-cid-vj5o63fl]{transform:scaleX(1.35)}}.sf-demo[data-astro-cid-npylhk3m]{position:relative}.sf-demo-viewport[data-astro-cid-npylhk3m]{position:relative;overflow:hidden;border-radius:.75rem;aspect-ratio:139 / 97;background:#1a1510}.sf-demo-video[data-astro-cid-npylhk3m]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;will-change:transform;transition:transform .8s cubic-bezier(.25,.1,.25,1),transform-origin .8s cubic-bezier(.25,.1,.25,1)}.sf-tap-ring[data-astro-cid-npylhk3m]{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);background:#ffffff1f;box-shadow:0 0 12px #ffffff4d;pointer-events:none;opacity:0;transform:scale(1);transition:opacity .12s ease-out,transform .15s ease-out;z-index:10}.sf-tap-ring[data-astro-cid-npylhk3m].active{opacity:1;transform:scale(.85)}.sf-play-overlay[data-astro-cid-npylhk3m]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#00000073;cursor:pointer;z-index:20;border:none;transition:background .2s}.sf-play-overlay[data-astro-cid-npylhk3m]:hover{background:#0000004d}.sf-play-overlay[data-astro-cid-npylhk3m].hidden{display:none}.sf-play-icon[data-astro-cid-npylhk3m]{width:56px;height:56px;border-radius:50%;background:#cc993326;border:2px solid rgba(204,153,51,.6);display:flex;align-items:center;justify-content:center;color:#c93}.sf-play-label[data-astro-cid-npylhk3m]{color:#f2e6ccb3;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.sf-mute-btn[data-astro-cid-npylhk3m]{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#00000080;border:1px solid rgba(204,153,51,.3);color:#f2e6ccb3;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:15;padding:0}.sf-mute-btn[data-astro-cid-npylhk3m]:hover{background:#000000b3}