:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ecf1ff;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 2%,color-mix(in srgb,var(--accent, #8b5cf6) 18%,transparent),transparent 34rem),#0b1020}button,select{font:inherit}button,a{color:inherit}a{text-decoration:none}main{min-height:100vh;--panel: rgba(21, 29, 52, .72);--muted: #94a3c5}.topbar,.hero,.workspace,footer{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.topbar{min-height:74px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.brand{font-weight:800;letter-spacing:.14em}.brand span{color:var(--accent);letter-spacing:0}.header-actions{display:flex;gap:16px;align-items:center}.synthetic,.badge,.notice{color:#c6d3f5;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;font-size:12px}.header-actions select{color:#dce6ff;background:#141d35;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px}.hero{display:grid;grid-template-columns:1fr 320px;gap:48px;padding-top:92px;padding-bottom:86px;align-items:end}.eyebrow{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px}.hero h1{max-width:780px;margin:0;font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-.055em}.lede{max-width:680px;color:#bdc9e4;font-size:19px;line-height:1.65;margin:24px 0}.primary{background:var(--accent);border:0;color:#0b1020;font-weight:800;border-radius:10px;padding:14px 18px;cursor:pointer}.primary span{margin-left:12px}.notice{max-width:600px;border-radius:10px;margin-top:24px;line-height:1.5;color:var(--muted)}.hero-status{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:18px;background:var(--panel);padding:24px;color:var(--muted);display:grid;gap:12px}.status-dot{width:10px;height:10px;background:#34d399;border-radius:50%;box-shadow:0 0 20px #34d399}.hero-status strong{color:#e6edff;font-size:20px}.workspace{display:grid;grid-template-columns:240px 1fr;gap:22px;padding-bottom:64px}.workspace aside,.panel{border:1px solid rgba(255,255,255,.1);background:var(--panel);border-radius:18px;padding:22px}.workspace aside h2,.panel h2{font-size:22px;margin:0 0 22px;letter-spacing:-.02em}.workspace nav{display:grid;gap:8px}.workspace nav button,.reset{border:1px solid transparent;color:var(--muted);text-align:left;background:transparent;border-radius:8px;padding:12px;cursor:pointer;display:flex;justify-content:space-between}.workspace nav button.active,.workspace nav button:hover{color:#fff;background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.reset{margin-top:32px;border-color:#ffffff1f;font-size:12px}.content{display:grid;gap:22px}.panel>h2{margin-bottom:20px}.metric-grid,.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric,.agent-card{border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:12px;padding:16px}.metric>span{color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:18px;font-size:32px}.metric p,.agent-card p{color:var(--muted);font-size:13px;line-height:1.5}.metric small{display:inline-block;margin-top:7px}.ready{color:#34d399}.review{color:#fbbf24}.attention{color:#fb7185}.workflow{padding:0;margin:0;list-style:none;display:grid;gap:10px}.workflow li{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0;color:#dce6ff}.workflow li span{color:var(--accent);font-size:12px}.agent-grid{grid-template-columns:repeat(3,1fr)}.agent-card h3{margin:18px 0 0;font-size:16px}.badge{color:var(--accent);padding:5px 8px}.panel{min-width:0}footer{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;padding-bottom:34px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{color:#d6def3}@media (max-width: 800px){.hero,.workspace{grid-template-columns:1fr}.hero{padding-top:58px}.metric-grid,.agent-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;padding-top:20px;padding-bottom:20px;gap:16px}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}.workspace aside{position:static}.workspace nav{grid-template-columns:repeat(2,1fr)}footer{display:grid;gap:10px}}