.ojiz6G_hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,90px);padding-block:72px 100px;display:grid}.ojiz6G_copy{min-width:0}.ojiz6G_identity{align-items:center;gap:13px;margin-bottom:32px;font-size:18px;font-weight:500;display:flex}.ojiz6G_identity img{border-radius:11px}.ojiz6G_copy h1{text-wrap:balance;max-width:13ch;font-size:clamp(3.3rem,5.3vw,4.8rem);line-height:1.04}.ojiz6G_introduction{max-width:33ch;color:var(--muted);margin-top:26px;font-size:16px;line-height:1.8}.ojiz6G_availability{color:var(--muted);margin-top:26px;font-size:13px;line-height:1.8}.ojiz6G_copy>a{margin-top:18px}.ojiz6G_keyboardFigure{min-width:0;margin:0;padding-block:36px 12px}.ojiz6G_layoutName{text-align:center;margin-bottom:28px;font-size:13px;font-weight:500}.ojiz6G_keyboard{aspect-ratio:10/5;width:100%;color:var(--ink);font-size:clamp(14px,1.55vw,22px);position:relative}.ojiz6G_key{left:calc(var(--x) * 10% + 2px);top:calc(var(--y) * 20% + 3px);width:calc(var(--width) * 10% - 4px);-webkit-user-select:none;user-select:none;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:11px;place-items:center;height:calc(20% - 6px);font-weight:400;display:grid;position:absolute;box-shadow:0 3px 9px #24374812}.ojiz6G_functionKey{font-size:.6em}.ojiz6G_key svg{width:1.3em;height:1.3em}.ojiz6G_functionKey svg{width:1.75em;height:1.75em}.ojiz6G_selected{background:var(--mist);border-color:var(--muted)}.ojiz6G_binding{color:var(--muted);justify-content:center;align-items:center;gap:13px;margin-block:34px 22px;font-size:14px;display:flex}.ojiz6G_keyToken{background:var(--mist);border:1px solid var(--stone);width:36px;min-height:36px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.ojiz6G_output{color:var(--ink);padding-left:2px;font-size:18px}.ojiz6G_keyboardFigure figcaption{text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.ojiz6G_features{border-top:1px solid var(--stone);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,60px);padding-block:42px 64px;display:grid}.ojiz6G_features h2{font-size:30px}.ojiz6G_features p{color:var(--muted);max-width:38ch;margin-top:14px;font-size:14px;line-height:1.85}.ojiz6G_questions h2{font-size:clamp(2.5rem,3.5vw,3.3rem)}@media (max-width:1000px){.ojiz6G_hero{gap:38px}.ojiz6G_key{border-radius:8px}}@media (max-width:800px){.ojiz6G_hero{grid-template-columns:1fr;gap:26px;padding-block:46px 64px}.ojiz6G_copy h1{font-size:clamp(3rem,8vw,4.3rem)}.ojiz6G_keyboardFigure{justify-self:center;width:min(100%,540px);padding-block:24px 0}.ojiz6G_keyboard{font-size:clamp(14px,3.8vw,22px)}}@media (max-width:700px){.ojiz6G_features{grid-template-columns:1fr;gap:28px;padding-block:34px 42px}.ojiz6G_features p{max-width:50ch;margin-top:10px}.ojiz6G_identity{margin-bottom:25px}.ojiz6G_copy h1{font-size:clamp(2.75rem,11.5vw,4rem)}.ojiz6G_introduction{margin-top:22px;font-size:15px}.ojiz6G_key{border-radius:7px}.ojiz6G_layoutName{margin-bottom:20px}.ojiz6G_binding{margin-block:26px 18px}}@media (max-width:370px){.ojiz6G_key{left:calc(var(--x) * 10% + 1px);width:calc(var(--width) * 10% - 2px);border-radius:6px}.ojiz6G_keyboard{font-size:13px}}
