@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/caveat-400.ttf') format('truetype')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/caveat-600.ttf') format('truetype')}
.sketch-intro{margin-top:44px}.sketch-intro .section-heading{align-items:center}.sketch-intro #concept-title{font:400 clamp(27px,3.1vw,43px)/1.2 var(--serif);letter-spacing:-.035em;max-width:none}.sketch-intro #concept-title strong{font-weight:600;color:#39988b;text-decoration:none}.sketch-intro #concept-play{flex:none}.sketch-comparison{border:0!important}.sketch-columns{display:grid;grid-template-columns:1fr 1fr 1.85fr;gap:20px;align-items:start}.sketch-panel{min-width:0;padding:20px 0 0;position:relative}.sketch-panel h3{font:600 30px/1.1 'Caveat',cursive;letter-spacing:0;text-align:center;margin:0 0 14px;color:#43514f}.sketch-panel svg{display:block;width:100%;height:auto;overflow:visible}.ours-sketch{background:#e6f4f2;border-radius:2% 3% 2% 4% / 3% 2% 4% 3%}.ours-sketch h3{color:#349084}.sketch-panel svg text{font-family:'Caveat',cursive;fill:#465553;font-size:20px}.sketch-panel .sketch-main{font-size:25px}.sketch-panel .sketch-model{font-size:23px}.sketch-panel .sketch-small{font-size:20px}.sketch-panel .sketch-label{font-size:20px;fill:#72928e}.sketch-panel .sketch-conclusion{font-size:22px;fill:#57807b}.sketch-panel .sketch-action{font-size:24px;fill:#788e8b}.sketch-panel .missing-system{font-size:20px;fill:#87ada8}.sketch-box{fill:#fbfefecc;stroke:#708683;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.sketch-wire{fill:none;stroke:#7d8d8b;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.feedback-dashed{stroke-dasharray:4 6;opacity:.6}.sketch-brain path,.sketch-robot path,.sketch-robot circle,.sketch-network path,.sketch-network circle{fill:none;stroke:#586664;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sketch-network circle{fill:#fbfefe}.sketch-step .sketch-box{transition:fill .45s,stroke .45s}.sketch-step.is-active>.sketch-box{fill:#d0ede9;stroke:#3da396;stroke-width:1.7}.sketch-panel .system-badge{font-size:17px;fill:#3da396}.sketch-panel .sketch-version{font-size:17px;fill:#3da396}.harness-box{fill:#edf9f7;stroke-dasharray:7 3}.skill-box,.tool-box{fill:#fcfefe}.api-box{fill:#d8eae8}.rewrite-flow,.rewrite-return{fill:none;stroke:#3da396;stroke-width:1.65;stroke-linecap:round;stroke-dasharray:5 7;animation:sketch-flow 3s linear infinite}.rewrite-return{stroke-width:1;opacity:.55;animation-direction:reverse}.sketch-panel .sketch-revision{fill:#3da396;font-size:21px}.revision-chip{opacity:.65;transition:opacity .3s}.revision-step.is-active .revision-chip{opacity:1}.revision-step.is-active .rewrite-flow{stroke-width:2.8}.ours-execute-flow{stroke-dasharray:5 6;animation:sketch-flow 2s linear infinite}.sketch-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px;color:#80aaa4}.sketch-controls button{font:400 20px 'Caveat',cursive;border:1px solid transparent;border-radius:40% 50% 45% 45%;background:transparent;color:#75928e;padding:6px 16px}.sketch-controls button[aria-pressed=true]{border-color:#94c8c1;color:#38968a;background:#daf1ee}.sketch-controls span{font-size:14px}.sketch-comparison.is-paused *{animation-play-state:paused!important}
@keyframes sketch-flow{to{stroke-dashoffset:-48}}
@media(max-width:760px){.sketch-columns{grid-template-columns:1fr 1fr;gap:22px 12px}.ours-sketch{grid-column:1/-1;max-width:540px;width:100%;justify-self:center}.sketch-panel h3{font-size:26px}.baseline-sketch{padding-top:12px}.sketch-intro .section-heading{gap:14px}.sketch-intro #concept-title{font-size:clamp(25px,4.3vw,36px)}.sketch-intro #concept-play{font-size:10px;padding:8px 10px}.sketch-controls{justify-content:center;margin-top:16px;gap:7px}.sketch-controls button{font-size:19px;padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.sketch-comparison *{animation:none!important;transition:none!important}}

.sketch-comparison[data-step="2"] .harness-box{stroke:#3da396;stroke-width:2;fill:#d5efec}
.ours-execute-flow{stroke-dasharray:none;animation:none;transition:stroke .4s}
.sketch-comparison[data-step="1"] .ours-execute-flow{stroke:#3da396;stroke-width:2}

.sketch-controls button small{display:block;font:400 10px/1.3 var(--sans);color:#5c8b85;margin-top:3px}.sketch-controls button{border-radius:24px;padding:7px 17px}.sketch-panel .system-badge{font-size:14px}
@media(max-width:500px){.sketch-controls{gap:5px}.sketch-controls button{padding:7px 10px;font-size:18px}.sketch-controls button small{font-size:9px}}
.sketch-panel .sketch-rate{font-size:16px;fill:#4d9a90}
.baseline-caveat{margin:12px 5px 0;text-align:center;font:400 21px/1.2 'Caveat',cursive;color:#528c84;text-wrap:balance}
@media(max-width:760px){.baseline-caveat{font-size:19px;margin-top:8px}}
.sketch-panel .baseline-rate{font-size:15px}
.ours-caveat{margin:12px 12px 18px;color:#369286}

.sketch-intro .robodojo-comment{max-width:880px;margin:0 0 38px;padding:2px 0 2px 20px;border-left:2px solid #8bc5bd;font:400 clamp(16px,1.5vw,18px)/1.8 var(--serif);color:#43514f}.robodojo-comment a{color:inherit;text-decoration-color:#8bc5bd;text-underline-offset:3px}.robodojo-comment .comment-rank{color:#3da396}.robodojo-comment .physicalrsi{white-space:nowrap}
@media(max-width:600px){.sketch-intro .robodojo-comment{padding-left:14px;margin-bottom:28px}}