:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:#fff}button,a{font:inherit;color:inherit}.presentation{height:100%;position:relative}.scene-frame{height:100%}.scene{grid-template-rows:minmax(0,1fr) auto;height:100%;padding:clamp(4.25rem,7vh,5.5rem) clamp(1.25rem,4vw,5.5rem) clamp(5.25rem,9vh,6.75rem);display:grid}.scene-stage{justify-content:center;align-items:center;min-height:0;display:flex}.align-center{text-align:center;grid-template-rows:1fr;place-items:center}.kicker{color:#187cf4;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.75rem;font-weight:600}.scene-copy h1,.brand h1{letter-spacing:-.045em;max-width:16ch;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);font-weight:600;line-height:1.02}.align-start .scene-copy h1{max-width:18ch}.diagram{width:min(100%,980px);height:min(100%,540px);position:relative}.diagram svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.diagram-node{z-index:1;position:absolute;transform:translate(-50%,-50%)}.node{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:.6rem;width:max-content;max-width:15rem;padding:.65rem .75rem;display:flex;box-shadow:0 10px 30px #0f172a0f}.node strong{letter-spacing:-.01em;font-size:.84rem;font-weight:600;display:block}.node small{color:#64748b;margin-top:.1rem;font-size:.72rem;display:block}.node-icon{color:#187cf4;background:#e7f1fd;border-radius:8px;flex:none;place-items:center;width:1.8rem;height:1.8rem;display:grid}.node[data-kind=agent] .node-icon{color:#6d28d9;background:#efeaff}.node[data-hot=true]{border-color:#187cf4;box-shadow:0 0 0 1px #187cf440,0 0 28px #187cf429}.diagram-dense .node{border-radius:10px;padding:.45rem .6rem}.diagram-dense .node strong{font-size:.74rem}.diagram-dense .node-icon{display:none}.editor-wrap{width:min(100%,760px)}.editor{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a0f}.editor header,.trace-label{color:#64748b;letter-spacing:.02em;justify-content:space-between;gap:1rem;font-size:.72rem;display:flex}.editor header{border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.editor pre{min-height:0;margin:0;padding:.85rem 0 1rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.72rem,1.05vw,.92rem);line-height:1.65;overflow:auto}.code-line{grid-template-columns:2.6rem minmax(0,1fr);padding:0 .9rem;display:grid}.code-line[data-active=true]{background:#e7f1fd}.ln{color:#94a3b8}.tok-key{color:#6d28d9}.tok-str{color:#187cf4}.tok-cmt{color:#64748b}.caret{vertical-align:text-bottom;background:#187cf4;width:.45rem;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.split{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);gap:1rem;width:min(100%,1100px);height:100%;min-height:0;display:grid}.trace{background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-height:0;padding:.9rem 1rem 1rem;overflow:auto}.trace ol{gap:.75rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.trace li{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;display:grid}.trace strong{font-size:.92rem;display:block}.trace li span{color:#334155;margin-top:.15rem;display:block}.trace code{color:#64748b;margin-top:.25rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;display:block}.trace-mark{color:#062117;background:#3dd68c;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;margin-top:.1rem;display:grid}.payoff{place-items:center;width:min(100%,980px);height:100%;display:grid;position:relative}.ghost{opacity:.45;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.result-card{z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:min(100%,460px);padding:1.15rem 1.2rem .4rem;position:relative;box-shadow:0 24px 70px #0f172a14}.result-card ul{margin:.4rem 0 0;padding:0;list-style:none}.result-card li{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.result-card small{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;display:block}.result-card strong{margin-top:.2rem;font-size:1rem;display:block}.result-card svg{color:#3dd68c;flex:none}.brand{justify-items:center;gap:.85rem;display:grid}.brand img{width:56px;height:56px}.brand-name{color:#0f172a;letter-spacing:.18em;text-transform:uppercase;margin:.2rem 0 0;font-size:.95rem;font-weight:600;text-decoration:none}.brand h1{max-width:12ch}.cta{color:#fff;background:#187cf4;border-radius:999px;margin-top:.6rem;padding:.85rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.cta:hover{color:#fff;background:#0f62c8}.chrome{z-index:4;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem) 1rem;display:grid;position:fixed;bottom:0;left:0;right:0}.replay,.hint kbd,.progress button{color:inherit;background:0 0;border:0}.replay{cursor:pointer;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.82rem;display:inline-flex}.replay:hover{border-color:#94a3b8}.progress{gap:.45rem;display:flex}.progress button{cursor:pointer;flex:1;height:1.4rem;position:relative}.progress-track,.progress-fill{border-radius:999px;height:2px;position:absolute;top:.55rem;left:0;right:0}.progress-track{background:#0f172a1f}.progress-fill{transform-origin:0;background:#0f172a}.progress-fill[data-done=false]{transform:scaleX(0)}.hint{color:#64748b;gap:.3rem;margin:0;display:flex}.hint kbd{text-align:center;border:1px solid #e2e8f0;border-radius:6px;min-width:1.4rem;padding:.15rem .35rem;font-size:.75rem}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #8eb7ff}@media (width<=900px){.split{grid-template-columns:1fr;overflow:auto}.diagram{height:min(58vh,460px)}.node{max-width:11rem}.scene-copy h1,.brand h1{font-size:clamp(1.8rem,8vw,3rem)}.chrome{grid-template-columns:auto 1fr}.hint{display:none}}@media (width<=640px){.editor header span:last-child{display:none}.diagram-dense .node strong{font-size:.66rem}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}