:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--green:var(--lightningcss-light,#147650)var(--lightningcss-dark,#4fc596);--ink:var(--lightningcss-light,#1c2420)var(--lightningcss-dark,#e8efeb);--muted:var(--lightningcss-light,#5c6a63)var(--lightningcss-dark,#9fb0a7);--paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121714);--wash:var(--lightningcss-light,#f2f7f4)var(--lightningcss-dark,#1a211d);--rule:var(--lightningcss-light,#dde7e1)var(--lightningcss-dark,#2a342e)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header.site{border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}header.site img{width:2.25rem;height:2.25rem}header.site a{color:var(--ink);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}main{max-width:64rem;margin:0 auto;padding:1rem 1.5rem 2rem}h1{color:var(--green);line-height:1.25}a{color:var(--green)}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hero{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.hero-mascot{width:8rem;height:8rem}.hero h1{margin:0;font-size:2.5rem}@media (width>=40rem){.hero{flex-direction:row;gap:1.5rem}.hero-mascot{width:9.5rem;height:9.5rem}.hero h1{letter-spacing:-.02em;font-size:3.5rem}}.updated{color:var(--muted);font-size:.9375rem}.card{background:var(--wash);border:1px solid var(--rule);border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.25rem}footer.site{border-top:1px solid var(--rule);max-width:64rem;color:var(--muted);flex-wrap:wrap;gap:1.25rem;margin:0 auto;padding:1.5rem;font-size:.9375rem;display:flex}footer.site a{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo{--camera:var(--lightningcss-light,#6b2fb5)var(--lightningcss-dark,#a874f0);--camera-ink:#fff;--keypad:var(--green);--keypad-ink:#fff}.demo-tabs{background:var(--wash);border:1px solid var(--rule);border-radius:999px;gap:.5rem;max-width:22rem;margin:0 auto 1rem;padding:.3rem;display:flex}.demo-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.7rem .5rem;font-size:.9375rem;font-weight:650;line-height:1.2;transition:background .18s,color .18s,box-shadow .18s}.demo-tab:hover{color:var(--ink)}.demo-tab.is-camera[aria-selected=true]{background:var(--camera);color:var(--camera-ink);box-shadow:0 6px 18px var(--lightningcss-light,#6b2fb559)var(--lightningcss-dark,#a874f047)}.demo-tab.is-keypad[aria-selected=true]{background:var(--keypad);color:var(--keypad-ink);box-shadow:0 6px 18px var(--lightningcss-light,#14765059)var(--lightningcss-dark,#4fc59647)}.demo-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.demo-stage{--accent:var(--camera);justify-content:center;display:flex}.demo-stage.is-keypad{--accent:var(--keypad)}.pitch{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.features{background:var(--wash);border:1px solid var(--rule);border-radius:.75rem;width:100%;max-width:30rem;padding:1.5rem 1.75rem 1.75rem}.features h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.5rem}.features ul{color:var(--ink);flex-direction:column;gap:1rem;margin:0;padding:0;font-size:1.125rem;font-weight:500;line-height:1.5;list-style:none;display:flex}.features li{padding-left:1.6rem;position:relative}.features li:before{content:"";background:var(--green);border-radius:.16rem;width:.62rem;height:.85rem;position:absolute;top:.45em;left:0}.demo-panel{width:100%;position:relative}.demo-replay{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.5rem;font-size:1rem;font-weight:650;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.demo-replay:focus-visible{outline-offset:3px;outline:2px solid #fff}.demo-screen{aspect-ratio:780/1688;background:var(--wash);width:100%;max-width:19rem;box-shadow:0 1px 2px #00000029, 0 18px 44px -12px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:1.75rem;margin:0 auto;transition:box-shadow .22s;display:block}@media (width>=50rem){.pitch{grid-template-columns:19rem minmax(0,30rem);grid-template-areas:"demo hero""demo features";justify-content:center;gap:1.25rem clamp(1.5rem,5vw,3.5rem);display:grid}.hero{grid-area:hero;justify-content:flex-start;align-self:end}.demo{grid-area:demo;align-self:center}.demo-tab{font-size:.875rem}.demo-screen{max-width:19rem}.features{grid-area:features;align-self:start}}@media (prefers-reduced-motion:reduce){.demo-tab,.demo-screen{transition:none}}