.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.integration-card{border:1px solid #e2e8f1;border-radius:16px;padding:22px;background:#fafcff}.integration-card h3{margin:0;font-size:21px;letter-spacing:-.4px}.integration-card p{line-height:1.65;color:#66748c}.integration-state{display:inline-block;margin:10px 0 0;padding:5px 10px;border-radius:20px;background:#edf1f7;color:#53627a;font-size:12px;font-weight:600}.integration-state.ready{background:#e8f5ef;color:#25734c}.integration-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.integration-options{font-size:13px;margin-top:14px;color:#58667b}.integration-options label{display:flex;gap:8px;align-items:flex-start}.integration-options input{width:auto}.integration-review{margin-top:18px;border-top:1px solid #dfe6f0;padding-top:16px}.integration-review table{font-size:12px;width:100%}.integration-review th,.integration-review td{text-align:left;padding:8px 5px;vertical-align:top;overflow-wrap:anywhere}.integration-review .roster-table-wrap{max-height:300px}.integration-summary{font-weight:600;color:#1e3554!important}.integration-card button:disabled{opacity:.6}.integration-card a{color:#3155dc}.integration-guide{max-width:880px;margin:60px auto;padding:0 24px}.integration-guide section{margin:28px 0;padding:26px;border:1px solid #e2e8f1;border-radius:16px}.integration-guide h1{font-size:44px;letter-spacing:-1.6px}.integration-guide p,.integration-guide li{line-height:1.8;color:#56647b}.integration-guide code{background:#eef2fa;border-radius:5px;padding:3px 7px;overflow-wrap:anywhere}@media(max-width:760px){.integration-grid{grid-template-columns:1fr}.integration-card{padding:18px}.integration-guide h1{font-size:34px}}@media(prefers-reduced-motion:no-preference){.integration-card{transition:box-shadow .2s ease,border-color .2s ease}.integration-card:focus-within{border-color:#a8b8f3;box-shadow:0 8px 24px #1737810a}}