.integration-hero-section{padding:60px 0}.integration-hero-section__preheadline{color:#038181;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:.72px;line-height:1.6;margin-bottom:12px;text-transform:uppercase}.integration-hero-section__headline{font-family:Cooper,serif;font-weight:400;line-height:normal;margin-bottom:30px;text-wrap:pretty}.integration-hero-section__main-text{line-height:1.2;margin-bottom:24px;max-width:unset}.integration-hero-section__main-text span:has(strong){background-image:linear-gradient(transparent 14px,#e3f1f3 0,#e3f1f3 34px,transparent 0),linear-gradient(transparent 49px,#e3f1f3 0,#e3f1f3 70px,transparent 0);background-position:-3px 0;background-repeat:repeat-y;background-size:100% 35.62px;font-size:22px;line-height:1.37;position:relative}.integration-hero-section__cta{background:#d35e4a;color:#fff;display:flex;font-size:16px;font-weight:600;max-width:413px;padding:10px 20px;width:100%}.integration-hero-section__cta:hover{background:#ce4c35;color:#fff}.integration-hero-section__badges{gap:24px}.integration-hero-section__badges .integration-hero-section__badge{align-items:center;display:flex}.integration-hero-section__badge-img{max-height:50px;width:auto}.integration-hero-section__illustration{align-items:center;justify-content:center}.integration-hero-section__illustration .integration-hero-section__figure{position:relative}.integration-hero-section__illustration .integration-hero-section__figure .integration-hero-section__img{height:auto;width:100%}.integration-hero-section__badge-placeholder{align-items:center;background-color:#f5f5f5;border:2px dashed #ddd;border-radius:4px;color:#666;display:flex;flex-direction:column;font-size:12px;height:43px;justify-content:center;width:132px}.integration-hero-section__badge-placeholder span{font-weight:500;margin-bottom:2px}.integration-hero-section__badge-placeholder small{color:#999;font-size:10px}.integration-hero-section__image-placeholder{align-items:center;background-color:#f5f5f5;border:2px dashed #ddd;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:16px;height:560px;justify-content:center;margin:0 auto;max-width:720px;width:100%}.integration-hero-section__image-placeholder span{font-weight:500;margin-bottom:8px}.integration-hero-section__image-placeholder small{color:#999;font-size:14px}@media (min-width:768px){.integration-hero-section__main-text,.integration-hero-section__preheadline{font-size:18px}.integration-hero-section__main-text span:has(strong){font-size:22px}.integration-hero-section__cta{font-size:18px}.integration-hero-section__image-placeholder{height:480px}}@media (max-width:1023px){.integration-hero-section .uk-container,.wp-block-df-integration-hero-section.integration-hero-section .uk-container,.wp-block-df-integration-hero-section.integration-hero-section.alignfull .uk-container{max-width:768px}}@media (min-width:1024px){.integration-hero-section{padding:80px 0}.integration-hero-section__headline{font-size:48px;margin-bottom:40px}.integration-hero-section__content{max-width:570px;width:43%}.integration-hero-section__illustration{width:57%}.integration-hero-section__illustration .integration-hero-section__figure .integration-hero-section__img{margin:-30px 0 0;min-width:102%}.integration-hero-section__content .integration-hero-section__badges{justify-content:flex-start}.integration-hero-section__main-text{max-width:418px}.integration-hero-section__image-placeholder{height:560px}.integration-hero-section__main-text span:has(strong){background-position:-3px 4px;background-size:100% 38.62px;font-size:26px}.integration-hero-mockup{height:400px}.integration-hero-mockup-workflow{right:120px;top:100px}}.integration-hero-section.alignwide{max-width:1400px}.integration-hero-section.alignfull{max-width:100%;padding-left:0;padding-right:0}.integration-hero-section.alignfull .uk-container{margin:0 auto;max-width:1300px}