/* Public, illustrative team view inspired by the agency's own dashboard. */
[data-scene="2"] .dashboard-title{top:28%;max-width:24vw}
[data-scene="2"] .dashboard-title h2{font-size:clamp(36px,3vw,58px)}
[data-scene="2"] .dashboard-title .body-copy{font-size:14px;max-width:280px}
[data-scene="2"] .screen-rig{top:16%;right:2vw;width:69vw;height:72vh;max-height:730px}
.team-screen{background:#090d1d;border-color:#344366}
.team-screen .screen-bar{height:49px;background:#0e4efd;padding:0 19px;gap:15px;border:0}
.team-screen .screen-bar>img{display:block;width:82px;height:auto;flex-shrink:0}
.screen-tagline{font-size:10px;letter-spacing:0;color:#f5f8fd;flex:1}
.team-screen .demo-label{color:#ebfb4d;font-size:7px;white-space:nowrap;letter-spacing:.07em}
.team-screen .screen-grid{height:calc(100% - 49px);grid-template-columns:115px minmax(0,1fr)}
.team-screen aside{background:#10162b;font-size:9px;gap:22px;padding:22px 12px}
.team-screen aside>b{font-size:12px}
.team-screen .executor strong{font-size:20px}
.team-screen .executor p{font-size:8px}
.team-screen .executor small{font-size:7px}
.team-content{padding:20px 19px 14px;gap:12px;min-height:0}
.team-area-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.team-area-row small{font-size:7px;letter-spacing:.1em;color:#b5c0da}
.team-area-row h3{font-size:23px;letter-spacing:-.035em;font-weight:500;margin:7px 0 0}
.team-area-row .task-state{font-size:8px;padding:6px 11px}
.sector-tabs{display:flex;gap:7px;align-items:center;flex-shrink:0}
.sector-tabs button{background:transparent;border:1px solid #2d3b60;border-radius:5px;padding:7px 11px;font-size:9px;white-space:nowrap;color:#aeb9d3}
.sector-tabs button[aria-selected="true"]{background:#213572;color:#f5f8fd;border-color:#5576ce}
.sector-tabs button:hover{border-color:#ebfb4d}
.team-example{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:14px;align-items:start;min-height:0;flex:1}
.team-conversation{background:#10172d;border:1px solid #293858;border-radius:9px;padding:13px 12px;min-width:0;min-height:100%;display:flex;flex-direction:column;gap:12px}
.coordinator-line{display:flex;gap:10px;align-items:center}
.coordinator-line img{width:27px;height:27px;object-fit:contain}
.coordinator-line strong{font-size:11px;font-weight:500}
.coordinator-line small{display:block;color:#9eabc7;font-size:7px;margin-top:4px}
.sample-request{border:1px solid #344665;border-radius:7px;background:#0a1021;padding:10px}
.sample-request small,.sample-reply small{font-size:6px;letter-spacing:.07em;color:#a2b0cf}
.sample-request p,.sample-reply p{font-size:10px;line-height:1.65;margin:7px 0 0;color:#d3daea}
.sample-reply{padding:9px 10px;background:#1a2745;border-radius:6px}
.sample-reply small{color:#ebfb4d}
.agent-detail{border-top:1px solid #33405d;padding-top:10px;margin-top:auto}
.agent-detail strong{font-size:9px;line-height:1.5;color:#ebfb4d;font-weight:500}
.agent-detail p{font-size:8px;line-height:1.65;color:#aab6d0;margin:5px 0 0;min-height:27px}
.demo-executor{font-size:7px;line-height:1.6;color:#9aa8c6}
.team-office{position:relative;isolation:isolate;transform:translateZ(0);width:100%;aspect-ratio:1.5;background:#0b1020;border:1px solid #2b3c5c;border-radius:9px;overflow:hidden}
.team-office-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.team-station{position:absolute;z-index:2;transform:translate3d(-50%,-50%,1px);width:26%;min-height:30px;padding:5px 4px;border:1px solid #405578;border-radius:5px;background:#080f24e8;text-align:center;color:#edf1fc;box-shadow:0 5px 14px #0004}
.team-station strong{display:block;font-size:clamp(6px,.53vw,10px);font-weight:500;line-height:1.35}
.team-station small{display:block;font-size:6px;color:#b1bfd8;line-height:1.4;margin-top:3px}
.team-station.is-selected{border-color:#f5f8fd}
.team-station.is-flow-active{box-shadow:inset 0 -2px #ebfb4d,0 5px 14px #0004}
.team-station:hover{border-color:#ebfb4d;background:#15233bea}
.station-0{left:50%;top:43%}.station-1{left:23%;top:52%}.station-2{left:78%;top:52%}.station-3{left:21%;top:79%}.station-4{left:52%;top:84%}.station-5{left:82%;top:79%}
.team-workflow{margin:0;gap:12px;flex-shrink:0}
.team-workflow>div{padding:9px 0 0;display:flex;gap:7px;align-items:center}
.team-workflow>div>span{font-size:7px}
.team-workflow strong{font-size:9px;margin:0;font-weight:500}
.team-explanation{font-size:8px;line-height:1.5;color:#9eabc7;margin:0}
[data-scene="2"] .dashboard-caption{bottom:7vh;left:33vw;right:5vw;max-width:650px;font-size:9px}
@media(max-width:1200px) and (min-width:701px){[data-scene="2"] .dashboard-title{top:14%;max-width:86vw;left:7vw;display:flex;gap:28px;align-items:baseline}[data-scene="2"] .dashboard-title h2{font-size:36px}[data-scene="2"] .dashboard-title .eyebrow{max-width:190px}[data-scene="2"] .dashboard-title .body-copy{display:none}[data-scene="2"] .screen-rig{top:31%;width:86vw;right:5vw;height:57vh}.team-screen .screen-grid{grid-template-columns:95px minmax(0,1fr)}.team-content{padding:13px;gap:9px}.team-area-row h3{font-size:18px}.team-example{gap:10px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.team-conversation{padding:9px;gap:9px}.sample-request p,.sample-reply p{font-size:8px}.sample-request{padding:7px}.sample-reply{padding:7px}.agent-detail p{font-size:7px}.demo-executor{font-size:6px}.team-station{padding:4px 3px;min-height:25px}.team-station strong{font-size:7px}.team-station small{font-size:5px}[data-scene="2"] .dashboard-caption{left:9vw;bottom:7vh}}
@media(max-width:700px){
  [data-scene="2"] .dashboard-title{top:12%;left:6vw;max-width:86vw}
  [data-scene="2"] .dashboard-title h2{font-size:32px;line-height:1.04}
  [data-scene="2"] .dashboard-title .eyebrow{font-size:7px;margin-bottom:14px}
  [data-scene="2"] .dashboard-title .body-copy{font-size:11px;max-width:310px;margin-top:12px;display:none}
  [data-scene="2"] .screen-rig{top:28%;left:6vw;right:auto;width:88vw;height:60vh;max-height:530px;transform-origin:center}
  .team-screen .screen-bar{height:32px;padding:0 12px;gap:9px}
  .team-screen .screen-bar>img{width:65px}
  .screen-tagline{display:none}
  .team-screen .demo-label{font-size:6px;margin-left:auto}
  .team-screen .screen-grid{height:calc(100% - 32px);grid-template-columns:1fr}
  .team-screen aside{display:none}
  .team-content{padding:10px;gap:8px}
  .team-area-row{display:none}
  .sector-tabs{gap:5px}
  .sector-tabs button{font-size:8px;padding:8px 9px;min-height:30px;flex:1}
  .team-example{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}
  .team-office{order:1;aspect-ratio:1.5;flex-shrink:0;width:100%}
  .team-conversation{order:2;display:block;min-height:0;width:100%;padding:0;border:0;border-radius:0;background:transparent}
  .coordinator-line,.sample-request,.sample-reply,.demo-executor{display:none}
  .agent-detail{border:0;padding:0;margin:0}
  .agent-detail strong{font-size:10px}
  .agent-detail p{font-size:9px;line-height:1.55;margin:4px 0 0;min-height:28px}
  .team-station{min-height:28px;padding:4px 3px;width:28%;border-radius:4px}
  .team-station strong{font-size:7px;line-height:1.2}
  .team-station small{font-size:5px;margin-top:2px}
  .team-workflow{gap:9px;margin-top:auto}
  .team-workflow>div{padding-top:8px;gap:5px}
  .team-workflow>div>span{font-size:6px}
  .team-workflow strong{font-size:7px;margin:0}
  .team-explanation{display:none}
  [data-scene="2"] .dashboard-caption{display:none}
}
@media(prefers-reduced-motion:reduce){[data-scene="2"] .team-station{transition:none}.team-station.is-flow-active{box-shadow:none}}
/* Flatten the transformed UI plane so native hit testing reaches role buttons. */
[data-scene="2"] .screen-rig{transform-style:flat}
.team-screen{transform:translateZ(0)}
.team-office{isolation:auto;transform:none}
.team-station{transform:translate(-50%,-50%);z-index:3}
@media(max-width:700px){.team-conversation .demo-executor{display:block;margin-top:10px;font-size:8px;line-height:1.6;color:#a8b6d1}}