.integration-card:where(.astro-3pkontq6){cursor:pointer;background:#fff;border:1px solid #e6e6e6;border-radius:12px;flex-direction:column;height:100%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.integration-card:where(.astro-3pkontq6):hover{border-color:#0570de;transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.integration-card:where(.astro-3pkontq6):focus{border-color:#0570de;transform:translateY(-2px);box-shadow:0 8px 30px #00000014,0 0 0 3px #0570de1a}.integration-card:where(.astro-3pkontq6).coming-soon{opacity:.65;cursor:default}.integration-card:where(.astro-3pkontq6).coming-soon:hover{box-shadow:none;border-color:#e6e6e6;transform:none}.integration-card:where(.astro-3pkontq6).featured{background:linear-gradient(135deg,#f8fbff,#fff);border-color:#0570de;position:relative}.integration-card:where(.astro-3pkontq6).featured:before{content:"";background:linear-gradient(90deg,#0570de,#1a73e8);height:3px;position:absolute;top:0;left:0;right:0}.integration-card:where(.astro-3pkontq6).featured:hover{border-color:#0570de;box-shadow:0 12px 40px #0570de26}.card-content:where(.astro-3pkontq6){flex-direction:column;gap:20px;height:100%;padding:24px;display:flex}.card-header:where(.astro-3pkontq6){justify-content:space-between;align-items:flex-start;display:flex}.logo-container:where(.astro-3pkontq6){background:#f8f9fa;border:1px solid #e6e6e6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logo:where(.astro-3pkontq6){-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.logo-placeholder:where(.astro-3pkontq6){color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#0570de,#1a73e8);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}.header-badges:where(.astro-3pkontq6){gap:6px;display:flex}.featured-badge:where(.astro-3pkontq6){color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0570de;border-radius:16px;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.popularity-badge:where(.astro-3pkontq6){text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:600}.popularity-badge:where(.astro-3pkontq6).high{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.card-body:where(.astro-3pkontq6){flex-direction:column;flex:1;gap:18px;display:flex}.title-section:where(.astro-3pkontq6){flex-direction:column;gap:10px;display:flex}.category-badge:where(.astro-3pkontq6){color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-radius:16px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.integration-name:where(.astro-3pkontq6){color:#0a2540;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:1.3}.integration-description:where(.astro-3pkontq6){color:#425466;letter-spacing:-.003em;margin:0;font-size:14px;line-height:1.5}.features-section:where(.astro-3pkontq6){flex-direction:column;gap:10px;display:flex}.features-title:where(.astro-3pkontq6){color:#0a2540;letter-spacing:-.003em;margin:0;font-size:13px;font-weight:600}.features-list:where(.astro-3pkontq6){flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feature-item:where(.astro-3pkontq6){color:#425466;align-items:center;gap:6px;font-size:13px;line-height:1.4;display:flex}.check-icon:where(.astro-3pkontq6){color:#10b981;flex-shrink:0;width:14px;height:14px}.meta-section:where(.astro-3pkontq6){background:#f8f9fa;border:1px solid #e6e6e6;border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex}.meta-item:where(.astro-3pkontq6){justify-content:space-between;align-items:center;display:flex}.meta-label:where(.astro-3pkontq6){color:#6b7280;font-size:12px;font-weight:500}.meta-value:where(.astro-3pkontq6){color:#0a2540;font-size:12px;font-weight:600}.card-footer:where(.astro-3pkontq6){margin-top:auto}.connect-button:where(.astro-3pkontq6){color:#fff;cursor:pointer;letter-spacing:-.003em;background:#0570de;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.connect-button:where(.astro-3pkontq6):hover{background:#0461c7;transform:translateY(-1px);box-shadow:0 8px 25px #0570de4d}.connect-button:where(.astro-3pkontq6):active{transform:translateY(0)}.status-badge:where(.astro-3pkontq6){color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.status-badge:where(.astro-3pkontq6).coming-soon{color:#6b7280}@media (prefers-contrast:high){.integration-card:where(.astro-3pkontq6){border-width:2px}.connect-button:where(.astro-3pkontq6){border:2px solid #0000}}@media (prefers-reduced-motion:reduce){.integration-card:where(.astro-3pkontq6),.connect-button:where(.astro-3pkontq6){transition:none}.integration-card:where(.astro-3pkontq6):hover,.connect-button:where(.astro-3pkontq6):hover{transform:none}}