/* Agentic Swarm Simulator studio. White, blue and ink correction; recorded evidence is unchanged. */
:root{
  --paper:#F7F9FC; --ink:#142033; --coral:#2459D3; --green:#2459D3; --line:#DCE3EE; --mute:#526176; --card:#FFFFFF;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:16px/1.45 var(--sans)}
button,input,select{font:inherit;color:inherit}
.mono{font-family:var(--mono);font-size:13px}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;border-bottom:3px solid var(--ink)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.01em}
.mark{display:flex;gap:3px;align-items:center;justify-content:center;width:34px;height:34px;background:var(--ink);border-radius:7px}
.mark i{width:7px;height:7px;border-radius:50%;background:var(--paper)}
.mark i:last-child{background:var(--coral)}
.tabs{display:flex;gap:4px}
.tabs button{border:0;background:none;padding:8px 14px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}
.tabs button[aria-selected=true]{border-bottom-color:var(--coral)}

.view{padding:28px 32px 64px;max-width:1520px;margin:0 auto}
.intro{max-width:880px;margin-bottom:28px}
h1{font-size:56px;line-height:1;font-weight:800;letter-spacing:-.025em;margin:0 0 14px}
.intro p{font-size:18px;margin:0;color:var(--mute)}
.intro .eyebrow,.eyebrow{font:800 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--coral);margin:0 0 10px}
h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-weight:800}

.rehearsal-start{border:3px solid var(--ink);background:var(--card);padding:16px;margin:0 0 14px}
.prompt-line{display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,1.6fr) auto;gap:12px;align-items:end}
.prompt-line label{margin:0}.prompt-line label span{display:block;margin-bottom:5px}
.prompt-line input{height:46px;margin:0;padding:10px 12px}
.prompt-line .go{width:auto;height:46px;padding:0 20px;white-space:nowrap;box-shadow:none;background:var(--coral);color:var(--ink);border:2px solid var(--ink)}
.start-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:28px}
.start-meta .note{margin:8px 0 0}.start-meta .demo-pick{margin:7px 0 0;white-space:nowrap}
.start-meta .demo-pick button{margin-top:0}
.live-progress{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0 0 26px;border:1px solid var(--line);background:var(--card)}
.live-progress li{position:relative;padding:12px 14px 12px 40px;min-width:0}.live-progress li+li{border-left:1px solid var(--line)}
.live-progress .visitor-dot{position:absolute;left:14px;top:17px;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%}
.live-progress li.moving .visitor-dot{background:var(--coral)}.live-progress li.done .visitor-dot{background:var(--ink)}
.live-progress b,.live-progress small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-progress b{font-size:13px}.live-progress small{font-size:12px;color:var(--mute)}

.grid{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
.grid>*,.panels>*{min-width:0}
.card{background:var(--card);border:3px solid var(--ink);padding:18px;margin-bottom:20px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}
input,select{display:block;width:100%;margin-top:4px;padding:9px 10px;border:2px solid var(--ink);background:#fff;font-weight:500}
.demo-pick{font-size:13px;color:var(--mute);margin:4px 0 14px}
.demo-pick button{border:2px solid var(--ink);background:none;padding:3px 8px;margin:6px 4px 0 0;cursor:pointer;font-size:13px;font-weight:600}
.go{width:100%;background:var(--ink);color:var(--paper);border:0;padding:12px;font-weight:800;cursor:pointer;box-shadow:5px 5px 0 var(--coral)}
.demo-pick button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}
.go:disabled{background:var(--mute);box-shadow:none;cursor:not-allowed}
.note{font-size:13px;color:var(--mute);margin:10px 0 0}
.runs{list-style:none;margin:0;padding:0}
.runs li{border-top:1px solid var(--line)}
.runs button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 2px;cursor:pointer}
.runs button[aria-current=true]{font-weight:800}
.runs small{display:block;color:var(--mute);font-size:12px}

