.apple-logo{object-fit:contain;flex-shrink:0;display:block}.pill-dark .apple-logo{filter:invert()}.agent-connect{text-align:center;padding-top:16px;padding-bottom:24px}.agent-eyebrow{letter-spacing:.12em;color:#888;justify-content:center;align-items:center;gap:8px;margin-bottom:30px;font-size:10px;display:flex}.agent-eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.agent-connect h2{letter-spacing:-.045em;max-width:1000px;margin:auto;font-size:clamp(38px,4.6vw,64px);line-height:1.2}.agent-title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.agent-logo-stack{vertical-align:middle;align-items:center;margin:12px 0;padding-left:8px;display:inline-flex}.agent-logo{color:#fff;width:76px;height:76px;transition:transform .3s var(--ease-quint),box-shadow .3s var(--ease-quint);isolation:isolate;background:#111;border:4px solid #f8f8f8;border-radius:50%;place-items:center;margin-left:-8px;padding:0;display:grid;position:relative;box-shadow:0 0 0 .5px #00000013,0 6px 14px #00000008}.agent-logo img{filter:invert();width:37px;height:37px}.agent-claude{background:#d97757}.agent-logo[aria-selected=true]{z-index:2;box-shadow:0 0 0 2px #064cff,0 8px 18px #0000000d}.agent-logo:hover,.agent-logo:focus-visible{z-index:3;transform:translateY(-5px)}.agent-logo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.agent-tooltip{font-family:var(--font-inter),sans-serif;letter-spacing:0;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#202020;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:400;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,3px)}.agent-logo:hover .agent-tooltip,.agent-logo:focus-visible .agent-tooltip{opacity:1;transform:translate(-50%)}.agent-connect-intro{color:var(--muted);text-wrap:balance;max-width:600px;margin:30px auto 32px;font-size:16px}.agent-connection-detail{border-radius:var(--radius-panel);corner-shape:var(--squircle-card);background:#f0f0ef;max-width:560px;min-height:160px;margin:0 auto;padding:22px 30px}.agent-status{color:#666;align-items:center;gap:8px;font-size:11px;display:inline-flex}.agent-status i{background:#064cff;border-radius:50%;width:3px;height:3px}.agent-status.planned i{background:#a59a7b}.agent-connection-detail p{color:#777;text-wrap:balance;margin-top:12px;font-size:14px;line-height:1.65}.agent-connection-detail>a{align-items:center;gap:4px;margin-top:14px;font-size:12px;display:inline-flex}.agent-connection-detail>a:hover{text-decoration:underline}.agent-connection-note{color:#92928d;margin-top:16px;font-size:10px}@media (max-width:767px){.agent-title-row{gap:10px}.agent-logo{border-width:3px;width:59px;height:59px}.agent-logo img{width:29px;height:29px}.agent-connect-intro{margin:26px auto;font-size:14px}.agent-connection-detail{min-height:190px;padding:20px}.agent-connection-note{max-width:290px;margin:16px auto 0;font-size:10px}.agent-eyebrow{letter-spacing:.1em;font-size:8px}.agent-connect h2{font-size:38px}.agent-title-row{display:flex}.agent-logo-stack{flex-basis:100%;order:3;justify-content:center;margin:12px 0 0;padding:0}.agent-logo{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.agent-logo,.agent-tooltip{transition:none}.agent-logo:hover,.agent-logo:focus-visible{transform:none}}