*{box-sizing:border-box}body{margin:0;background:#f1efe8;color:#2c2c2a;font:18px/1.6 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:28px 22px 48px}h1,h2{color:#1a3d1a;line-height:1.2}a{color:#315b19}nav{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.brand{font-weight:800;text-decoration:none}.appearance{border:1px solid currentColor;border-radius:30px;background:transparent;color:#315b19;padding:8px 12px;cursor:pointer;min-width:44px;min-height:44px}.appearance svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.appearance .luz-led{display:none}a:focus-visible,button:focus-visible{outline:3px solid #9b7414;outline-offset:4px}.dark{background:#101b13;color:#f1efe8}.dark h1,.dark h2{color:#f1efe8}.dark a,.dark .appearance{color:#c0dd97}.dark :focus-visible{outline-color:#f2b632}
.demo-page{text-align:center}.demo-page h1{margin:28px 0 12px;font-size:36px}.demo-page .intro{max-width:700px;margin:0 auto 24px}.demo-device{width:360px;height:740px;max-width:100%;padding:10px;background:#18251d;border:2px solid #61715e;border-radius:30px;margin:24px auto;box-shadow:0 16px 32px #07170c26}.demo-device iframe{display:block;width:100%;height:100%;border:0;border-radius:20px;background:#fafaf5}.demo-page .download{display:inline-block;background:#f2b632;color:#1d1600;padding:10px 20px;border-radius:10px;font-weight:800;text-decoration:none}@media(max-width:699px){.demo-device{width:100%;height:80vh;border:0;padding:0;border-radius:0;box-shadow:none}.demo-device iframe{border-radius:0}}