.connection-main{max-width:1160px;margin:64px auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.connection-intro{padding-top:30px}.connection-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#0174fd}
.connection-intro h1{font-size:48px;line-height:1.08;color:#003a82;max-width:440px;margin:22px 0}.connection-intro p{line-height:1.7;font-size:17px;color:#536b7d;max-width:440px}
.connection-features{display:grid;gap:18px;margin:34px 0;color:#003a82;font-weight:600}.connection-card{background:white;padding:30px;border:1px solid #dce7ed;border-radius:18px;box-shadow:0 12px 40px #003a8209}
.connection-card h2{margin:0;color:#003a82}.connection-card p{color:#536b7d;line-height:1.5}.connection-card form{display:grid;gap:17px}.connection-card label{display:grid;gap:7px;font-weight:600;color:#203f59;font-size:13px}
.connection-card input,.connection-card select,.api-filters input,.api-filters select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #bdcdd8;border-radius:7px;background:#fff;color:#203f59;font:inherit;min-width:0}
.connection-import{margin:22px 0;padding:14px;border:1px dashed #8db9e5;border-radius:9px;background:#f4f9ff}.connection-import input{border:0;padding:5px 0;background:transparent;font-weight:400}
.connection-import summary{cursor:pointer;font-size:13px;color:#003a82}.connection-import[open] summary{margin-bottom:12px}
.connection-card .connection-note,.connection-intro .connection-note{font-size:12px;line-height:1.6;color:#6d7d80;margin:0}.connection-submit,.api-filters button{cursor:pointer;border:0;border-radius:8px;padding:13px 18px;background:#003a82;color:white;font-weight:600;font-size:14px}.connection-submit{display:flex;justify-content:space-between}.connection-submit:disabled{opacity:.6;cursor:wait}
#connection-status{margin:0;min-height:20px;font-size:13px}#connection-status.error{color:#a92525}
.api-filters{margin:16px 24px;display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;background:white;border:1px solid #dce7ed;border-radius:12px}.api-filters[hidden]{display:none}.api-filters label{display:grid;gap:5px;font-size:12px;flex:1;min-width:130px;max-width:250px;color:#203f59}.api-filters .api-note{flex-basis:100%;font-size:12px;color:#536b7d;margin:0}.api-filters button.secondary{background:#e8f1fa;color:#003a82}
@media(max-width:780px){.connection-main{grid-template-columns:1fr;margin:24px auto;gap:28px;padding:0 18px}.connection-intro{padding:0}.connection-intro h1{font-size:36px}.connection-features{grid-template-columns:1fr 1fr;font-size:13px;gap:12px}.connection-card{padding:22px}.api-filters{margin:12px}.api-filters label{max-width:none}.connection-intro .connection-note{display:none}}
.capability-report{box-sizing:border-box;overflow-x:auto}.capability-report p,.capability-report li{line-height:1.6}.capability-report li{margin:10px 0}.capability-report h3{margin-top:28px;color:#203f59}.capability-table{border-collapse:collapse;width:100%;min-width:580px;margin:22px 0;font-size:14px}.capability-table th,.capability-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #dce7ed;line-height:1.5}.capability-table thead{background:#e8f1fa;color:#203f59}.capability-table td:nth-child(2){width:180px;font-weight:600;color:#536b7d}.capability-table tr[data-status=available] td:nth-child(2){color:#24723d}.capability-note{background:#f3f7fc;padding:16px;border-radius:8px}.capability-notice{grid-column:1/-1;width:100%;box-sizing:border-box;padding:14px 18px;border:1px solid #c8daed;border-radius:10px;background:#f5f9fe;line-height:1.6;font-size:13px}.capability-notice a{color:#003a82;font-weight:600}.topbar nav a[hidden]{display:none}
.saved-client { border-top: 1px solid #d8e5f2; padding: 16px 0; }
.saved-client h3 { margin: 0 0 8px; }
.saved-client button { margin: 8px 12px 0 0; border: 1px solid #bbd3ef; border-radius: 8px; background: #f4f8ff; color: #064783; padding: 9px 14px; cursor: pointer; }