.operator-agent{border:1px solid #34453c;border-top:4px solid var(--lime);color:#f7f5eb;background:#142a20;margin-top:26px;padding:30px}.operator-agent-head{grid-template-columns:1.05fr .95fr;align-items:start;gap:28px;display:grid}.operator-agent h2{color:#f7f5eb;letter-spacing:-.06em;margin:10px 0 12px;font-size:clamp(32px,4vw,52px)}.operator-agent h3{color:#f7f5eb;margin:0 0 8px;font-size:21px}.operator-agent p{color:#b8c8bc;line-height:1.55}.operator-agent-kicker{color:var(--lime);letter-spacing:.14em;font:10px DM Mono,monospace}.operator-agent-boundary{color:#dce7dc;background:#1b3b2c;border:1px solid #4b6654;padding:18px;font-size:14px;line-height:1.5}.operator-agent-boundary strong{color:var(--lime);letter-spacing:.12em;margin-bottom:6px;font:10px DM Mono,monospace;display:block}.operator-agent-flow{grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0;display:grid}.operator-agent-flow span{color:#173b2c;background:#f7f5eb;padding:16px 14px;font-size:14px;font-weight:800;line-height:1.3;position:relative}.operator-agent-flow span:not(:last-child):after{content:"→";z-index:1;color:var(--lime);font-size:20px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.operator-agent-examples{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.operator-agent-example{background:#102319;border:1px solid #344f40;padding:18px}.operator-agent-example small{color:var(--lime);letter-spacing:.1em;font:10px DM Mono,monospace}.operator-agent-example p{margin:12px 0 0;font-size:14px}.operator-agent-example p strong{color:#f7f5eb}.operator-ai-ops{border-top:1px solid #344f40;margin-top:26px;padding-top:24px}.operator-ai-ops ul{grid-template-columns:repeat(2,1fr);gap:8px 24px;margin:16px 0 0;padding:0;list-style:none;display:grid}.operator-ai-ops li{color:#b8c8bc;font-size:14px;line-height:1.45}.operator-ai-ops li:before{content:"✓";color:var(--lime);margin-right:8px;font-weight:800}.operator-agent-note{color:#d9e2d8;margin:22px 0 0;font:11px/1.5 DM Mono,monospace}.operator-services{border:1px solid var(--line);border-top:4px solid var(--orange);background:var(--card);margin-top:26px;padding:26px}.operator-services-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.operator-services h2{letter-spacing:-.05em;margin:9px 0 6px;font-size:28px}.operator-services-head p{max-width:420px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.operator-service-queue{gap:8px;margin-top:22px;display:grid}.operator-service-row{border-top:1px solid var(--line);grid-template-columns:1fr 130px 110px;align-items:center;gap:16px;padding:15px 0;display:grid}.operator-service-row strong,.operator-service-row small{display:block}.operator-service-row small{color:var(--muted);margin-top:4px;font-size:11px}.operator-service-status{color:var(--green);text-transform:uppercase;font:10px DM Mono,monospace}.operator-service-time{color:var(--muted);text-align:right;font:10px DM Mono,monospace}.operator-services-note{color:var(--muted);margin-top:18px;font:10px/1.5 DM Mono,monospace}.operator-service-filters{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.operator-service-filter{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:8px 11px;font:10px DM Mono,monospace}.operator-service-filter.active,.operator-service-filter:hover{border-color:var(--green);background:var(--green);color:#fffdf8}.operator-service-row.is-hidden{display:none}.operator-service-action{color:var(--green);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:7px;padding:0;font:10px DM Mono,monospace;text-decoration:underline}.operator-service-action[disabled]{color:var(--muted);cursor:default;text-decoration:none}.operator-service-demo-status{color:var(--orange);margin-top:12px;font:10px DM Mono,monospace}@media (width<=800px){.operator-agent-head{grid-template-columns:1fr}.operator-agent-flow{grid-template-columns:1fr 1fr}.operator-agent-flow span:not(:last-child):after{display:none}.operator-agent-examples{grid-template-columns:1fr}.operator-services-head{display:block}.operator-service-row{grid-template-columns:1fr 100px}.operator-service-time{text-align:left}}@media (width<=560px){.operator-agent{padding:22px}.operator-agent-flow,.operator-ai-ops ul{grid-template-columns:1fr}}
