body main.creation-showcase section.ecommerce-connected-section{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:7%;row-gap:28px;padding:80px 7%;margin:0;background:#e9edf5;align-items:start}.erp-connected-heading{grid-column:1/-1;margin:0 0 16px}.erp-connected-heading h2{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-.045em;max-width:26ch;margin:20px 0 0}.erp-connected-intro{grid-column:1;grid-row:2}.erp-connected-details{grid-column:1;grid-row:3}.erp-connected-intro p,.erp-connected-details>p{font-size:17px;line-height:1.75;max-width:49ch;margin:0 0 20px}.erp-connected-details .erp-connected-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:30px 0 14px}.erp-connected-systems{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.erp-connected-systems span{padding:9px 15px;border:1px solid #21284f30;border-radius:6px;font-size:14px;font-weight:500;background:#f7f8fc70}.erp-connected-details>.text-link{margin:0;font-size:14px}.erp-connected-map{grid-column:2;grid-row:2/4;border-radius:24px;background:#21284f;color:#f7f8fc;padding:32px;box-shadow:0 20px 45px #21284f12}.erp-map-top{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:10px}.erp-map-endpoint{display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:12px;min-width:0}.erp-map-endpoint svg{width:30px;height:30px;flex-shrink:0}.erp-map-endpoint>span{font-size:12px;line-height:1.5}.erp-map-endpoint strong{font-size:17px;font-weight:600;white-space:nowrap}.erp-map-shop{background:#ffd300;color:#21284f}.erp-map-software{border:1px solid #f7f8fc45;background:#f7f8fc07}.erp-map-arrow{font-size:28px;color:#95d4e9;text-align:center}.erp-connected-map .erp-map-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b7c1de;margin:30px 0 16px}.erp-map-fields{list-style:none;padding:0;margin:0}.erp-map-fields li{display:flex;align-items:center;gap:18px;border-top:1px solid #f7f8fc25;padding:16px 0;margin:0}.erp-map-fields li::before{display:none!important}.erp-map-number{font-size:10px;color:#95d4e9;align-self:flex-start;padding-top:6px}.erp-connected-map .erp-map-fields h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;color:#f7f8fc;margin:0 0 5px}.erp-connected-map .erp-map-fields p{font-size:13px;line-height:1.6;color:#cbd3e7;margin:0;max-width:42ch}.erp-map-dot{width:5px;height:5px;border-radius:50%;background:#ffd300;margin-left:auto;flex-shrink:0}.erp-map-caption{border-top:1px solid #f7f8fc25;margin-top:3px;padding-top:18px;display:flex;gap:8px;align-items:center;font-size:11px;color:#cbd3e7;line-height:1.5}.erp-map-caption>span{width:6px;height:6px;background:#95d4e9;border-radius:50%;flex-shrink:0}
@media(max-width:1100px){body main.creation-showcase section.ecommerce-connected-section{column-gap:5%;padding:65px 6%;grid-template-columns:1fr 1.15fr}.erp-connected-map{padding:24px}.erp-map-endpoint{display:block;padding:13px}.erp-map-endpoint svg{margin-bottom:8px}.erp-map-endpoint>span{display:block}.erp-map-endpoint strong{font-size:16px}.erp-map-top{gap:6px;grid-template-columns:1fr 26px 1fr}.erp-map-arrow{font-size:24px}}
@media(max-width:700px){body main.creation-showcase section.ecommerce-connected-section{display:flex;flex-direction:column;padding:45px 6%;gap:24px}.erp-connected-heading{margin:0}.erp-connected-heading h2{font-size:35px;max-width:22ch;margin-top:18px}.erp-connected-intro{order:1}.erp-connected-heading{order:0}.erp-connected-map{order:2;width:100%;padding:24px 20px;border-radius:18px}.erp-connected-details{order:3}.erp-connected-intro p,.erp-connected-details>p{font-size:16px}.erp-connected-intro p:last-child{margin-bottom:0}.erp-map-endpoint{display:flex;gap:9px;padding:13px 10px}.erp-map-endpoint svg{width:24px;height:24px;margin:0}.erp-map-endpoint>span{font-size:10px}.erp-map-endpoint strong{font-size:14px}.erp-map-top{gap:5px;grid-template-columns:1fr 23px 1fr}.erp-map-fields li{gap:14px;padding:15px 0}.erp-connected-map .erp-map-fields h3{font-size:20px}.erp-connected-map .erp-map-fields p{font-size:12px}.erp-connected-details .erp-connected-label{margin-top:24px}.erp-connected-systems{margin-bottom:16px}}
.erp-connected-copy{grid-column:1;grid-row:2;align-self:center}.erp-connected-copy .erp-connected-details{margin-top:30px}.erp-connected-section .erp-connected-map{grid-row:2}
@media(max-width:700px){.erp-connected-copy{display:contents}.erp-connected-copy .erp-connected-details{margin-top:0}}

.erp-map-arrow{display:block;width:100%;height:24px}