.aftersale-demo{overflow:clip;padding-bottom:80px;background:#061830;color:#fff}.example-scroll-track{position:relative}.example-sticky-stage{padding:92px 0 45px}.example-stage-inner{position:relative}.example-master-head{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:25px}.example-master-head h2{margin:9px 0 0;font-size:clamp(2.3rem,4.8vw,5rem);line-height:.88;letter-spacing:-.06em}.example-progress{display:flex;align-items:center;gap:7px}.example-progress button{display:flex;align-items:center;gap:6px;padding:6px;border:0;background:transparent;color:#7f94aa;cursor:pointer}.example-progress button b{font-size:.78rem}.example-progress button span{font-size:.6rem;font-weight:900}.example-progress button.is-active{color:#6cddd2}.example-progress>i{position:relative;width:34px;height:2px;overflow:hidden;background:rgba(255,255,255,.18)}.example-progress>i span{position:absolute;inset:0;background:#6cddd2;transform:scaleX(0);transform-origin:left;transition:transform .7s ease}.example-progress>i.is-complete span{transform:scaleX(1)}.example-slide{margin-bottom:45px}.example-slide:last-child{margin-bottom:0}.example-scope-note{position:relative;z-index:5;max-width:980px;margin:38px 0 0;padding:17px 20px;border-left:3px solid #6cddd2;background:rgba(255,255,255,.06);color:#b7c7d7;font-size:.8rem;line-height:1.6}.example-scope-note strong{color:#fff}.example-disclaimer{position:relative;z-index:5;margin:15px 0 0;color:#8fa3b7;font-size:.66rem;line-height:1.45}
.aftersale-demo-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:25px}.aftersale-demo-heading h3{max-width:780px;margin:8px 0 0;font-size:clamp(1.75rem,3vw,3.2rem);line-height:.98}.aftersale-demo-heading p{margin:0;color:#b7c7d7;line-height:1.65;font-size:.85rem}
.aftersale-workspace{display:grid;grid-template-columns:1fr 1.05fr .9fr;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 35px 80px rgba(0,0,0,.25)}.aftersale-workspace article{overflow:hidden;border-radius:17px;background:#f8fbfd;color:#0a213b;box-shadow:0 14px 35px rgba(0,0,0,.16)}.capture-screen,.journey-screen{padding:20px}.capture-screen header,.journey-screen header{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid #dfe8ee}.demo-logo{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#0b8382;color:#fff;font:800 1rem/1 Georgia,serif}.capture-screen header div,.journey-screen header div{display:flex;flex-direction:column}.capture-screen header small,.journey-screen header small{margin-top:2px;color:#6a7c8e;font-size:.69rem}.capture-screen header i{margin-left:auto;color:#8392a1;font-size:.7rem;font-style:normal}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.demo-fields label{font-size:.68rem;font-weight:800;color:#566b7e}.demo-fields input{box-sizing:border-box;width:100%;margin-top:5px;padding:10px;border:1px solid #d8e2e9;border-radius:8px;background:#fff;color:#183049;font:inherit}.capture-screen fieldset{margin:0;padding:0;border:0}.capture-screen legend{margin-bottom:9px;font-size:.72rem;font-weight:800}.demo-categories{display:flex;flex-wrap:wrap;gap:7px}.demo-categories span{padding:7px 9px;border:1px solid #d4e0e6;border-radius:999px;background:#fff;font-size:.67rem;font-weight:800}.demo-categories .selected{border-color:#0b8382;background:#dff4f1;color:#086d6d}.demo-consent{display:flex;gap:9px;margin:16px 0;padding:10px;border-radius:9px;background:#eef7f5}.demo-consent>span{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;background:#0b8382;color:#fff;font-size:.7rem}.demo-consent p{display:flex;flex-direction:column;margin:0;font-size:.68rem}.demo-consent small{margin-top:3px;color:#647888;line-height:1.35}.capture-screen button{display:flex;width:100%;justify-content:space-between;padding:11px 13px;border:0;border-radius:8px;background:#0b8382;color:#fff;font-weight:800;opacity:1}
.journey-screen header{justify-content:space-between}.journey-screen header>span{padding:6px 8px;border-radius:99px;background:#dcf3ec;color:#13805e;font-size:.66rem;font-weight:800}.journey-screen ol{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.journey-screen li{position:relative;display:grid;grid-template-columns:70px 1fr 25px;gap:8px;align-items:center;min-height:61px;border-bottom:1px solid #e3eaef}.journey-screen li:last-child{border:0}.journey-screen time{font-size:.66rem;font-weight:800;color:#0b8382}.journey-screen li div{display:flex;flex-direction:column}.journey-screen li strong{font-size:.76rem}.journey-screen li small{margin-top:4px;color:#6b7d8c;font-size:.64rem}.journey-screen li b{display:grid;width:23px;height:23px;place-items:center;border:1px solid #d5e0e6;border-radius:50%;color:#6b7d8c;font-size:.61rem}.journey-screen li.done b{border-color:#0b8382;background:#0b8382;color:#fff}
.mail-screen{background:#fff!important}.mail-browser{display:flex;align-items:center;gap:5px;padding:10px 12px;background:#eaf0f4}.mail-browser i{width:6px;height:6px;border-radius:50%;background:#b5c3ce}.mail-browser span{margin-left:7px;color:#718391;font-size:.61rem}.mail-brand{display:flex;align-items:center;gap:8px;padding:13px 16px}.mail-image{display:flex;min-height:114px;align-items:flex-end;padding:14px;background:linear-gradient(145deg,rgba(5,66,77,.15),rgba(7,132,130,.2)),radial-gradient(circle at 75% 25%,#86ddd5 0 10%,transparent 11%),linear-gradient(165deg,#d6f3ef,#7fc8c8);color:#074653}.mail-image span{padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.75);font-size:.63rem;font-weight:800}.mail-copy{padding:16px}.mail-copy small{font-size:.68rem}.mail-copy h4{margin:7px 0;font-size:1.08rem;line-height:1.1}.mail-copy p{margin:0 0 12px;color:#536a7a;font-size:.68rem;line-height:1.5}.mail-copy a{display:inline-block;padding:8px 10px;border-radius:6px;background:#0b8382;color:#fff;font-size:.66rem;font-weight:800}.mail-screen footer{padding:10px 16px;background:#f1f5f7;color:#758590;font-size:.55rem;line-height:1.4}
.example-slide-service .demo-logo,.example-slide-service .capture-screen button{background:#bf5a32}.example-slide-service .demo-categories .selected{border-color:#bf5a32;background:#fae9e1;color:#93401f}.example-slide-service .demo-consent>span,.example-slide-service .journey-screen li.done b{border-color:#bf5a32;background:#bf5a32}.example-slide-service .journey-screen time{color:#bf5a32}.example-slide-service .mail-image{background:linear-gradient(145deg,rgba(63,42,30,.1),rgba(191,90,50,.22)),radial-gradient(circle at 72% 25%,#ffba7d 0 10%,transparent 11%),linear-gradient(165deg,#fff2dc,#e8aa72);color:#6d321d}.example-slide-service .mail-copy a{background:#bf5a32}
.example-slide-stay .demo-logo,.example-slide-stay .capture-screen button{background:#4267a9}.example-slide-stay .demo-categories .selected{border-color:#4267a9;background:#e5edfb;color:#294f8f}.example-slide-stay .demo-consent>span,.example-slide-stay .journey-screen li.done b{border-color:#4267a9;background:#4267a9}.example-slide-stay .journey-screen time{color:#4267a9}.example-slide-stay .mail-image{background:linear-gradient(145deg,rgba(24,53,101,.12),rgba(66,103,169,.2)),radial-gradient(circle at 72% 25%,#a8c8ff 0 10%,transparent 11%),linear-gradient(165deg,#edf4ff,#a8c4e7);color:#173a73}.example-slide-stay .mail-copy a{background:#4267a9}
.example-slide-wellness .demo-logo,.example-slide-wellness .capture-screen button{background:#78852c}.example-slide-wellness .demo-categories .selected{border-color:#78852c;background:#eff3d7;color:#59651b}.example-slide-wellness .demo-consent>span,.example-slide-wellness .journey-screen li.done b{border-color:#78852c;background:#78852c}.example-slide-wellness .journey-screen time{color:#78852c}.example-slide-wellness .mail-image{background:linear-gradient(145deg,rgba(77,85,31,.12),rgba(120,133,44,.2)),radial-gradient(circle at 72% 25%,#dfe79c 0 10%,transparent 11%),linear-gradient(165deg,#f7f4de,#c8d28b);color:#4b5616}.example-slide-wellness .mail-copy a{background:#78852c}
.example-slide-interest .demo-logo,.example-slide-interest .capture-screen button{background:#7650b2}.example-slide-interest .demo-categories .selected{border-color:#7650b2;background:#eee6fa;color:#57368b}.example-slide-interest .demo-consent>span,.example-slide-interest .journey-screen li.done b{border-color:#7650b2;background:#7650b2}.example-slide-interest .journey-screen time{color:#7650b2}.example-slide-interest .mail-image{background:linear-gradient(145deg,rgba(74,46,122,.12),rgba(118,80,178,.2)),radial-gradient(circle at 72% 25%,#ddc9ff 0 10%,transparent 11%),linear-gradient(165deg,#f7f1ff,#c8b0eb);color:#4c2f7e}.example-slide-interest .mail-copy a{background:#7650b2}
.conversion-ideas{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:42px;background:rgba(255,255,255,.12)}.conversion-ideas>div{padding:22px;background:#061830}.conversion-ideas span{color:#56d5c9;font-size:.72rem;font-weight:900}.conversion-ideas h3{margin:13px 0 8px;font-size:1.02rem}.conversion-ideas p{margin:0;color:#aebfd0;font-size:.82rem;line-height:1.6}
@media(min-width:1101px){.example-scroll-track{height:520vh;min-height:3500px}.example-sticky-stage{position:sticky;top:0;display:grid;min-height:100vh;align-items:center}.example-slides{position:relative;height:555px}.example-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:translateY(75px) scale(.985);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.75,.2,1),visibility 0s linear .85s}.example-slide.is-active{z-index:2;opacity:1;visibility:visible;transform:none;transition-delay:0s}.example-slide.is-leaving{transform:translateY(-65px) scale(.985)}}
@media(max-width:1100px){.example-progress{display:none}.example-master-head{grid-template-columns:1fr}.example-slide{padding-top:45px;border-top:1px solid rgba(255,255,255,.13)}.example-slide:first-child{padding-top:0;border-top:0}.example-disclaimer{margin-bottom:40px}}
@media(max-width:1050px){.aftersale-workspace{grid-template-columns:1fr 1fr}.mail-screen{grid-column:1/-1;max-width:480px;margin:auto}.conversion-ideas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.aftersale-demo{padding-bottom:65px}.example-sticky-stage{padding:70px 0 35px}.aftersale-demo-heading{grid-template-columns:1fr;gap:18px}.aftersale-workspace{grid-template-columns:1fr;padding:10px}.mail-screen{grid-column:auto}.conversion-ideas{grid-template-columns:1fr}.demo-fields{grid-template-columns:1fr}.example-master-head h2{font-size:clamp(2.5rem,13vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.example-slide,.example-progress>i span{transition:none!important}}
.aftersale-demo{overflow:visible}
html.service-slimme-klantopvolging,body.service-slimme-klantopvolging{overflow-x:clip;overflow-y:visible}