@font-face{font-family:Data Inter;src:url(/fonts/fda/inter-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Data Zalando;src:url(/fonts/fda/zalando-sans-latin-var.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}[data-native-page=data-integrations]{--heading-font:"Data Zalando",sans-serif;--body-font:"Data Inter",sans-serif;color:#3e5362;background:#fff;font-family:Data Inter,sans-serif;overflow:clip}[data-native-page=data-integrations] h1,[data-native-page=data-integrations] h2,[data-native-page=data-integrations] h3{font-family:Data Zalando,sans-serif}.di-section{position:relative}.di-shell{width:min(1212px,100% - 112px);margin-inline:auto}.di-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.di-heading{text-align:center}.di-heading h2,.di-systems__heading h2{color:#050505;letter-spacing:-.02em;margin:0;font-size:40px;font-weight:650;line-height:1.07}.di-heading p{margin:24px auto 0;font-size:18px;line-height:1.34}.di-heading p+p{margin-top:10px}.di-button{color:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 25px;font:650 16px/1 Data Inter,sans-serif;text-decoration:none;display:inline-flex}.di-button:focus-visible,[data-accordion-trigger]:focus-visible{outline-offset:4px;outline:3px solid #67c3ff}.di-button--primary{background:#2988d0;box-shadow:0 8px 18px #0b63a438}.di-features{background:radial-gradient(circle at 86% 44%,#f2faff 0%,#fff 38%);height:930px;padding:62px 0}.di-features .icon-card-grid{--icg-heading-lh:1.07;--icg-heading-ls:-.02em;--icg-heading-color:#050505;--icg-sub-max:none;--icg-sub-margin:24px auto 0;--icg-sub-lh:1.34;--icg-sub-color:#3e5362;--icg-width:1080px;--icg-gap:49px 46px;--icg-grid-top:57px;--icg-card-min-height:266px;--icg-card-padding:24px 28px 27px;--icg-card-border:1px solid #edf4f8;--icg-card-radius:18px;--icg-card-bg:linear-gradient(145deg,#fff,#f6fbfe);--icg-card-shadow:0 14px 28px #4596c91a;--icg-icon-width:82px;--icg-icon-height:82px;--icg-icon-margin:0 0 3px -4px;--icg-title-margin:0;--icg-title-weight:680;--icg-title-color:#111;--icg-body-margin:34px 0 0;--icg-body-size:17px;--icg-body-lh:1.42;--icg-title-ls:0;--icg-body-color:#3e5362}.di-use{background:#fff;height:875px;padding-top:52px}.di-use .di-heading{height:149px}.di-use .di-heading p{margin-top:21px}.di-use__band{color:#fff;background:#06273b;height:674px;position:relative;overflow:hidden}.di-use__band>.di-cover{object-position:center center}.di-use__shade{background:linear-gradient(90deg,#05283d 0%,#05283df7 30%,#05283dc4 52%,#05283d1a 82%);position:absolute;inset:0}.di-prepared{background:#f0f8ff;height:639px;padding:62px 0 45px}.di-prepared .di-heading p{margin-top:20px}.di-prepared .di-heading p+p{margin-top:8px}.di-flow{color:#111;grid-template-columns:270px 42px 215px 42px 160px 42px 205px;justify-content:center;align-items:center;gap:10px;margin-top:48px;display:grid}.di-flow>span{color:#2590d7;text-align:center;font-size:30px}.di-flow article h3{text-align:center;margin:0 0 16px;font-size:18px;font-weight:560}.di-flow ul{border:1px dashed #238dd3;border-radius:8px;gap:8px;margin:0;padding:13px 16px;list-style:none;display:grid}.di-flow li{background:#fff;border-radius:4px;padding:7px 10px;font-size:14px;box-shadow:0 4px 9px #317eb21a}.di-flow__brand{letter-spacing:.02em;font-size:24px;font-weight:550}.di-flow__result ul{color:#fff;background:linear-gradient(145deg,#119fdf,#123f8c);border:0;padding:22px 25px}.di-flow__result li{box-shadow:none;background:0 0;border-bottom:1px dashed #ffffff73;border-radius:0}.di-how{background:#fff;height:600px;padding:48px 0}.di-how .di-heading p{margin-top:21px}.di-how__grid{grid-template-columns:repeat(4,1fr);margin-top:31px;display:grid}.di-how__grid article{border-left:1px solid #d7e5ee;min-height:320px;padding:0 37px}.di-how__grid article:first-child{border-left:0;padding-left:0}.di-how__grid article:last-child{padding-right:0}.di-how__grid img{object-fit:contain;width:82px;height:82px;margin-bottom:19px}.di-how__grid h3{margin:0 0 23px;font-size:18px}.di-how__grid p{margin:0;font-size:17px;line-height:1.38}.di-systems{background:#fff;height:999px;padding:68px 0 45px}.di-systems__heading h2{font-family:Zalando Sans,sans-serif}.di-systems__heading p{color:#111;margin:20px 0 0;font-size:15px}.di-systems__grid{grid-template-columns:598px 1fr;align-items:start;gap:77px;margin-top:50px;display:grid}.di-systems__grid figure{border-radius:12px;height:680px;margin:0;overflow:hidden}.di-systems__grid figure img{object-fit:cover;object-position:47% center;width:100%;height:100%}.di-systems__grid article{padding:0 0 25px}.di-systems__grid h3{color:#111;margin:0 0 7px;font-size:16px}.di-systems__grid strong{color:#111;margin-bottom:12px;font-size:16px;display:block}.di-systems__grid p{margin:0;font-size:15px;line-height:1.4}.di-state{background:#fff;height:475px;padding:57px 0 28px}.di-state h2{color:#050505;text-align:center;margin:0 0 35px;font-size:40px}.di-state__grid{grid-template-columns:1fr 1fr;display:grid}.di-state__grid>article{min-width:0;padding-right:42px}.di-state__grid>article+article{border-left:1px solid #dbe7ee;padding-left:42px}.di-state__grid h3{color:#111;margin:0 0 22px;font-size:18px}.di-state__grid p{margin:0;font-size:17px;line-height:1.4}.di-state__grid>article>strong{color:#1b8bd2;margin-top:22px;font-size:17px;font-weight:500;display:block}.di-logos{grid-template-columns:repeat(4,1fr);align-items:center;gap:15px;margin-top:30px;display:grid}.di-logos img{object-fit:contain;width:100%;height:54px}.di-context{color:#fff;background:#061e2f;height:618px;overflow:hidden}.di-context__shade{background:linear-gradient(90deg,#03121d1f,#03121d3d 42%,#03121de6 62%,#03131f);position:absolute;inset:0}.di-context__copy{z-index:1;width:560px;margin-right:max(70px,50vw - 606px);padding-top:98px;position:relative}.di-context__copy article{padding-left:38px;position:relative}.di-context__copy article+article{margin-top:38px}.di-context__copy h3{color:#fff;margin:0 0 18px;font-size:20px}.di-context__copy p{color:#fff;margin:0;font-size:16px;line-height:1.42}.di-context__copy p+p{margin-top:15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px) and (width>=901px){.di-shell{width:min(1000px,100% - 64px)}.di-flow{transform:scale(.86)}.di-systems__grid{grid-template-columns:1fr 1fr;gap:55px}.di-context__copy{margin-right:48px}}@media (width<=900px){.di-shell{width:min(680px,100% - 40px)}.di-features,.di-use,.di-prepared,.di-how,.di-systems,.di-state,.di-context{height:auto;min-height:0}.di-heading br{display:none}.di-features,.di-prepared,.di-how,.di-systems,.di-state{padding:72px 0}.di-use{padding-top:60px}.di-use .di-heading{height:auto;padding:0 20px 48px}.di-use__band{height:auto;min-height:680px}.di-systems__grid{grid-template-columns:1fr}.di-flow{text-align:center;grid-template-columns:1fr;transform:none}.di-flow>span{transform:rotate(90deg)}.di-how__grid{grid-template-columns:1fr 1fr;gap:36px}.di-how__grid article{border:0;padding:0}.di-systems__grid figure{height:460px}.di-state__grid{grid-template-columns:1fr;gap:45px}.di-state__grid>article+article{border-left:0;padding-left:0}.di-logos{margin-top:20px}.di-context{min-height:700px}.di-context__shade{background:#03121dcc}.di-context__copy{width:min(620px,100% - 40px);margin-inline:auto}}@media (width<=600px){.di-how__grid{grid-template-columns:1fr}.di-logos{grid-template-columns:1fr 1fr}.di-flow{overflow:hidden}.di-flow__sources{height:auto}.di-flow__sources ul{width:100%}.di-flow__sources li{margin-left:0!important}.di-flow__sources svg{display:none}.di-flow__brand{width:100%}.di-systems__grid figure{height:auto;max-height:400px}.di-systems,.di-context,.di-how{overflow:hidden}.di-use__band .xa__media{max-width:100%}}@media (scripting:none),(prefers-reduced-motion:reduce){.di-use__band{height:auto;min-height:674px}.di-use{height:auto;min-height:875px}}@media (prefers-reduced-motion:reduce){[data-native-page=data-integrations] *{scroll-behavior:auto!important}}[data-native-page=data-integrations] h1,[data-native-page=data-integrations] h2,[data-native-page=data-integrations] h3{word-spacing:normal;font-family:Zalando Sans,sans-serif}.di-use__band>.di-cover{object-position:center;transform:scaleX(-1)}.di-use__shade{background:linear-gradient(90deg,#051b29 0% 30%,#051b29ed 48%,#051b291a 82%)}.di-use__band .xa{z-index:1;align-content:center;height:100%;position:relative}.di-flow{grid-template-columns:330px 34px 175px 34px 165px 34px 170px;gap:6px;margin-top:47px}.di-flow>span{font-size:24px}.di-flow article h3{margin-bottom:13px;font-size:17px;font-weight:520}.di-flow ul{gap:5px;padding:9px 10px}.di-flow li{padding:5px 9px;font-size:12px}.di-flow__sources{height:238px}.di-flow__sources ul{z-index:2;border:0;width:145px;padding:0;position:relative}.di-flow__sources li{width:max-content;min-width:95px}.di-flow__sources li:nth-child(2){margin-left:-35px}.di-flow__sources li:nth-child(3){margin-left:-80px}.di-flow__sources li:nth-child(4){margin-left:-18px}.di-flow__sources li:nth-child(5){margin-left:55px}.di-flow__sources svg{z-index:1;fill:none;stroke:#8798a5;stroke-width:.7px;width:260px;height:180px;position:absolute;bottom:4px;left:78px}.di-flow__brand{width:165px;height:auto}.di-flow__result ul{padding:17px 18px}.di-systems__grid{grid-template-columns:620px 1fr;gap:43px}.di-context .di-cover{object-position:40% center}.di-context__shade{background:linear-gradient(90deg,#03121d14,#03121d2e 41%,#03121de3 60%,#03131f)}.di-context__copy{width:560px;margin-right:max(102px,50vw - 574px);padding-top:92px}.di-context__copy article{padding-left:52px}.di-context__copy article>img{object-fit:contain;width:48px;height:48px;position:absolute;top:-10px;left:-7px}.di-context__copy article+article{border-top:1px solid #ffffff8c;margin-top:34px;padding-top:27px}@media (width<=1100px){.di-systems__grid{grid-template-columns:1fr 1fr}.di-flow{transform:scale(.86)}.di-context__copy{margin-right:48px}}@media (width<=900px){.di-systems__grid,.di-flow{grid-template-columns:1fr}.di-flow{transform:none}.di-context__copy{width:min(560px,100% - 40px);margin-inline:auto}}.di-flow__sources{position:relative}.di-flow__sources svg{width:260px;bottom:4px;left:auto!important;right:0!important}.di-flow li{border-radius:7px;align-items:center;min-height:28px;padding-left:31px;display:flex;position:relative}.di-flow li:before{content:"";background:50%/contain no-repeat;width:17px;height:17px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.di-flow__sources li:first-child:before{background-image:url(/assets/native-data-integrations/flow-icon-1.png)}.di-flow__sources li:nth-child(2):before{background-image:url(/assets/native-data-integrations/flow-icon-2.png)}.di-flow__sources li:nth-child(3):before{background-image:url(/assets/native-data-integrations/flow-icon-3.png)}.di-flow__sources li:nth-child(4):before{background-image:url(/assets/native-data-integrations/flow-icon-4.png)}.di-flow__sources li:nth-child(5):before{background-image:url(/assets/native-data-integrations/flow-icon-5.png)}.di-flow__categories li:first-child:before{background-image:url(/assets/native-data-integrations/flow-icon-6.png)}.di-flow__categories li:nth-child(2):before{background-image:url(/assets/native-data-integrations/flow-icon-7.png)}.di-flow__categories li:nth-child(3):before{background-image:url(/assets/native-data-integrations/flow-icon-8.png)}.di-flow__categories li:nth-child(4):before{background-image:url(/assets/native-data-integrations/flow-icon-9.png)}.di-flow__categories li:nth-child(5):before{background-image:url(/assets/native-data-integrations/flow-icon-10.png)}.di-flow__categories li:nth-child(6):before{background-image:url(/assets/native-data-integrations/flow-icon-11.png)}.di-flow__result li:first-child:before{background-image:url(/assets/native-data-integrations/flow-icon-12.png)}.di-flow__result li:nth-child(2):before{background-image:url(/assets/native-data-integrations/flow-icon-13.png)}.di-flow__result li:nth-child(3):before{background-image:url(/assets/native-data-integrations/flow-icon-14.png)}.di-flow__result li:nth-child(4):before{background-image:url(/assets/native-data-integrations/flow-icon-15.png)}@media (width<=900px){.di-flow li{font-size:14px;margin-left:0!important}.di-flow__sources svg{display:none}.di-flow__sources{height:auto}.di-flow__sources ul{width:100%}.di-systems__grid p,.di-how__grid p,.di-context__copy p,.di-systems__heading p,.di-heading p{font-size:14px}}
