.ix-composer{padding:32px 0;background:#f3f8fa;border-block:1px solid #d7e5ec;color:#173e54}.ix-composer-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:18px}.ix-composer-heading h2{font-size:clamp(25px,2.5vw,30px)!important;line-height:1.2!important;margin:10px 0!important;color:#173e54!important}.ix-composer-heading>p{font-size:14px;line-height:1.85;margin:0;color:#486578}.ix-process-example{background:#fff;border:1px solid #ccdee7}.ix-process-intro{padding:18px 22px;background:linear-gradient(110deg,#183f55,#216677);border-left:4px solid #ef882d;color:#fff}.ix-process-intro>span{font-size:11px;letter-spacing:.05em;color:#b8e0e4}.ix-process-intro h3{color:#fff!important;font-size:23px!important;margin:10px 0!important}.ix-process-intro p{max-width:880px;font-size:13px;line-height:1.8;margin:0;color:#e1eef2}.ix-process-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none!important;margin:0!important;padding:18px 22px!important;gap:22px}.ix-process-steps li{position:relative;list-style:none!important;padding:0!important;margin:0!important}.ix-process-steps li:before{display:none!important}.ix-process-steps li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:22px;color:#247c89}.ix-process-steps small{display:block;color:#287584;font-size:10px;margin-bottom:8px}.ix-process-steps strong{font-size:16px;color:#183f55}.ix-process-steps p{font-size:12px;line-height:1.8;color:#506c7d;margin:8px 0 0}.ix-composer-screens{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 22px}.ix-composer-screens figure{min-width:0;margin:0;background:#f6f9fb;border:1px solid #d6e3eb}.ix-composer-screens figcaption{padding:10px 14px;border-bottom:1px solid #d6e3eb}.ix-composer-screens figcaption strong{display:block;font-size:14px}.ix-composer-screens figcaption span{display:block;font-size:11px;line-height:1.6;color:#536c7b;margin-top:4px}.ix-composer-screens a{display:block;background:#fff}.ix-composer .ix-composer-screens img{display:block!important;width:100%!important;height:155px!important;max-height:none!important;object-fit:contain!important;object-position:top left!important;border-radius:0!important;margin:0!important}.ix-composer-caption{font-size:11px;line-height:1.7;color:#617d8c;padding:10px 22px 14px;margin:0}.ix-composer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:18px}.ix-composer-benefits>div{border-top:3px solid #79b2bb;padding-top:10px}.ix-composer-benefits h3{font-size:16px!important;color:#173e54!important;line-height:1.5!important;margin:0 0 8px!important}.ix-composer-benefits p{font-size:12px;line-height:1.8;margin:0;color:#506b7d}.ix-composer-footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:14px;margin-top:16px;border-top:1px solid #cfdee6}.ix-composer-footer p{flex:1 1 450px;font-size:13px;line-height:1.7;margin:0}.ix-composer-footer .ce-link{font-size:12px;white-space:nowrap}.ix-composer a:focus-visible{outline:3px solid #f28a36;outline-offset:4px}@media(max-width:850px){.ix-composer-heading{grid-template-columns:1fr;gap:12px}.ix-process-steps,.ix-composer-benefits{grid-template-columns:1fr 1fr!important}.ix-process-steps li:after{display:none}.ix-composer-screens{grid-template-columns:1fr}.ix-composer .ix-composer-screens img{height:auto!important;max-height:340px!important}}@media(max-width:520px){.ix-composer{padding:32px 0}.ix-process-steps,.ix-composer-benefits{grid-template-columns:1fr!important}.ix-process-intro{padding:22px}.ix-process-steps{padding:22px!important}.ix-composer-screens{padding:0 20px}.ix-composer-caption{padding-inline:20px}}

.ix-composer .ix-process-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:0!important;background:linear-gradient(110deg,#173e54,#205a60)!important;padding:16px 22px!important}.ix-process-intro:after{content:'';position:absolute;right:25px;top:-80px;width:210px;height:210px;transform:rotate(35deg);border:1px solid #ffffff18;box-shadow:0 0 0 26px #ffffff06,0 0 0 52px #ffffff04;pointer-events:none;z-index:-1}.ix-composer .ix-process-intro h3{font-size:20px!important;margin:6px 0!important}.ix-process-intro p{font-size:12px;line-height:1.7;max-width:940px}.ix-composer-heading>p{font-size:13px;line-height:1.75}.ix-composer .ix-composer-screens figure{border-radius:0!important}.ix-composer .ix-composer-benefits h3{font-size:15px!important;line-height:1.35!important}.ix-composer-benefits p{line-height:1.7}.ix-composer .ix-process-steps{padding:18px 22px!important}.ix-composer .ix-process-steps p{line-height:1.65;margin-top:6px}.ix-process-steps small{margin-bottom:5px}

.ix-composer-icon{display:flex;align-items:center;color:#237e85;width:24px;height:24px;margin:8px 0 12px}.ix-composer-icon svg{width:23px;height:23px}.ix-composer-benefits .ix-composer-icon{margin:4px 0 10px}.ix-room-hero .ix-hero-catalog-button{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:11px 16px;background:#f58220!important;border:1px solid #dc721c;color:#173e54!important;border-radius:0!important;text-decoration:none!important;font-size:13px;font-weight:600}.ix-hero-catalog-button svg{width:18px;height:18px}.ix-room-hero .ix-hero-catalog-button:hover{background:#ff953c!important}.ix-catalog#voorbeelden{scroll-margin-top:120px}