:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#020617;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.09),transparent 24%),linear-gradient(180deg,#020617,#0f172a)}button{font:inherit}.page-shell{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:40px 24px 56px}.hero-grid,.main-grid{display:grid;gap:24px}.hero-grid{grid-template-columns:1.2fr .8fr;margin-bottom:24px}.main-grid{grid-template-columns:.95fr 1.05fr}.stack-grid{display:grid;gap:24px}.panel{background:#0f172ad1;border:1px solid rgba(51,65,85,.9);border-radius:28px;padding:28px;box-shadow:0 12px 40px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badges,.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-badges{margin-bottom:16px}h1{margin:0 0 14px;font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.1}h2{margin:0 0 18px;font-size:1.1rem}h3{margin:0 0 10px;font-size:1.65rem}.hero-copy,.step-copy{color:#cbd5e1}.hero-copy{max-width:760px;line-height:1.9;margin-bottom:22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#22d3ee29;color:#e0f2fe;font-size:.82rem;border:1px solid rgba(34,211,238,.25)}.badge-muted{background:#94a3b81f;color:#e2e8f0;border-color:#94a3b82e}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:18px;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#22d3ee,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn-secondary{background:#64748b33;color:#fff;border-color:#64748b4d}.btn-ghost{background:transparent;color:#fff;border-color:#64748b66}.status-block{margin-bottom:20px}.status-row{display:flex;justify-content:space-between;color:#cbd5e1;margin-bottom:8px;font-size:.95rem}.progress-track{width:100%;height:10px;border-radius:999px;background:#334155e6;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b82f6)}.status-grid,.trace-grid{display:grid;gap:12px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.mini-card,.trace-card,.json-block{border:1px solid rgba(51,65,85,.9);background:#02061773;border-radius:20px}.mini-card,.trace-card{padding:16px}.mini-label,.trace-card span,.eyebrow{color:#94a3b8;font-size:.76rem;text-transform:uppercase;letter-spacing:.16em}.mini-value,.trace-card p{margin-top:8px;color:#e2e8f0}.flow-list{display:grid;gap:12px}.flow-item{display:flex;align-items:center;gap:12px}.flow-item-main{flex:1}.flow-arrow{color:#64748b;flex-shrink:0}.agent-node{display:flex;gap:14px;border-radius:24px;border:1px solid rgba(51,65,85,.9);background:#0f172aa6;padding:16px;transition:.28s ease}.agent-node-active{border-color:#22d3eeb3;background:#22d3ee14;box-shadow:0 0 36px #22d3ee1f}.agent-node-completed{border-color:#34d39973;background:#10b98114}.agent-node-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:18px;background:#1e293b}.agent-node-icon-active{background:#22d3ee2e}.agent-node-icon-completed{background:#10b98124}.agent-node-body{flex:1;min-width:0}.agent-node-header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.agent-node-header p{margin:0;font-weight:700}.agent-node-description{margin:0;font-size:.88rem;color:#94a3b8}.json-block{padding:16px}.json-block pre{margin:0;color:#e2e8f0;font-size:.78rem;line-height:1.8;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.trace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-card p{margin-bottom:0}@media (max-width: 980px){.hero-grid,.main-grid,.trace-grid,.status-grid{grid-template-columns:1fr}.container{padding:24px 16px 36px}.panel{padding:20px}.flow-item{align-items:stretch}.flow-arrow{display:none}}