.integrations{margin-block:80px}@media screen and (max-width: 768px){.integrations{margin-block:40px}}.integrations .head{margin-bottom:48px;display:flex;gap:24px;align-items:flex-end;justify-content:space-between}@media screen and (max-width: 992px){.integrations .head{flex-wrap:wrap}}@media screen and (max-width: 768px){.integrations .head{margin-bottom:32px}}.integrations .head .title{max-width:40%}@media screen and (max-width: 992px){.integrations .head .title{max-width:1000%}}.integrations .head .eyebrow{font-size:14px;font-weight:500;text-transform:uppercase;color:#30466d;margin-bottom:12px}.integrations .head .subtitle{max-width:50%}@media screen and (max-width: 992px){.integrations .head .subtitle{max-width:1000%}}.integrations .arch{margin-bottom:48px}@media screen and (max-width: 768px){.integrations .arch{margin-bottom:32px}}.integrations .arch .diagram{border:1px solid rgba(66,66,66,.15);background:#fbfbfd;padding:36px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:stretch}@media screen and (max-width: 992px){.integrations .arch .diagram{grid-template-columns:1fr;gap:16px}}@media screen and (max-width: 768px){.integrations .arch .diagram{padding:24px 16px}}.integrations .arch .node{background:#fff;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 15px 5px rgba(0,0,0,.02);transition:box-shadow .3s ease-in-out}.integrations .arch .node:hover{box-shadow:0 0 15px 5px rgba(0,0,0,.08)}.integrations .arch .node.primary{background:#30466d;color:#fff}.integrations .arch .node.primary .label{color:rgba(255,255,255,.6)}.integrations .arch .node.primary .title{color:#fff}.integrations .arch .node.primary ul li{color:rgba(255,255,255,.85)}.integrations .arch .node .label{font-size:10px;letter-spacing:.18em;color:#5e5e5e;text-transform:uppercase}.integrations .arch .node .title{font-size:16px;font-weight:600;color:#30466d}.integrations .arch .node ul{display:flex;flex-direction:column;gap:10px;margin-top:6px}.integrations .arch .node ul li{font-size:14px;color:inherit;opacity:.9}.integrations .arch .arrow{align-self:center;width:36px;height:1px;background:rgba(66,66,66,.35);position:relative}@media screen and (max-width: 992px){.integrations .arch .arrow{display:none}}.integrations .arch .arrow::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid rgba(66,66,66,.35);border-right:1px solid rgba(66,66,66,.35);transform:rotate(45deg)}.integrations .arch .stack{display:grid;gap:16px}.integrations .cats{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}@media(max-width: 992px){.integrations .cats{grid-template-columns:1fr 1fr}}@media(max-width: 576px){.integrations .cats{grid-template-columns:1fr;gap:16px}}.integrations .cat{padding:32px 28px;display:flex;flex-direction:column;gap:14px;background:#fff;box-shadow:0 0 15px 5px rgba(0,0,0,.02);transition:box-shadow .3s ease-in-out}.integrations .cat:hover{box-shadow:0 0 15px 5px rgba(0,0,0,.08)}@media screen and (max-width: 768px){.integrations .cat{padding:24px 16px}}.integrations .cat .k{font-size:15px;color:#30466d;font-weight:600;letter-spacing:-0.005em}.integrations .cat h4{font-size:16px;font-weight:600;color:#30466d;margin-bottom:4px}.integrations .cat ul.systems{display:flex;flex-direction:column;gap:12px}.integrations .cat ul.systems li{font-size:14px;color:#424242;font-weight:300}.integrations .cat ul.systems li a{color:#30466d;text-decoration:underline;font-weight:600}.integrations .cat ul.systems li a:hover{text-decoration:none}