/* Reference dimensions: 1200px content, 1020px illustration, 400px title-to-list gap. */
@font-face{font-family:WorkflowFigtree;src:url('assets/workflow-figtree.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
#vorher-nachher.wf-host{position:relative;isolation:isolate;overflow:visible}
.wf-lead{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0;min-height:800px;isolation:isolate}
.wf-copy{position:relative;z-index:2;text-align:left;width:100%}
.wf-copy .sec-label{display:none}
.wf-copy .sec-title{font-family:WorkflowFigtree,sans-serif!important;font-size:58px!important;font-weight:500!important;line-height:1.1!important;letter-spacing:-.03em!important;white-space:pre-line;max-width:none;margin:0!important;color:#30283d}
.wf-scene{position:absolute;z-index:0;top:25px;left:25%;width:85%;pointer-events:none}
.wf-scene img{display:block;width:100%;height:auto;opacity:.45;filter:hue-rotate(5deg);mix-blend-mode:multiply}
.wf-benefits{position:relative;z-index:2;display:grid;grid-template-columns:max-content max-content;column-gap:64px;row-gap:48px;list-style:none;margin:400px 0 0!important;padding:0!important;width:max-content;max-width:100%}
.wf-benefits li{display:flex;align-items:center;gap:16px;min-height:32px;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:24px;letter-spacing:-.03em;color:#30283d;margin:0;padding:0}
.wf-benefits li:before{content:'';flex:0 0 32px;width:32px;height:32px;background:radial-gradient(circle at 6px 6px,#b7a6d0 0 5.5px,transparent 6px),radial-gradient(circle at 26px 6px,#dcd2e8 0 5.5px,transparent 6px),radial-gradient(circle at 6px 26px,#dcd2e8 0 5.5px,transparent 6px),radial-gradient(circle at 26px 26px,#b7a6d0 0 5.5px,transparent 6px)}
.wf-host .compare-grid{position:relative;margin-top:48px}
@media(max-width:1199px){.wf-copy .sec-title{font-size:50px!important}.wf-scene{left:20%;width:80%}.wf-benefits{column-gap:36px}.wf-benefits li{font-size:18px}}
@media(max-width:809px){.wf-lead{min-height:0}.wf-copy .sec-title{font-size:37px!important}.wf-scene{position:relative;top:auto;left:auto;width:100%;margin:24px 0}.wf-scene img{opacity:.65}.wf-benefits{margin:24px 0 0!important;grid-template-columns:1fr;width:100%;gap:24px}.wf-benefits li{font-size:18px;line-height:1.4}.wf-host .compare-grid{margin-top:40px}}