.stage-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;flex-wrap:wrap}
.url{font-family:var(--mono);font-size:13px;color:var(--mute);margin:0 0 4px;word-break:break-all}
.headline{font-size:26px;font-weight:800;margin:0;letter-spacing:-.01em;max-width:760px}
.clock{display:flex;align-items:center;gap:10px}
.clock button{border:2px solid var(--ink);background:none;padding:5px 12px;font-weight:700;cursor:pointer;min-width:70px}
#explain{margin-top:14px}#explain button{border:2px solid var(--ink);background:none;padding:5px 12px;font-weight:700;cursor:pointer}#explain button:disabled{opacity:.45;cursor:wait}
.clock input{width:220px;padding:0;border:0;accent-color:var(--coral)}

.plan-wrap{background:var(--card);border:3px solid var(--ink);overflow-x:auto;box-shadow:10px 10px 0 var(--coral)}
#plan{display:block;min-width:100%}
#plan .room rect.frame{fill:#fff;stroke:var(--ink);stroke-width:3}
#plan .room.err rect.frame{stroke:var(--coral)}
#plan .room text{font-family:var(--sans);fill:var(--ink)}
#plan .room .t{font-weight:800;font-size:15px}
#plan .room .p{font-family:var(--mono);font-size:11px;fill:var(--mute)}
#plan .room .code{font-weight:800;font-size:13px;fill:var(--coral)}
#plan .heat{fill:var(--coral)}
#plan .heatlabel{font-size:11px;fill:var(--mute)}
#plan .trail{fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}
#plan .knot{fill:none;stroke-width:3}
#plan .dot{transition:transform .28s ease-out}
#plan .say{font-size:12px;font-style:italic;fill:var(--ink)}
#plan .empty{font-size:16px;fill:var(--mute)}

