.IntegrationFlow-module__kieHMG__flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:12px 0;list-style:none;display:grid}.IntegrationFlow-module__kieHMG__step{min-width:0;position:relative}.IntegrationFlow-module__kieHMG__step:not(:last-child):before{content:"";background:#bccbc1;height:1px;position:absolute;top:28px;left:64px;right:-12px}.IntegrationFlow-module__kieHMG__step:not(:last-child):after{content:"";border-top:1px solid #91a899;border-right:1px solid #91a899;width:7px;height:7px;position:absolute;top:25px;right:-11px;transform:rotate(45deg)}.IntegrationFlow-module__kieHMG__icon{color:#95553f;background:#f7d4c9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.IntegrationFlow-module__kieHMG__icon svg{width:25px;height:25px}.IntegrationFlow-module__kieHMG__step:nth-child(2) .IntegrationFlow-module__kieHMG__icon{color:#77608e;background:#e3dcf3}.IntegrationFlow-module__kieHMG__step:nth-child(3) .IntegrationFlow-module__kieHMG__icon{color:#65511b;box-shadow:0 0 0 5px var(--color-light-3), 0 0 0 6px #dbc781;background:#f6dc79}.IntegrationFlow-module__kieHMG__step:nth-child(4) .IntegrationFlow-module__kieHMG__icon{color:#bbf0bd;background:#223b31}.IntegrationFlow-module__kieHMG__system{letter-spacing:.04em;color:#78837c;margin-bottom:8px;font-size:10px;line-height:1.4}.IntegrationFlow-module__kieHMG__title{letter-spacing:-.025em;color:#263b31;text-wrap:balance;font-size:17px;font-weight:500;line-height:1.3}@media (max-width:639px){.IntegrationFlow-module__kieHMG__flow{grid-template-columns:1fr;gap:24px;padding:0}.IntegrationFlow-module__kieHMG__step{align-items:center;gap:20px;display:flex}.IntegrationFlow-module__kieHMG__icon{flex:0 0 44px;height:44px;margin:0}.IntegrationFlow-module__kieHMG__icon svg{width:22px;height:22px}.IntegrationFlow-module__kieHMG__system{margin-bottom:4px}.IntegrationFlow-module__kieHMG__title{font-size:16px}.IntegrationFlow-module__kieHMG__step:not(:last-child):before{width:1px;height:auto;inset:52px auto -16px 22px}.IntegrationFlow-module__kieHMG__step:not(:last-child):after{inset:auto auto -15px 19px;transform:rotate(135deg)}}
.IntegrationNetwork-module__xy8qlW__network{isolation:isolate;width:100%;max-width:760px;height:clamp(380px,38vw,520px);margin-inline:auto;position:relative}.IntegrationNetwork-module__xy8qlW__grid{z-index:-1;background-image:linear-gradient(#243d3010 1px,#0000 1px),linear-gradient(90deg,#243d3010 1px,#0000 1px);background-position:50%;background-size:32px 32px;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.IntegrationNetwork-module__xy8qlW__connections{pointer-events:none;width:100%;height:100%;position:absolute;overflow:visible}.IntegrationNetwork-module__xy8qlW__connection{transition:stroke .18s,stroke-width .18s}.IntegrationNetwork-module__xy8qlW__hub{aspect-ratio:1;color:#d7f2dc;letter-spacing:-.03em;background:#223b31;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:clamp(68px,7vw,96px);font-size:14px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #f5f8f5,0 0 0 11px #dce7de}.IntegrationNetwork-module__xy8qlW__hub svg{width:30%}.IntegrationNetwork-module__xy8qlW__node{cursor:pointer;background:#fff;border:1px solid #e0e5e1;border-radius:12px;justify-content:center;align-items:center;width:25%;height:64px;padding:12px 18px;transition:border-color .18s,box-shadow .18s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 2px 3px #223b3104,0 5px 14px #223b3105}.IntegrationNetwork-module__xy8qlW__node:hover,.IntegrationNetwork-module__xy8qlW__node:focus-visible{border-color:var(--node-color);box-shadow:0 4px 18px #223b3110}.IntegrationNetwork-module__xy8qlW__node:focus-visible{outline:2px solid var(--node-color);outline-offset:4px}.IntegrationNetwork-module__xy8qlW__logoFrame{width:100%;max-width:120px;height:100%;position:relative;overflow:hidden}.IntegrationNetwork-module__xy8qlW__logo{object-fit:contain}.IntegrationNetwork-module__xy8qlW__node[data-partner=YARDI] .IntegrationNetwork-module__xy8qlW__logo{transform:scale(2.7)}.IntegrationNetwork-module__xy8qlW__node[data-partner=KMD\ Nexus] .IntegrationNetwork-module__xy8qlW__logo{transform:scale(.8)}.IntegrationNetwork-module__xy8qlW__port{background:var(--node-color);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 3px #fff}.IntegrationNetwork-module__xy8qlW__node[data-side=left] .IntegrationNetwork-module__xy8qlW__port{right:-3px}.IntegrationNetwork-module__xy8qlW__node[data-side=right] .IntegrationNetwork-module__xy8qlW__port{left:-3px}@media (max-width:639px){.IntegrationNetwork-module__xy8qlW__node[data-partner=YARDI] .IntegrationNetwork-module__xy8qlW__logo{transform:scale(2.1)}.IntegrationNetwork-module__xy8qlW__node{border-radius:9px;height:56px;padding:10px}.IntegrationNetwork-module__xy8qlW__hub{gap:4px;font-size:12px}}@media (prefers-reduced-motion:reduce){.IntegrationNetwork-module__xy8qlW__node,.IntegrationNetwork-module__xy8qlW__connection{transition:none}}