.hero-demo{width:100%;min-width:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#191c17}
.hero-demo-heading{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:14px;font:10px/1.5 var(--ods-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hero-demo-heading>span:last-child{color:var(--lime)}
.hero-demo>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#121313;pointer-events:none}
.hero-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 23px;font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.02em}
.hero-demo-caption:hover{color:var(--lime)}
.hero-demo-caption>svg{width:18px;height:18px}
.how-copy>p{margin-top:25px}
.how-heading .hero-riffle{max-width:520px;justify-self:end}

/* Referência enviada: 1436 × 66,5 px; ícones de 36 px e sobreposição de 10 px. */
.agents-compatible{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:10;width:calc(100% - 96px);max-width:1436px;height:66.5px;margin:24px auto 38px;color:#f4f1e9;font:400 16px/24px Bricolage,ui-sans-serif,system-ui,sans-serif;box-sizing:border-box}
.agents-compatible-label{display:block;color:#ffffff73;font:400 11px/16.5px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;letter-spacing:1.98px;text-transform:uppercase}
.agents-compatible-list{display:flex;align-items:center;list-style:none;width:218px;height:36px;margin:0;padding:0}
.agent-compat-item{position:relative;flex:0 0 36px;width:36px;height:36px;transition:translate .2s cubic-bezier(.4,0,.2,1)}
.agent-compat-item+.agent-compat-item{margin-left:-10px}
.agent-compat-badge{display:grid;place-items:center;width:36px;height:36px;background:#f4f1e9;border:1px solid #ffffff40;border-radius:999px;box-shadow:0 4px 16px #00000052}
.agent-compat-badge>img{display:block;width:20px;height:20px;max-width:100%;object-fit:contain}
.agent-compat-item:not(.agent-compat-more):hover{translate:0 -2px;z-index:10}
.agent-compat-item:focus-visible{border-radius:14px;outline:2px solid #f4ff71;outline-offset:2px;z-index:10}
.agent-compat-more .agent-compat-badge{color:#0000008c;font:600 11px/16.5px Bricolage,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.agents-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1150px){.agents-compatible{width:calc(100% - 64px)}}
@media(max-width:760px){.hero-demo{max-width:560px;margin:auto}.hero-demo-heading{padding:17px 20px}.hero-demo-caption{padding:18px 20px;font-size:15px}.agents-compatible{width:calc(100% - 44px);margin-top:0;margin-bottom:22px}.how-heading .hero-riffle{justify-self:center;width:100%}.how-copy>p{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.agent-compat-item{transition:none}}