.integration-title{align-items:end}.integration-spine{grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:.55rem;margin:.6rem 0;padding:.7rem;display:grid}.integration-spine>div{text-align:center;background:#f7f9fd;border-radius:12px;padding:.65rem}.integration-spine .hot{color:#fff;background:linear-gradient(135deg,#0c1c31,#405eff 72%,#7657ff)}.integration-spine small,.integration-spine strong{display:block}.integration-spine small{color:#748196;font-size:.7rem;font-weight:950}.integration-spine .hot small{color:#bec9ff}.integration-spine strong{margin-top:.12rem;font-size:.78rem}.integration-spine>i{color:#9ca7b5;font-style:normal}.integration-tabs{gap:.35rem;padding:.15rem 0 .55rem;display:flex;overflow:auto}.integration-tabs button{appearance:none;border:1px solid var(--line);color:#65748a;background:#fff;border-radius:10px;flex:none;align-items:center;gap:.4rem;padding:.52rem .62rem;font-size:.76rem;font-weight:900;display:flex}.integration-tabs button span{background:#eef2f7;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 .25rem;font-size:.68rem;display:grid}.integration-tabs button.active{color:#fff;background:linear-gradient(135deg,#315cff,#7657ff);border-color:#0000}.integration-tabs button.active span{background:#ffffff29}.integration-grid-v13{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.integration-card-v13{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:.65rem;padding:.8rem;display:grid}.integration-card-v13.native{background:linear-gradient(135deg,#fbfffd,#f7fbff);border-color:#43c19140}.integration-logo-v13{color:#fff;background:linear-gradient(135deg,#315cff,#7657ff);border-radius:15px;place-items:center;width:56px;height:56px;font-size:.82rem;font-weight:950;display:grid}.native .integration-logo-v13{background:linear-gradient(135deg,#168865,#48c99a)}.integration-card-v13 div:nth-child(2)>span{color:#6476df;letter-spacing:.04em;font-size:.68rem;font-weight:950}.native div:nth-child(2)>span{color:#258268}.integration-card-v13 strong{margin-top:.08rem;font-size:.9rem;display:block}.integration-card-v13 p{color:#79869a;margin:.1rem 0;font-size:.76rem;line-height:1.5}.integration-card-v13 small{color:#96a0ae;font-size:.7rem}.integration-card-v13 button,.integration-card-v13>a{appearance:none;border:1px solid var(--line);color:#5368d9;text-align:center;background:#f7f8ff;border-radius:9px;min-width:105px;padding:.5rem;font-size:.74rem;font-weight:900;text-decoration:none}.integration-card-v13 button:disabled{color:#9aa5b4;background:#f3f5f8}.payload{margin-top:.6rem}.integration-outbox{margin-top:.6rem;overflow:hidden}.outbox-row{border-top:1px solid var(--line);grid-template-columns:120px 1fr auto;align-items:center;gap:.5rem;padding:.55rem .7rem;display:grid}.outbox-row span{color:#6678df;text-transform:uppercase;font-size:.7rem;font-weight:950}.outbox-row strong{font-size:.76rem}.outbox-row small{color:#8a96a6;font-size:.68rem}.outbox-empty{color:#8490a2;gap:.12rem;padding:1rem;font-size:.76rem;display:grid}.outbox-empty strong{color:#26354a}.integration-card-v13.enabled{border-color:#315cff47;box-shadow:0 16px 42px #315cff14}.integration-card-v13 button.on{color:#247d65;background:#eaf8f3;border-color:#247d6526}.payload-body{grid-template-columns:repeat(4,1fr);gap:.45rem;padding:.7rem;display:grid}.payload-body>div{background:#f7f9fd;border-radius:11px;padding:.6rem}.payload-body span,.payload-body strong{display:block}.payload-body span{color:#6d7fe3;font-size:.7rem;font-weight:950}.payload-body strong{margin-top:.12rem;font-size:.76rem}.workflow-modal{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071222a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workflow-dialog{background:#fff;border-radius:24px;width:min(1050px,100%);padding:1rem;box-shadow:0 28px 100px #00000042}.workflow-dialog>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.workflow-dialog h2{letter-spacing:-.06em;margin:.35rem 0 0;font-size:2.7rem;line-height:.92}.workflow-dialog header>button{border:1px solid var(--line);background:#fff;border-radius:11px;width:42px;height:42px;font-size:1.3rem}.workflow-steps{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.45rem;margin:1rem 0;display:grid}.workflow-steps article{border:1px solid var(--line);background:#f7f9fd;border-radius:14px;min-height:125px;padding:.7rem}.workflow-steps small,.workflow-steps strong,.workflow-steps span{display:block}.workflow-steps small{color:#697be1;font-size:.7rem;font-weight:950}.workflow-steps strong{margin-top:.55rem;font-size:.82rem}.workflow-steps span{color:#8490a2;margin-top:.18rem;font-size:.72rem}.workflow-steps>i{color:#9aa5b4;font-style:normal}.workflow-dialog>p{color:#748196;font-size:.78rem;line-height:1.55}.workflow-dialog>.btn{margin-left:auto}@media (width<=950px){.integration-grid-v13{grid-template-columns:1fr}.payload-body{grid-template-columns:1fr 1fr}.workflow-steps{grid-template-columns:1fr}.workflow-steps>i{text-align:center;transform:rotate(90deg)}}@media (width<=650px){.integration-spine{grid-template-columns:1fr}.integration-spine>i{text-align:center;transform:rotate(90deg)}.integration-card-v13{grid-template-columns:48px 1fr}.integration-card-v13 button,.integration-card-v13>a{grid-column:1/-1}.payload-body{grid-template-columns:1fr}}