.roster{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.roster li{border-left:6px solid var(--c,var(--ink));padding:4px 0 4px 12px}
.roster b{display:block;font-size:15px}
.roster .steps{display:flex;gap:3px;margin:6px 0}
.roster .steps i{width:14px;height:14px;border:2px solid var(--c,var(--ink))}
.roster .steps i.ok{background:var(--c,var(--ink))}
.roster .steps i.error_page{background:var(--coral);border-color:var(--coral)}
.roster .steps i.stuck{background:var(--ink);border-color:var(--ink)}
.roster .steps i.got_there{background:var(--green);border-color:var(--green)}
.roster .steps i.thinking{border-style:dashed}
.roster q{display:block;font-size:13px;color:var(--mute)}
.roster .out{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

.panels{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;margin-top:26px}
.judge{width:100%;border-collapse:collapse;font-size:14px}
.judge th{text-align:left;font-size:12px;color:var(--mute);font-weight:700;border-bottom:2px solid var(--ink);padding:4px 6px 6px 0}
.judge td{border-bottom:1px solid var(--line);padding:7px 6px 7px 0;vertical-align:top}
.judge td.yes{color:var(--green);font-weight:800}
.judge td.no{color:var(--mute)}
.judge small{display:block;color:var(--mute);font-size:12px}
.code{background:var(--ink);color:var(--paper);font:12px/1.5 var(--mono);padding:14px;overflow:auto;max-height:340px;margin:10px 0}
.dl{font-weight:800;color:var(--ink)}
.limits{font-size:13px;color:var(--mute);max-width:980px;margin-top:22px}

.research-result{margin-top:34px;padding:26px 0 10px;border-top:3px solid var(--ink)}
.research-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:10px}.research-head h2{font-size:28px;text-transform:none;letter-spacing:-.02em;margin:0}.research-head .eyebrow{margin-bottom:7px}
.research-head button{border:2px solid var(--ink);background:none;padding:8px 12px;font-weight:800;white-space:nowrap;cursor:pointer}
.research-intro{max-width:840px;color:var(--mute);margin:0 0 18px}
.comparison-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.comparison-cards button{appearance:none;border:0;background:transparent;text-align:left;padding:16px 18px 18px 0;cursor:pointer;color:var(--ink)}
.comparison-cards button+button{border-left:1px solid var(--line);padding-left:18px}.comparison-cards button:hover,.comparison-cards button:focus-visible{background:#fff}
.comparison-cards span{display:block;font:800 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--coral);margin-bottom:8px}
.comparison-cards b{display:block;font-size:17px;line-height:1.25;margin-bottom:8px}.comparison-cards small{display:block;font-size:13px;line-height:1.45;color:var(--mute)}
.research-foot{font-size:12px;color:var(--mute);margin:10px 0 0}

.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}
.case{background:var(--card);border:3px solid var(--ink);padding:18px}
.case.best{box-shadow:8px 8px 0 var(--coral)}
.case h3{font-size:18px;line-height:1.2;margin:4px 0 12px;font-weight:800}
.case .id{font-family:var(--mono);font-size:12px;color:var(--mute)}
.case .row{display:flex;align-items:center;gap:10px;margin:6px 0}
.case .row span{width:46px;font-size:12px;font-weight:700;color:var(--mute)}
.case .dots{display:flex;gap:4px}
.case .dots i{width:13px;height:13px;border-radius:50%;border:2px solid var(--ink)}
.case .dots i.pass{background:var(--ink)}
.case .row.after .dots i{border-color:var(--green)}
.case .row.after .dots i.pass{background:var(--green)}
.case .row b{font-size:15px;margin-left:auto}
.case p{font-size:13px;color:var(--mute);margin:10px 0 0}
.case details{margin-top:10px;font-size:13px}
.case summary{cursor:pointer;font-weight:700}
.case pre{font:11px/1.45 var(--mono);background:#fff;border:2px solid var(--ink);padding:10px;overflow:auto;max-height:280px}

@media (max-width:900px){
  .top{padding:14px 16px;flex-wrap:wrap}
  .view{padding:20px 16px 48px}
  h1{font-size:36px}
  .grid,.panels{grid-template-columns:1fr}
  .clock input{width:140px}
  .plan-wrap{box-shadow:6px 6px 0 var(--coral)}
}

/* Keep the observed run in view before setup. */
.intro h1{font-size:clamp(32px,3.4vw,50px);max-width:1100px}.intro{margin-bottom:22px}.intro p{max-width:1100px}
.replay-key{font-size:12px;color:var(--mute);margin:0 0 10px}.diagnosis{margin:0 0 18px}.diagnosis p{font-size:15px;margin-bottom:0}
/* Phone: the observed run and its Ask Nemotron button come before the run list and the setup form. */
@media(max-width:900px){.grid>.stage{order:-1}.grid>.side{margin-top:24px}.view{padding-top:14px}.intro{margin-bottom:12px}.intro h1{font-size:30px;margin-bottom:8px}.intro p{font-size:15px}.headline{font-size:22px}.url{font-size:12px}.stage-head{margin-bottom:10px}.diagnosis{padding:14px}}
.side details summary{font-weight:800;cursor:pointer}.side details form{margin-top:18px}.plan-wrap #plan{max-width:100%;width:100%;height:auto;min-width:650px}
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.library-grid p{line-height:1.6}.library-grid article:first-child{grid-row:span 3}.evidence-shot,video{width:100%;border:1px solid var(--line)}#hn-list{padding-left:22px}#hn-list li{margin:18px 0}.card a{color:var(--ink)}
@media(max-width:900px){.library-grid{grid-template-columns:1fr}.library-grid article:first-child{grid-row:auto}.stage-head{display:block}.clock{margin-top:12px}.tabs{flex-wrap:wrap}}

@media(max-width:900px){.prompt-line{grid-template-columns:1fr}.prompt-line .go{width:100%}.start-meta{display:block}.start-meta .demo-pick{white-space:normal}.live-progress{grid-template-columns:1fr}.live-progress li+li{border-left:0;border-top:1px solid var(--line)}.comparison-cards{grid-template-columns:1fr}.comparison-cards button,.comparison-cards button+button{padding:14px 0;border-left:0}.comparison-cards button+button{border-top:1px solid var(--line)}.research-head{align-items:start}.research-head h2{font-size:24px}}

@media(max-width:520px){.rehearsal-start{padding:13px}.intro h1{font-size:34px;line-height:1.02}.intro p{font-size:15px}.top .brand span:last-child{font-size:15px}.top{gap:8px}.tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.tabs button{padding:7px 9px;white-space:nowrap}.live-progress{margin-bottom:18px}.grid{gap:16px}.grid>.stage{order:0}.grid>.side{order:1;margin-top:18px}.stage-head{margin-top:0}.research-result{margin-top:26px}.research-head{display:block}.research-head button{margin-top:12px}.plan-wrap{margin-right:6px}.panels{margin-top:20px}}

.evidence-shot{max-height:260px;object-fit:cover;object-position:top}

/* Product correction: restrained evidence workspace. */
:root{--paper:#fff;--card:#fff;--line:#dce3ee;--ink:#142033;--mute:#526176;--coral:#2459d3;--green:#2459d3}
body{background:#fff;font-size:16px;line-height:1.5}.top{border-bottom:1px solid var(--line);padding:20px 40px}
.brand{font-weight:650;letter-spacing:-.03em}.mark{border-radius:50%;background:var(--coral)}
.tabs button{font-weight:500;font-size:14px;border-bottom-width:2px}.view{padding:36px 40px 64px;max-width:1520px}
.intro h1{font-weight:550;letter-spacing:-.045em;font-size:42px;line-height:1.12}.intro p{font-size:16px;max-width:980px}.eyebrow,.intro .eyebrow{font:600 11px/1.4 var(--sans);letter-spacing:.09em}
h2{font-size:13px;text-transform:none;letter-spacing:0;font-weight:650}
.rehearsal-start{border:1px solid var(--line);border-radius:6px;background:#f7f9fc;padding:18px}.prompt-line .go{border:1px solid var(--coral);background:var(--coral);color:white;border-radius:5px;font-weight:600}
input,select{border:1px solid var(--line);border-radius:4px}.demo-pick button,.clock button,#explain button,.research-head button{border:1px solid var(--line);border-radius:4px;font-weight:550}
.live-progress{border-radius:6px;background:#f7f9fc;margin-bottom:28px}.live-progress .visitor-dot{border-width:1px}.live-progress b{font-weight:600}
.grid{grid-template-columns:260px minmax(0,1fr);gap:32px}.card,.case{border:1px solid var(--line);border-radius:6px;padding:18px}.side .card{border:0;border-right:1px solid var(--line);border-radius:0;padding:0 22px 0 0}
.runs button{padding:12px 0}.runs button[aria-current=true]{color:var(--coral);font-weight:650}.runs small{line-height:1.6;margin-top:3px}
.headline{font-size:28px;font-weight:550;letter-spacing:-.035em}.diagnosis{background:#f3f6fc;border:0;border-left:2px solid var(--coral);border-radius:0}
.plan-wrap{border:1px solid var(--line);box-shadow:none!important;border-radius:6px;background:#f7f9fc}#plan .room rect.frame{stroke:#a9b7cb;stroke-width:1}#plan .room.err rect.frame{stroke:#a13b4b}#plan .room .t{font-weight:600}
.roster li{border-left-width:2px}.roster li:nth-child(3n+1){--c:#2459d3!important}.roster li:nth-child(3n+2){--c:#142033!important}.roster li:nth-child(3n+3){--c:#6687bd!important}
.roster .out{letter-spacing:0;text-transform:none;font-weight:600}.roster q{font-size:14px}.code{border-radius:4px;background:#f3f6fc;color:var(--ink);font-size:12px}.judge th{border-bottom:1px solid var(--line)}
.research-result{border-top:1px solid var(--line)}.comparison-cards{border-width:1px}.case.best{box-shadow:none;border-color:var(--coral)}.case h3{font-weight:600}.case pre{border:1px solid var(--line)}
@media(max-width:900px){.view{padding:24px 16px 48px}.grid{grid-template-columns:1fr}.side .card{border:1px solid var(--line);padding:18px;border-radius:6px}.top{padding:16px}.intro h1{font-size:34px}}