.agents-chat{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--color-surface-card) 94%, transparent), var(--color-surface-deep)), var(--color-surface-card);border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 90px #00000073}.agents-chat-titlebar{border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);align-items:center;gap:.4rem;padding:.8rem 1.1rem;display:flex}.agents-chat-titlebar span{background:var(--color-surface-control);border-radius:999px;width:.55rem;height:.55rem}.agents-chat-titlebar em{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;margin-left:.5rem;font-size:.72rem;font-style:normal}.agents-chat-thread{gap:.85rem;padding:1.25rem;display:grid}.agents-chat-user{background:var(--color-surface-control-muted);max-width:85%;color:var(--color-text);border-radius:1rem 1rem .25rem;justify-self:end;padding:.7rem 1rem;font-size:.85rem;line-height:1.5}.agents-chat-work{background:var(--color-surface-quiet);border-radius:.85rem;gap:.45rem;padding:.85rem 1rem;display:grid}.agents-chat-work p{color:var(--color-text-secondary);font-family:var(--font-mono);gap:.55rem;font-size:.78rem;line-height:1.5;display:flex}.agents-chat-work p span{color:var(--color-brand)}.agents-chat-agent{background:var(--color-surface-soft);max-width:85%;color:var(--color-text-secondary);border-radius:1rem 1rem 1rem .25rem;padding:.7rem 1rem;font-size:.85rem;line-height:1.5}.agents-chat figcaption{color:var(--color-text-muted);padding:0 1.25rem 1.1rem;font-size:.75rem;line-height:1.5}.agents-example{border-left:2px solid color-mix(in srgb, var(--color-brand) 55%, transparent);max-width:44rem;color:var(--color-text-secondary);font-family:var(--font-mono);padding:.15rem 0 .15rem 1.1rem;font-size:.78rem;line-height:1.55;position:relative}.agents-example:before{content:"“"}.agents-example:after{content:"”"}.agents-command{background:color-mix(in srgb, var(--color-surface) 96%, var(--color-white));max-width:48rem;color:var(--color-text-secondary);font-family:var(--font-mono);white-space:nowrap;border-radius:.6rem;margin-top:1rem;padding:.65rem .9rem;font-size:.78rem;display:block;overflow-x:auto}.agents-command:before{content:"$ ";color:var(--color-brand)}.agents-compare-card{background:var(--color-surface-panel);border-radius:1.5rem;flex-direction:column;align-items:flex-start;padding:1.75rem 1.5rem 1.5rem;transition:background-color .2s,transform .2s;display:flex;position:relative}.agents-compare-card:not(.agents-compare-featured):hover{background:var(--color-surface-panel-strong);transform:translateY(-2px)}.agents-compare-featured{background:linear-gradient(175deg, var(--color-surface-green), var(--color-surface-green-deep)) padding-box, linear-gradient(165deg, color-mix(in srgb, var(--color-brand) 60%, transparent), #ffffff1a 42%, color-mix(in srgb, var(--color-brand) 30%, transparent)) border-box;border:1px solid #0000;box-shadow:0 18px 60px #bbea5714}.agents-compare-featured:hover{transform:translateY(-2px)}.agents-compare-badge{background:var(--color-brand);color:var(--color-black);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.3rem .8rem;font-size:.65rem;font-weight:700;position:absolute;top:-.8rem;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.agents-compare-card,.agents-compare-card:hover,.agents-compare-featured:hover{transition:none;transform:none}}.agents-pros,.agents-cons{gap:.55rem;font-size:.875rem;line-height:1.5;display:grid}.agents-pros{color:var(--color-text-secondary)}.agents-cons{color:var(--color-text-muted)}.agents-pros li,.agents-cons li{padding-left:1.35rem;position:relative}.agents-pros li:before,.agents-cons li:before{font-family:var(--font-mono);font-size:.8rem;position:absolute;left:0}.agents-pros li:before{content:"✓";color:var(--color-brand)}.agents-cons li:before{content:"–";color:var(--color-text-faint)}.agents-effort{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.agents-effort-dots{gap:.25rem;display:inline-flex}.agents-effort-dots i{background:var(--color-surface-control);border-radius:999px;width:.4rem;height:.4rem}.agents-effort-dots i.on{background:var(--color-brand)}.agents-setup+.agents-setup{border-top:1px solid #ffffff0f}.agents-setup-summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.25rem;padding:1.5rem 0;list-style:none;display:grid}.agents-setup-summary::-webkit-details-marker{display:none}.agents-setup-summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:.75rem}.agents-setup-logo{width:3rem;height:3rem;color:var(--color-text);background:#ffffff0a;border-radius:1rem;place-items:center;transition:color .15s;display:grid}.agents-setup-summary:hover .agents-setup-logo{color:var(--color-brand)}.agents-setup-name{gap:.25rem;min-width:0;display:grid}.agents-setup-name strong{color:var(--color-text);letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.agents-setup-name small{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.agents-setup-marker{width:2rem;height:2rem;color:var(--color-text-secondary);background:#ffffff0d;border-radius:999px;place-items:center;font-size:1.15rem;line-height:1;transition:transform .18s,color .15s;display:grid}.agents-setup[open] .agents-setup-marker{color:var(--color-brand);transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.agents-setup{interpolate-size:allow-keywords}.agents-setup::details-content{opacity:0;block-size:0;transition:content-visibility .28s allow-discrete, opacity .28s ease, block-size .28s ease;overflow-y:clip}.agents-setup[open]::details-content{opacity:1;block-size:auto}.agents-setup[open] .agents-setup-body{animation:.28s agents-reveal}}@keyframes agents-reveal{0%{opacity:0;transform:translateY(-4px)}}.agents-setup-body{padding:.5rem 0 2.25rem 4.25rem}.agents-setup-steps{gap:1.75rem;display:grid}.agents-setup-step{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;display:grid}.agents-step-number{color:var(--color-brand);font-family:var(--font-mono);padding-top:.4rem;font-size:.78rem}.agents-setup-step-magicpay{background:color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1.25rem;margin:.25rem -1.25rem 0;padding:1.25rem}.agents-setup-sources{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:2.25rem;font-size:.75rem;display:flex}.agents-setup-sources a{color:var(--color-text-secondary);transition:color .15s}.agents-setup-sources a:hover,.agents-setup-sources a:focus-visible{color:var(--color-brand)}@media (width<=639px){.agents-chat-thread{padding:1rem}.agents-setup-summary{gap:.85rem}.agents-setup-name small{display:none}.agents-setup-logo{width:2.5rem;height:2.5rem}.agents-setup-body{padding-left:0}.agents-setup-step{grid-template-columns:1.75rem minmax(0,1fr);gap:.6rem}.agents-setup-step-magicpay{margin:.25rem -.75rem 0;padding:.85rem .75rem}}