.integration-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;background:#111;color:#fff;padding:28px;margin-bottom:14px;border-top:4px solid #e10613}
.integration-summary small{color:#ff3340;font-weight:800;letter-spacing:.16em}
.integration-summary h2{font-size:28px;margin:8px 0}
.integration-summary p{color:#bbb;max-width:680px;margin:0}
.integration-kpis{display:grid;grid-template-columns:repeat(3,112px);gap:1px;background:#333}
.integration-kpis article{background:#181818;padding:18px 14px;display:flex;flex-direction:column;justify-content:center}
.integration-kpis b{font:800 25px Manrope;color:#fff}
.integration-kpis span{font-size:9px;letter-spacing:.1em;color:#aaa}
.integration-security{background:#fff8e7;border-left:4px solid #e7a400;padding:13px 15px;font-size:12px;margin-bottom:12px}
.integration-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.integration-filter button{border:1px solid #d7dadd;background:#fff;padding:9px 13px;font-weight:800;cursor:pointer}
.integration-filter button.active{background:#111;color:#fff;border-color:#111}
.integration-live-grid .integration-card{display:flex;flex-direction:column;min-height:250px}
.integration-live-grid .integration-card p{flex:1}
.integration-live-grid .integration-card.local{border-top:3px solid #2878d4}
.integration-live-grid .integration-card.configured,.integration-live-grid .integration-card.verifying{border-top:3px solid #e7a400}
.integration-live-grid .integration-card.free{border-top:3px solid #158354}
.integration-live-grid .integration-card[hidden]{display:none}
.integration-live-grid .integration-help{display:block;margin-top:10px;color:#777;font-size:9px;font-weight:700}
.integration-live-grid .connected .connect-state,.integration-live-grid .free .connect-state{color:#158354}
.integration-live-grid .local .connect-state{color:#1769b8}
.integration-live-grid .configured .connect-state,.integration-live-grid .verifying .connect-state{color:#9a6900}
.integration-live-grid .pending .connect-state{color:#c6000c}
.free-location-results{display:grid;gap:8px}
.free-location-results a{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #d7dadd;color:#111;text-decoration:none;background:#fff}
.free-location-results a:hover{border-color:#e10613}
.free-location-results a b{font-size:12px;line-height:1.4}
.free-location-results a small{white-space:nowrap;color:#c6000c;font-weight:800}
@media(max-width:1000px){.integration-summary{grid-template-columns:1fr}.integration-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.integration-summary{padding:20px}.integration-summary h2{font-size:23px}.integration-kpis{grid-template-columns:1fr}.integration-kpis article{min-height:72px}.integration-filter{display:grid;grid-template-columns:1fr 1fr}.integration-filter button:first-child{grid-column:1/-1}.integration-live-grid .integration-card{min-height:225px}}