.connection-groups { display: grid; gap: 24px; margin: 22px 0; }
.connection-group h2 { margin-bottom: 10px; text-transform: capitalize; }
.connection-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.connection-card { display: flex; flex-direction: column; min-height: 220px; padding: 20px; }
.connection-card-top { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.provider-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--green2); color: var(--green); font-size: 18px; font-weight: 900; }
.connection-card p { margin: 0 0 14px; color: var(--muted); }
.capabilities { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.capability { padding: 4px 8px; border-radius: 12px; background: #eef4f1; color: #466057; font-size: 10px; font-weight: 700; }
.connection-card .btn { width: 100%; margin-top: auto; }
.connection-method { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 1000px) { .connection-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .connection-cards { grid-template-columns: 1fr; } }