/* One employee, connected tasks. The canvas stays the same across desktop sizes. */
#trabalhos{scroll-margin-top:93px}
.capabilities-canvas{max-width:1160px;margin-inline:auto}
.capabilities-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,28%) minmax(0,1fr);grid-template-rows:repeat(3,minmax(104px,auto));column-gap:clamp(12px,2vw,28px);align-items:center;padding-block:12px}
.capabilities-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.capability-route{stroke:#bfd3cb;stroke-width:1.3;vector-effect:non-scaling-stroke}
.capability-route.is-future{stroke:#afbab8;stroke-dasharray:.012 .018}
.capability-route.is-selected{stroke:var(--lg-teal-500);stroke-width:2;stroke-dasharray:1;animation:capability-connect .38s var(--ease-out) both}
@keyframes capability-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.capabilities-agent{position:relative;grid-column:2;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;isolation:isolate}
.capabilities-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid rgba(28,131,118,.13);border-radius:50%;background:radial-gradient(circle,rgba(70,194,175,.12),rgba(70,194,175,.025) 66%,transparent 70%);z-index:-1}
.capabilities-orbit:after{content:"";position:absolute;inset:18px;border:1px solid rgba(28,131,118,.1);border-radius:50%}
.capabilities-agent img{height:auto;width:118%;max-width:340px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 55% 52% at 50% 53%,#000 64%,transparent 98%);margin-block:-22px -16px}
.capabilities-agent-name{font:700 24px var(--font-display);letter-spacing:-.03em;color:var(--lg-ink-950);text-align:center}
.capabilities-agent-name span{display:block;font:500 12px var(--font-body);letter-spacing:0;color:var(--text-secondary);margin-top:3px}
.capability-task{position:relative;z-index:1;display:flex;align-items:center;gap:14px;width:100%;min-height:90px;padding:16px 18px;border:1px solid transparent;border-radius:16px;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.capability-task:hover{background:#eef4ef;border-color:#d6e3da}
.capability-task.is-selected{background:#e4f1e9;border-color:#bfd9ce}
.capability-task:focus-visible{outline:3px solid var(--lg-orange-500);outline-offset:4px}
.capability-task--0{grid-column:1;grid-row:1}.capability-task--1{grid-column:3;grid-row:1}.capability-task--2{grid-column:1;grid-row:2}.capability-task--3{grid-column:3;grid-row:2}.capability-task--4{grid-column:1;grid-row:3}.capability-task--5{grid-column:3;grid-row:3}
.capability-task-copy{min-width:0}
.capability-task strong{display:block;font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.015em}
.capability-task-short{display:block;font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:5px}
.capability-icon{display:grid;place-items:center;flex:none;width:36px;height:40px;color:#12786b}
.capability-icon svg{width:25px;height:25px}
.capability-task.is-future .capability-icon{color:#657c79}
.capability-task .capability-status{margin-top:6px;background:#e5ebe8;color:#3b555b;font-size:11px}
.capabilities-example-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px;color:var(--text-secondary);font-size:12px;line-height:1.5}
.capabilities-example-heading>span:first-child{font-weight:700;letter-spacing:.12em;font-size:10px}
.capability-example{background:var(--lg-ink-950);color:var(--lg-paper);border-radius:18px;padding:26px 30px;min-height:140px;box-sizing:border-box}
.capability-example-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;animation:capability-detail .24s var(--ease-out) both}
.capability-example-grid>div+div{border-inline-start:1px solid rgba(251,252,248,.14);padding-inline-start:28px}
.capability-example-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#72cdbd}
.capability-example p{font-size:15px;line-height:1.5;margin:9px 0 0;max-width:34ch}
.capability-example.is-future .capability-example-grid>div:last-child p{color:#d2ddd8}
.capabilities-limit{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:14px 0 0;max-width:90ch}
@keyframes capability-detail{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
html[data-ligou-motion="paused"] .capabilities *,html[data-ligou-visibility="hidden"] .capabilities *{animation:none!important;transition:none!important}
@media(max-width:767px){
  .capabilities-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,auto);column-gap:10px;row-gap:10px;padding-top:0}
  .capabilities-agent{grid-column:1/3;grid-row:1;min-height:190px;align-self:center;margin-block:-16px 10px}
  .capabilities-agent img{width:190px;margin-block:-14px -20px}
  .capabilities-orbit{width:174px}
  .capabilities-agent-name{font-size:22px}
  .capabilities-links{display:none}
  .capability-task{padding:12px;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;min-height:104px;border-color:var(--border-soft);border-radius:12px}
  .capability-task strong{font-size:14px;line-height:1.4}
  .capability-task-short{display:none}
  .capability-icon{width:24px;height:24px}.capability-icon svg{width:22px;height:22px}
  .capability-task--0{grid-column:1;grid-row:2}.capability-task--1{grid-column:2;grid-row:2}.capability-task--2{grid-column:1;grid-row:3}.capability-task--3{grid-column:2;grid-row:3}.capability-task--4{grid-column:1;grid-row:4}.capability-task--5{grid-column:2;grid-row:4}
  .capabilities-example-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-top:20px}
  .capability-example{padding:22px;border-radius:14px;min-height:0}
  .capability-example-grid{grid-template-columns:1fr;gap:18px}
  .capability-example-grid>div+div{border-inline-start:0;padding-inline-start:0;border-top:1px solid rgba(251,252,248,.14);padding-top:18px}
  .capability-example p{font-size:14px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.capabilities *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.capability-task.is-selected{outline:2px solid Highlight}.capability-example{border:1px solid CanvasText}.capability-route{stroke:CanvasText}}