@font-face{font-family:Assistant;font-style:normal;font-weight:200;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:200;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:200;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:300;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:300;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:300;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:400;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:400;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:400;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:500;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:500;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:500;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:600;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:600;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:600;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:700;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:700;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:700;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Assistant;font-style:normal;font-weight:800;font-display:swap;src:url(/footnotes/assets/font/Assistant-Hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Assistant;font-style:normal;font-weight:800;font-display:swap;src:url(/footnotes/assets/font/Assistant-LatinExt.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Assistant;font-style:normal;font-weight:800;font-display:swap;src:url(/footnotes/assets/font/Assistant-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #121316;--bg-raised: #18191d;--surface: #1f2128;--surface-hover: #272a33;--border: rgba(255, 255, 255, .09);--text: #f3f4f6;--muted: #a7abb6;--left: #2f9bff;--right: #ffad1f;--note: #ff4f61;--focus: #8cc8ff;--radius: 14px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:Assistant,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit}img,svg,video{display:block;max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}@media(min-width:720px){.container{padding:0 32px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:#121316d1;backdrop-filter:blur(10px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none}.site-nav{display:flex;gap:20px;font-weight:600}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}@media(max-width:480px){.brand span{display:none}.site-nav{gap:16px;font-size:15px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,filter .15s}.button:hover{border-color:#ffffff2e;background:var(--surface-hover)}.button:active{transform:translateY(1px)}.button.primary{border-color:transparent;background:linear-gradient(90deg,var(--left),#6f8dff);color:#07111f}.button.primary:hover{filter:brightness(1.08)}.icon-button{flex:none;width:40px;height:40px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:22px;line-height:1;cursor:pointer}.icon-button:hover{background:var(--surface-hover)}.hero{position:relative;overflow:hidden;padding:48px 0 64px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(40% 55% at 18% 30%,rgba(47,155,255,.18),transparent 70%),radial-gradient(35% 50% at 82% 62%,rgba(255,173,31,.13),transparent 70%);pointer-events:none}.hero-grid{position:relative;display:grid;gap:40px;align-items:center}@media(min-width:880px){.hero{padding:88px 0 104px}.hero-grid{grid-template-columns:1.1fr .9fr}}h1{background:linear-gradient(90deg,var(--left),#9b8cff 55%,var(--right));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(52px,10vw,88px);font-weight:800;letter-spacing:-.02em;line-height:1}.tagline{margin-top:16px;font-size:clamp(21px,3vw,27px);font-weight:700;line-height:1.3}.lede{max-width:32em;margin-top:14px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.minibot{justify-self:center;width:208px}@media(max-width:360px){.minibot{scale:.85;transform-origin:top center}}.pad{position:relative;display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:8px}.panel{display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#262932;animation:flash 2s linear infinite}.panel-up{grid-area:up;animation-delay:-1.5s}.panel-down{grid-area:down;animation-delay:-1s}.panel-left{grid-area:left;animation-delay:-.5s}.panel-right{grid-area:right}@keyframes flash{0%{background:#3b404f;box-shadow:inset 0 0 0 2px #ffffff24}18%,to{background:#262932;box-shadow:none}}.arrow.up{rotate:90deg}.arrow.down{rotate:-90deg}.arrow.right{rotate:180deg}.panel .arrow{width:44px;height:44px;fill:#363a46;stroke:#4a4f5e}.foot{position:absolute;top:0;left:0;display:grid;place-items:center;width:30px;height:54px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.foot svg{position:absolute;inset:0;width:100%;height:100%}.foot span{position:relative;margin-top:4px;color:#0000008c;font-size:14px;font-weight:800}.foot-left{transform:translate(17px,77px) rotate(-8deg);animation:left-foot 2s ease-in-out infinite}.foot-left svg{fill:var(--left)}.foot-right{transform:translate(161px,77px) rotate(8deg);animation:right-foot 2s ease-in-out infinite}.foot-right svg{fill:var(--right)}@keyframes left-foot{0%,18%{transform:translate(17px,77px) rotate(-8deg) scale(1)}21.5%{transform:translate(53px,41px) rotate(-8deg) scale(1.18)}25%,68%{transform:translate(89px,5px) rotate(-8deg) scale(1)}71.5%{transform:translate(53px,41px) rotate(-8deg) scale(1.18)}75%,to{transform:translate(17px,77px) rotate(-8deg) scale(1)}}@keyframes right-foot{0%,43%{transform:translate(161px,77px) rotate(8deg) scale(1)}46.5%{transform:translate(125px,113px) rotate(8deg) scale(1.18)}50%,93%{transform:translate(89px,149px) rotate(8deg) scale(1)}96.5%{transform:translate(125px,113px) rotate(8deg) scale(1.18)}to{transform:translate(161px,77px) rotate(8deg) scale(1)}}.lane{position:relative;height:176px;margin-top:14px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}.receptors{display:grid;grid-template-columns:repeat(4,1fr)}.receptors .arrow{width:44px;height:44px;margin:0 auto;fill:none;stroke:#8b90a0}.note{position:absolute;top:0;width:44px;height:44px;fill:var(--note);stroke:#fff;stroke-opacity:.85;animation:rise 2s linear infinite}.note.left{left:4px}.note.down{left:56px;animation-delay:-.5s}.note.up{left:108px;animation-delay:-1s}.note.right{left:160px;animation-delay:-1.5s}@keyframes rise{0%{translate:0 176px;opacity:1;scale:1}75%{translate:0 0;opacity:1;scale:1}80%{translate:0 -4px;opacity:0;scale:1.25}to{translate:0 0;opacity:0}}@media(prefers-reduced-motion:reduce){.panel,.foot,.note{animation:none}.note{opacity:0}}.section{padding:64px 0;border-top:1px solid var(--border)}h2{font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.01em;line-height:1.2}.section-lede{max-width:40em;margin-top:10px;color:var(--muted)}.cards{display:grid;gap:16px;margin-top:28px}@media(min-width:820px){.cards{grid-template-columns:repeat(3,1fr)}}.card,.step,.picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:22px}.card{display:flex;flex-direction:column;gap:12px}.card h3,.step h3{font-size:20px;font-weight:800}.card p{flex:1;color:var(--muted)}.card>.button{align-self:flex-start}.link-form{display:flex;flex-wrap:wrap;gap:8px}.link-form input{flex:1 1 180px;min-width:0;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#0f1013;color:var(--text);font:inherit}.card .status{flex:none;font-size:15px}.status:empty{display:none}.status.error{color:#ff8a8a}.status a{color:var(--text)}.demo-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-chart{--diff: #a0a4ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border:1px solid var(--border);border-top:3px solid var(--diff);border-radius:12px;background:var(--surface);font-size:15px;font-weight:700;text-decoration:none;transition:background .15s}.demo-chart:hover{background:var(--surface-hover)}.demo-chart .meter{color:var(--diff);font-size:22px;font-weight:800;line-height:1}.picker{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;color:var(--text)}.picker::backdrop{background:#050608b3}.picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}#picker-title{font-size:24px;font-weight:800;line-height:1.25}.picker-hint{margin-top:10px;color:var(--muted)}.chart-group{margin-top:18px}.chart-group h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--muted);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge{padding:2px 8px;border-radius:999px;background:#ffffff14;font-size:12px;letter-spacing:0;text-transform:none}.chart-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chart-button{--diff: #a0a4ad;display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 16px 8px 14px;border:1px solid var(--border);border-left:4px solid var(--diff);border-radius:12px;background:var(--surface);font-weight:700;text-decoration:none}.chart-button:hover{background:var(--surface-hover)}.chart-button .meter{min-width:1.4em;color:var(--diff);font-size:20px;font-weight:800;text-align:right}.diff-beginner{--diff: #3fd6f5}.diff-easy{--diff: #6ad35f}.diff-medium{--diff: #ffd23f}.diff-hard{--diff: #ff5a5a}.diff-challenge{--diff: #c27bff}.steps{display:grid;gap:16px;margin:28px 0 0;padding:0;list-style:none}@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}.step h3{margin-top:14px}.step p{margin-top:6px;color:var(--muted)}.step-icon{display:flex;align-items:center;gap:6px;height:56px}.sole-icon{width:22px;height:46px}.sole-icon.left{fill:var(--left);rotate:-8deg}.sole-icon.right{fill:var(--right);rotate:8deg;translate:0 -6px}.note-icon{width:46px;height:46px;fill:var(--note);stroke:#fff;stroke-opacity:.85}.rate-badge{display:inline-grid;place-items:center;height:40px;padding:0 14px;border:1px solid rgba(47,155,255,.35);border-radius:999px;background:#2f9bff24;color:var(--left);font-size:18px;font-weight:800}.preview{margin-top:28px}.preview video{width:100%;aspect-ratio:16 / 10;border:1px solid var(--border);border-radius:var(--radius);background:#18191c;object-fit:cover}.preview figcaption{margin-top:10px;color:var(--muted);font-size:15px}.controls-grid{display:grid;gap:28px;align-items:start}@media(min-width:880px){.controls-grid{grid-template-columns:.8fr 1.2fr}}.controls-grid .button{margin-top:20px}.keys{width:100%;border:1px solid var(--border);border-radius:var(--radius);border-collapse:separate;border-spacing:0;background:var(--bg-raised);overflow:hidden}.keys th,.keys td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.keys tr:last-child th,.keys tr:last-child td{border-bottom:none}.keys th{font-weight:600}kbd{display:inline-block;min-width:1.9em;padding:2px 7px;border:1px solid rgba(255,255,255,.12);border-bottom-width:2px;border-radius:6px;background:#2a2d36;color:var(--text);font:600 14px/1.4 Assistant,system-ui,sans-serif;text-align:center}.site-footer{padding:28px 0 40px;border-top:1px solid var(--border);color:var(--muted);font-size:15px}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.site-footer nav{display:flex;gap:18px}.site-footer a{color:var(--text)}