:root{color:#f5f1e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171512;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.features-page{color:#f5f1e8;background-color:#171512;background-image:radial-gradient(circle,#f5f1e824 1px,#0000 1px);background-position:0 0;background-size:20px 20px;min-height:100vh;overflow:hidden}.features-page h1,.features-page h2,.features-page p,.features-page ul,.features-page ol{margin:0}.features-page h1,.features-page h2,.features-page p,.features-page a,.features-page li,.features-page span,.features-page strong{letter-spacing:0}.features-container{width:min(100%,76rem);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.features-hero{border-bottom:1px solid #f5f1e83d;align-items:center;min-height:min(46rem,76svh);display:flex}.features-hero-content{gap:1.5rem;padding-top:4.5rem;padding-bottom:4.5rem;display:grid}.features-wordmark{color:#f5f1e8;font-size:1rem;font-weight:800;line-height:1}.features-page h1,.features-page h2{font-family:Georgia,Songti SC,STSong,serif;font-weight:400}.features-page h1{text-wrap:balance;max-width:13ch;font-size:4rem;line-height:1.08}.features-hero-summary{color:#c9c2b6;max-width:38rem;font-size:1.125rem;line-height:1.8}.features-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.features-action{border:1px solid #0000;border-radius:4px;min-height:2.875rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;line-height:1.35;text-decoration:none}.features-action--primary{color:#171512;background:#f5f1e8}.features-action--secondary{color:#f5f1e8;background:#171512d1;border-color:#f5f1e870}.features-action--dark{color:#f5f1e8;background:#171512}.features-page a:hover{border-color:#e85d3f}.features-page a:focus-visible{outline-offset:4px;outline:3px solid #e85d3f}.features-closing .features-action:focus-visible{outline-offset:4px;outline:3px solid #171512;box-shadow:0 0 0 7px #fffdf8}.feature-band,.features-closing{border-bottom:1px solid #f5f1e833;width:100%}.feature-band--ink{color:#f5f1e8;background:#171512}.feature-band--paper{color:#1a1815;background:#eee9df;border-color:#c8c0b3}.feature-band-layout{gap:2.5rem;padding-top:5rem;padding-bottom:5rem;display:grid}.feature-copy{align-content:center;gap:1.25rem;min-width:0;display:grid}.feature-section-number{color:#e85d3f;font-size:.8125rem;font-weight:800;line-height:1}.features-page h2{text-wrap:balance;max-width:16ch;font-size:2.5rem;line-height:1.15}.feature-description,.feature-note,.features-closing-content>p:not(.features-wordmark){color:#bdb5a9;max-width:36rem;font-size:1rem;line-height:1.75}.feature-band--paper .feature-description,.feature-band--paper .feature-note{color:#5d574f}.feature-note{border-left:2px solid #e85d3f;padding-left:1rem}.foundation-tool-index,.learning-stage-index{border-top:1px solid #f5f1e83d;max-width:34rem;padding:0;list-style:none}.foundation-tool-index li,.learning-stage-index li{border-bottom:1px solid #f5f1e82e;grid-template-columns:7.25rem minmax(0,1fr);gap:1rem;padding:.65rem 0;line-height:1.45;display:grid}.foundation-tool-index strong,.learning-stage-index strong{color:#f5f1e8;font-size:.875rem;font-weight:800}.foundation-tool-index span,.learning-stage-index span{color:#aaa296;font-size:.8125rem}.feature-media{align-items:center;min-width:0;display:flex}.feature-animation-shell{aspect-ratio:16/9;background:#ece7dd;border:1px solid #f5f1e840;border-radius:6px;width:100%;min-width:0;max-width:54rem;min-height:0;max-height:30.375rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #00000038}.feature-animation-loading,.feature-animation-fallback{color:#171512;text-align:center;background-color:#ece7dd;background-image:radial-gradient(circle,#17151233 1px,#0000 1px);background-size:18px 18px;place-content:center;gap:.5rem;display:grid;position:absolute;inset:0}.feature-animation-loading span:first-child,.feature-animation-fallback strong{font-size:1rem;font-weight:800}.feature-animation-loading span:last-child,.feature-animation-fallback span{color:#625b52;font-size:.8125rem}.feature-animation-fallback{z-index:2}.feature-animation-shell>.feature-animation{z-index:1;background:#ece7dd;border-radius:5px;width:100%;height:100%;min-height:0;max-height:30.375rem;position:relative}.feature-animation-player,.feature-animation-thumbnail{background:#ece7dd;border-radius:5px;width:100%;height:100%;display:block}.features-closing{color:#171512;background:#d7dcce}.features-closing-content{justify-items:start;gap:1.25rem;padding-top:5rem;padding-bottom:5rem;display:grid}.features-closing .features-wordmark,.features-closing-content>p:not(.features-wordmark){color:#403c35}@media (width>=901px){.feature-band-layout{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:center;gap:4rem}.feature-band--reverse .feature-band-layout{grid-template-columns:minmax(0,1.28fr) minmax(18rem,.72fr)}.feature-band--reverse .feature-copy{grid-area:1/2}.feature-band--reverse .feature-media{grid-area:1/1}.feature-band--assistant .feature-band-layout{grid-template-columns:minmax(16rem,.5fr) minmax(0,1.5fr);gap:3rem}.feature-band--assistant .feature-animation-shell{max-width:60rem}}@media (width<=900px){.features-page h1{font-size:3.25rem}.feature-media{justify-content:center}}@media (width<=640px){.features-container{padding-left:1.25rem;padding-right:1.25rem}.features-hero{min-height:min(42rem,76svh)}.features-hero-content{gap:1.25rem;padding-top:3.5rem;padding-bottom:3.5rem}.features-page h1{max-width:12ch;font-size:2.625rem;line-height:1.12}.features-hero-summary{font-size:1rem;line-height:1.7}.features-actions{align-items:stretch}.features-action{flex:8em}.feature-band-layout{gap:2rem;padding-top:3.75rem;padding-bottom:3.75rem}.features-page h2{font-size:2rem}.foundation-tool-index li,.learning-stage-index li{grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem}.features-closing-content{padding-top:4rem;padding-bottom:4rem}}@media (width<=360px){.features-page h1{font-size:2.25rem}.foundation-tool-index li,.learning-stage-index li{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.feature-animation-shell,.feature-animation-thumbnail{background-color:#ece7dd}}.demo-canvas-scene{--demo-accent:#d94f35;--demo-border:#b9aea0;--demo-canvas:#ece7dd;--demo-connector:#655f57;--demo-drawing:#3569b8;--demo-ink:#211f1c;--demo-muted:#655f57;--demo-paper:#fffdf8;isolation:isolate;background-color:var(--demo-canvas);color:var(--demo-ink);letter-spacing:0;background-image:radial-gradient(circle,#c6bbad 1px,#0000 1px);background-size:20px 20px;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif}.demo-canvas-scene h3,.demo-canvas-scene p,.demo-canvas-scene ul{margin:0}.demo-toolbar{z-index:6;border:1px solid var(--demo-border);background-color:var(--demo-paper);color:var(--demo-ink);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 8px 20px #211f1c24}.demo-toolbar-tool{width:34px;height:34px;color:var(--demo-muted);background-color:#0000;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.demo-toolbar-tool svg,.demo-cursor svg{width:30px;height:30px}.demo-toolbar-tool[data-active=true]{border-color:var(--demo-ink);background-color:var(--demo-ink);color:var(--demo-paper)}.demo-note,.demo-todo,.demo-board,.demo-column,.demo-timer,.demo-ai-panel{border:1px solid var(--demo-border);background-color:var(--demo-paper);color:var(--demo-ink);border-radius:8px;padding:14px 16px;box-shadow:0 10px 26px #211f1c24}.demo-note,.demo-todo,.demo-column,.demo-timer,.demo-ai-panel{z-index:2}.demo-note{border-top:4px solid var(--demo-accent)}.demo-todo{border-top:4px solid #6f8768}.demo-board{z-index:0;padding:18px 20px}.demo-column{border-top:4px solid #c29b38}.demo-timer{border-color:#c29b38;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.demo-ai-panel{border-left:5px solid #6f8768}.demo-note h3,.demo-todo h3,.demo-board h3,.demo-column h3,.demo-ai-panel h3{color:var(--demo-ink);font-size:var(--demo-title-size);margin-bottom:8px;font-weight:800;line-height:1.15}.demo-note p,.demo-ai-panel p{color:var(--demo-muted);font-size:var(--demo-body-size);line-height:1.4}.demo-todo ul,.demo-column ul{gap:7px;padding:0;list-style:none;display:grid}.demo-todo li{color:var(--demo-muted);font-size:var(--demo-body-size);align-items:center;gap:8px;line-height:1.35;display:flex}.demo-todo li svg{color:#5f7858;flex:none}.demo-board-content{color:var(--demo-muted);margin-top:12px}.demo-column li{color:var(--demo-muted);font-size:var(--demo-body-size);background-color:#f4efe7;border:1px solid #d8d0c5;border-radius:5px;padding:6px 8px;line-height:1.25}.demo-timer span{color:var(--demo-muted);font-size:var(--demo-timer-label-size);font-weight:700}.demo-timer strong{color:var(--demo-ink);font-size:var(--demo-timer-size);font-variant-numeric:tabular-nums;line-height:1}.demo-drawing{z-index:1;color:var(--demo-drawing)}.demo-drawing polyline{stroke:var(--demo-drawing)}.demo-connection{z-index:1;color:var(--demo-connector)}.demo-connection line{stroke:var(--demo-connector);stroke-width:3px}.demo-connection text{fill:var(--demo-connector);stroke:var(--demo-canvas);stroke-width:5px;font-size:var(--demo-connection-size);paint-order:stroke fill;text-anchor:middle;font-weight:800}.demo-cursor{z-index:10;color:var(--demo-accent);filter:drop-shadow(0 2px 2px #211f1c47)}.demo-canvas-scene[data-presentation=compact] .demo-toolbar{gap:10px;padding:7px 10px}.demo-canvas-scene[data-presentation=compact] .demo-toolbar-tool{width:56px;height:56px}.demo-canvas-scene[data-presentation=compact] .demo-toolbar-tool svg{width:40px;height:40px}.demo-canvas-scene[data-presentation=compact] .demo-note,.demo-canvas-scene[data-presentation=compact] .demo-todo,.demo-canvas-scene[data-presentation=compact] .demo-column,.demo-canvas-scene[data-presentation=compact] .demo-timer,.demo-canvas-scene[data-presentation=compact] .demo-ai-panel{padding:10px 14px;overflow:hidden}.demo-canvas-scene[data-presentation=compact] .demo-connection text{display:none}.demo-canvas-scene[data-presentation=compact] .demo-note h3,.demo-canvas-scene[data-presentation=compact] .demo-todo h3,.demo-canvas-scene[data-presentation=compact] .demo-board h3,.demo-canvas-scene[data-presentation=compact] .demo-column h3,.demo-canvas-scene[data-presentation=compact] .demo-ai-panel h3{white-space:nowrap;margin-bottom:6px;line-height:1.05}.demo-canvas-scene[data-presentation=compact] .demo-note p,.demo-canvas-scene[data-presentation=compact] .demo-ai-panel p,.demo-canvas-scene[data-presentation=compact] .demo-todo li,.demo-canvas-scene[data-presentation=compact] .demo-column li{line-height:1.08}.demo-canvas-scene[data-presentation=compact] .demo-todo ul,.demo-canvas-scene[data-presentation=compact] .demo-column ul{gap:5px}.demo-canvas-scene[data-presentation=compact] .demo-todo li svg{width:36px;height:36px}.demo-canvas-scene[data-presentation=compact] .demo-cursor svg{width:52px;height:52px}