*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-family-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-relaxed)}button,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.skip-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:8px;top:8px;z-index:10000;width:auto;height:auto;padding:8px 16px;background:var(--color-primary);color:var(--color-text);border-radius:var(--radius-sm)}.site-header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:8px}.logo-text{font-weight:700;font-size:1.25rem}main{max-width:1280px;margin:0 auto;padding:0 1.5rem 7rem}.demo-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:end;padding:5.5rem 0 3.5rem}.eyebrow,.section-label,.task-label{color:var(--color-primary-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:.55rem}.live-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 0 5px var(--color-primary-soft);animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 9px #f59e0b00}}h1{max-width:820px;margin:.75rem 0 1.25rem;font-size:clamp(2.75rem,6vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1.04}.hero-copy{max-width:720px;color:var(--color-text-secondary);font-size:clamp(1.05rem,2vw,1.2rem)}.hero-stats{display:grid;grid-template-columns:repeat(3,auto);align-items:end;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.hero-stats div{min-width:112px;padding:1.1rem 1.25rem}.hero-stats div+div{border-left:1px solid var(--color-border)}.hero-stats dt{font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.hero-stats dd{margin-top:.25rem;color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.sandbox{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-lg)}.sandbox-bar{min-height:60px;padding:.75rem 1.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-bottom:1px solid var(--color-neutral-700);background:var(--color-neutral-900);color:var(--color-neutral-200)}.window-controls{display:flex;gap:.45rem}.window-controls span{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-neutral-600)}.window-controls span:first-child{background:var(--color-danger)}.window-controls span:nth-child(2){background:var(--color-primary)}.window-controls span:last-child{background:var(--color-success)}.run-identity{display:flex;align-items:center;gap:.75rem;font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.run-identity span{color:var(--color-neutral-400)}.run-state{justify-self:end;display:inline-flex;align-items:center;gap:.45rem;color:var(--color-success);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.state-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;box-shadow:0 0 8px currentColor;animation:state-pulse 1.3s ease-in-out infinite}.run-state.paused{color:var(--color-primary)}.run-state.complete{color:var(--color-success)}.run-state.paused .state-dot,.run-state.complete .state-dot{animation:none}@keyframes state-pulse{50%{opacity:.45}}.task-strip{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.task-copy{display:grid;gap:.25rem}.task-copy strong{font-size:var(--font-size-lg)}.task-copy p{max-width:820px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}code{font-family:var(--font-family-mono)}.task-copy code{padding:.12rem .35rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-hover);font-size:.88em}.task-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.task-meta span,.sample-chip{padding:.3rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.pipeline-section{padding:1.25rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-border)}.pipeline-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.pipeline-heading>div{display:flex;align-items:baseline;gap:.65rem}.pipeline-heading strong{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.pipeline-heading>span{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.progress-track{height:3px;margin:.75rem 0 1rem;overflow:hidden;border-radius:var(--radius-full);background:var(--color-neutral-100)}.progress-track span{display:block;width:8%;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .45s ease}.phase-track{display:grid;grid-template-columns:repeat(13,minmax(68px,1fr));gap:.45rem;overflow-x:auto;padding:.2rem .1rem .65rem;scrollbar-color:var(--color-border-strong) transparent}.phase-node{position:relative;min-width:68px;padding:.7rem .45rem .8rem;display:grid;gap:.15rem;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.phase-node:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.phase-node.completed{background:var(--color-surface)}.phase-node.active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-primary)}.phase-index{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:.62rem}.phase-name{overflow:hidden;font-size:.72rem;font-weight:var(--font-weight-bold);text-overflow:ellipsis}.phase-status{position:absolute;right:.45rem;top:.55rem;width:6px;height:6px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg)}.phase-node.completed .phase-status{border-color:var(--color-success);background:var(--color-success)}.phase-node.active .phase-status{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);animation:state-pulse 1.3s ease-in-out infinite}.workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(340px,1.25fr) minmax(300px,1fr);min-height:430px}.workspace>section{min-width:0;padding:1.5rem}.workspace>section+section{border-left:1px solid var(--color-border)}.panel-heading,.artifact-header,.terminal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading h2{margin-top:.2rem;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;line-height:1}.phase-badge{padding:.3rem .55rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-hover);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:nowrap}.phase-summary{min-height:5.2rem;margin:1.2rem 0 1.5rem;color:var(--color-text-secondary)}.metric-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.metric-copy{display:flex;justify-content:space-between;gap:1rem;font-size:var(--font-size-sm)}.metric-copy span{color:var(--color-text-secondary)}.metric-copy strong{font-family:var(--font-family-mono)}.metric-track{height:6px;margin-top:.75rem;overflow:hidden;border-radius:var(--radius-full);background:var(--color-border)}.metric-track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .45s ease}.criteria{display:grid;gap:.65rem;margin-top:1rem}.criteria div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.criteria span{color:var(--color-text-muted)}.criteria strong{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.terminal-panel{display:flex;flex-direction:column;background:var(--color-neutral-900);color:var(--color-neutral-300)}.terminal-header{padding-bottom:1rem;border-bottom:1px solid var(--color-neutral-700);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.terminal-header>div{display:flex;align-items:center;gap:.55rem}.terminal-header>span{color:var(--color-neutral-500)}.terminal-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.terminal-body{flex:1;padding-top:1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;font-family:var(--font-family-mono);font-size:.72rem;line-height:1.6}.log-line{display:grid;grid-template-columns:42px 62px minmax(0,1fr);gap:.6rem;color:var(--color-neutral-500)}.log-line.current{color:var(--color-neutral-300);animation:log-in .35s ease both}@keyframes log-in{0%{opacity:0;transform:translateY(6px)}}.log-time{color:var(--color-neutral-600)}.log-phase{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.artifact-panel{display:flex;min-width:0;flex-direction:column;background:var(--color-surface)}.artifact-header strong{display:block;margin-top:.15rem;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.artifact-panel pre{flex:1;max-width:100%;margin-top:1rem;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.artifact-panel code{display:block;min-width:max-content;padding:1rem;color:var(--color-text-secondary);font-size:.72rem;line-height:1.65;white-space:pre}.sandbox-controls{min-height:72px;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.transport-controls{display:flex;align-items:center;gap:.5rem}.icon-button,.play-button,.text-button{min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.icon-button:hover,.text-button:hover{border-color:var(--color-border-strong);background:var(--color-neutral-100)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button{width:42px;display:grid;place-items:center}.play-button,.text-button{padding:.55rem .85rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.play-button{min-width:104px;border-color:var(--color-primary);background:var(--color-primary);box-shadow:var(--shadow-primary)}.play-button:hover{transform:translateY(-1px);background:var(--color-primary-hover)}.icon-button svg,.play-button svg,.text-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.play-button .play-icon,.play-button.paused .pause-icon{display:none}.play-button.paused .play-icon{display:block}.speed-control{display:flex;align-items:center;gap:.65rem;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.speed-control select{min-height:40px;padding:0 2rem 0 .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer}.demo-notes{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,6vw,6rem);padding:6rem 0 0}.demo-notes h2{max-width:480px;margin-top:.6rem;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;line-height:1.12}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.note-grid article{padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.note-grid article>span{color:var(--color-primary-hover);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.note-grid h3{margin:.75rem 0 .5rem;font-size:var(--font-size-base);line-height:1.35}.note-grid p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.notes-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:.75rem}.btn{min-height:44px;padding:.7rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{border:0;background:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 1.5rem 2rem}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:1100px){.demo-hero{grid-template-columns:1fr;gap:2rem}.hero-stats{justify-self:start}.workspace{grid-template-columns:.8fr 1.2fr}.artifact-panel{grid-column:1 / -1;min-height:300px;border-left:0!important;border-top:1px solid var(--color-border)}}@media(max-width:800px){.demo-hero{padding-top:4rem}.sandbox-bar{grid-template-columns:auto 1fr}.run-identity{justify-self:start}.run-state{grid-column:2;grid-row:1}.task-strip{align-items:flex-start;flex-direction:column;gap:1rem}.task-meta{justify-content:flex-start}.workspace{grid-template-columns:1fr}.workspace>section+section{border-left:0;border-top:1px solid var(--color-border)}.phase-summary{min-height:0}.terminal-panel{min-height:340px}.demo-notes{grid-template-columns:1fr;padding-top:4.5rem}.note-grid{grid-template-columns:1fr}.notes-actions{grid-column:1}}@media(max-width:560px){main{padding:0 1rem 5rem}h1{font-size:2.6rem}.hero-stats{width:100%;grid-template-columns:repeat(3,1fr)}.hero-stats div{min-width:0;padding:.85rem .65rem}.hero-stats dd{white-space:normal}.sandbox-bar{padding:.75rem 1rem}.run-identity span{display:none}.task-strip,.pipeline-section,.workspace>section{padding-left:1rem;padding-right:1rem}.pipeline-heading{align-items:flex-start}.sandbox-controls{align-items:stretch;flex-direction:column}.transport-controls{display:grid;grid-template-columns:42px minmax(96px,1fr) 42px}.text-button{grid-column:1 / -1}.speed-control{justify-content:space-between}.speed-control select{flex:1}.log-line{grid-template-columns:38px 54px minmax(0,1fr);gap:.4rem;font-size:.65rem}.notes-actions{flex-direction:column}.btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}