*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182536;font:14px/1.6 Arial,sans-serif;letter-spacing:0}button,input{font:inherit}a{color:#215cc6}button,.upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid #ced8e7;border-radius:5px;background:#fff;color:#234060;cursor:pointer;font-weight:600;font-size:13px}button:hover,.upload:hover{background:#eef4fd}button:disabled{opacity:.5;cursor:not-allowed}svg{width:19px;height:19px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2d84e7;outline-offset:3px}.top{display:flex;align-items:center;gap:28px;padding:10px 32px;background:white;border-bottom:1px solid #dce3ed}.brand img{display:block;object-fit:contain;width:190px;height:60px}.top strong{display:block;font-size:16px}.top span{display:block;font-size:11px;color:#61758c}.back{margin-left:auto;display:flex;align-items:center;gap:8px;text-decoration:none}.notice{display:flex;align-items:center;gap:10px;padding:10px 32px;background:#eaf1ff;color:#345581;font-size:11px}.notice svg{color:#525bcc}main{max-width:1500px;margin:auto;padding:30px 32px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.3;letter-spacing:0}h2{font-size:18px;line-height:1.4}h3{font-size:17px}p{margin:12px 0}.eyebrow{font-size:10px;font-weight:bold;color:#4266aa}.page-title,.section-head,.data-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-title>div>p:last-child{color:#63778d;font-size:13px}.tabs{display:flex;gap:20px;border-bottom:1px solid #d8e0ec;margin-bottom:24px}.tabs button{border:0;border-radius:0;background:none;border-bottom:3px solid transparent;padding:15px 4px;color:#5e7187}.tabs button[aria-pressed=true]{border-color:#3865d2;color:#2457bc}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border-block:1px solid #dce3ed;margin-bottom:24px}.metrics article{padding:20px 24px;border-right:1px solid #e4e8ee}.metrics span,.metrics small{display:block;font-size:12px;color:#60738b}.metrics strong{display:block;font-size:28px;line-height:1.5;color:#223d69;margin:6px 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.workspace>div{min-width:0}.process,.comparison,.controls,.integration{background:#fff;padding:24px;border:1px solid #dce3ed;border-radius:6px;margin-bottom:24px}.section-head .eyebrow{margin:0 0 8px}.tag{font-size:10px;background:#edf1f8;color:#536885;padding:4px 7px;border-radius:3px}.stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 0;border-block:1px solid #e2e9f2}.station{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:16px 12px;background:#f8faff;border:1px solid #dbe4f1;min-height:200px}.station:not(:last-child):after{content:'→';position:absolute;right:-16px;top:46%;color:#95a6bd}.station[aria-pressed=true]{outline:2px solid #4b6dd1;outline-offset:2px}.station.bottleneck{background:#fffbef;border-color:#dfbc6a}.station-top{display:flex;justify-content:space-between;gap:4px;color:#5b77a6;font-size:10px}.station-top svg{width:26px;height:26px}.station strong{font-size:15px;overflow-wrap:anywhere}.capacity{font-size:23px;font-weight:bold}.capacity small{display:block;font-size:10px;font-weight:normal;color:#66778d}.track{display:block;height:5px;background:#e1e8f1}.track>span{display:block;height:5px;background:#4084c8}.bottleneck .track>span{background:#bb8b24}.detail{font-size:12px;color:#526987;padding:16px 0}.flow-end{display:flex;align-items:center;gap:10px;border-top:1px solid #e3eaf2;padding-top:14px;color:#206d65;font-size:12px}.controls label{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0;font-size:12px;font-weight:600}.controls label input[type=range]{grid-column:1/-1;width:100%;accent-color:#3d65ce}.controls .check{display:flex;align-items:center}.check input{width:18px;height:18px;accent-color:#356bc7}.icon{width:38px;min-height:38px;padding:8px}.primary{background:#2d5bc2;color:#fff;border-color:#2d5bc2;width:100%;margin-top:12px}.primary:hover{background:#204494}.muted{font-size:11px;color:#65768a;line-height:1.7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid #e1e7ee}thead{background:#eef3fb;color:#455f82}td{text-align:right;font-variant-numeric:tabular-nums}caption{text-align:left;font-weight:bold;font-size:16px}.method{padding:18px 0;border-top:1px solid #dce3ed;color:#5c7088;font-size:12px}.method summary{font-weight:bold;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px}.upload{position:relative}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:3px solid #2d84e7}.integration{margin-top:25px}.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.agents article{padding:24px;background:#fff;border:1px solid #dce3ed;border-top:3px solid #4771c3;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start}.agents article:nth-child(2){border-top-color:#b69145}.agents article:nth-child(3){border-top-color:#3d978b}.agents article>svg{width:28px;height:28px}.agents article button{margin-top:auto}.agents small{font-size:10px;color:#697b92;margin-top:12px}#status{padding:12px 16px;background:#e8f4ed;color:#2b694f;border:1px solid #b9d7c5;border-radius:5px}footer{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#607089;padding:30px 0}[hidden]{display:none!important}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.metrics article{padding:16px}.metrics strong{font-size:24px}.section-head{align-items:flex-start;flex-wrap:wrap}.agents{grid-template-columns:1fr}.data-head{display:block}.top{gap:16px;padding-inline:20px}}
@media(max-width:820px){main{padding:22px 16px}.top{padding:8px 16px;flex-wrap:wrap;gap:6px 18px}.top>div{order:3;flex-basis:100%;padding-bottom:8px}.brand img{width:150px;height:48px}.notice{padding:10px 16px}.workspace{grid-template-columns:1fr}.controls{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.controls .section-head,.controls .check,.controls>p,.controls>button{grid-column:1/-1}.controls label{margin:12px 0}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.metrics strong{font-size:23px}.page-title{align-items:flex-start;flex-direction:column;gap:8px}h1{font-size:26px}.tabs{gap:8px}.tabs button{flex:1;font-size:11px;flex-direction:column;text-align:center;padding:10px 4px}.process,.comparison,.controls{padding:18px}.stations{gap:10px}.station{padding:12px 8px;min-height:190px}.station:not(:last-child):after{display:none}.station strong{font-size:12px}.station-top svg{width:18px}.station-top{flex-wrap:wrap}.station .tag{font-size:9px}.capacity{font-size:21px}.back{font-size:12px}.data-head p{font-size:12px}footer{flex-direction:column;gap:8px}th,td{padding:12px 7px}.agents{gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}