/* WebMidox / Conversie verbeteren — built on the existing /diensten/websites/ design system. */
/* Individual illustration used for both service card and its own full-page hero */
.wmv-art--conversie-verbeteren{position:relative;width:100%;height:100%;color:#252c2a;background:radial-gradient(ellipse at 92% 3%,#e7e8e0 0%,transparent 44%),radial-gradient(ellipse at 0% 95%,#b8b9c4 0%,transparent 45%),linear-gradient(125deg,#d5d5de,#c5cbd0 62%,#b9c7c2)}
.wmv-art--conversie-verbeteren:before{content:'';position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:radial-gradient(#fff 0.8px,transparent 1.1px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent,#000)}
.wmcv-stage-label{position:absolute;top:8%;left:4%;font-size:11px;letter-spacing:.085em;font-weight:600;color:#59615e}
.wmcv-stage-bottom{position:absolute;right:3%;bottom:4%;font-size:10px;font-weight:600;letter-spacing:.07em;color:#58625f}
.wmcv-hero-screen{position:absolute;top:15%;left:12%;width:72%;height:72%;border-radius:17px;background:#fcfcf9;border:1px solid #eef0e8;box-shadow:0 38px 85px #2d35373a,0 7px 15px #2b303315;overflow:hidden;transform:rotate(-2deg)}
.wmcv-hero-screen__nav{height:57px;padding:0 29px;border-bottom:1px solid #e8ebe6;display:flex;align-items:center;justify-content:space-between;gap:15px}
.wmcv-hero-screen__nav strong{font-size:25px;letter-spacing:-.075em}.wmcv-hero-screen__nav>span{font-size:11px;color:#8d9491;margin-left:auto}.wmcv-hero-screen__nav>i{width:21px;height:11px;border-block:1.5px solid #3a4340;display:none}
.wmcv-hero-screen__body{padding:clamp(22px,4vw,59px) 8%;width:60%;height:calc(100% - 57px);position:relative;z-index:2}
.wmcv-hero-screen__body>small{font-size:10px;letter-spacing:.13em;color:#687a70;font-weight:600}
.wmcv-hero-screen__body h3{margin:18px 0 15px;font-size:clamp(29px,3vw,49px);line-height:1.03;letter-spacing:-.067em;font-weight:600}
.wmcv-hero-screen__body>p{font-size:clamp(12px,1.2vw,16px);line-height:1.5;color:#69746c;max-width:290px;margin-bottom:20px}
.wmcv-hero-screen__action{display:flex;justify-content:space-between;align-items:center;gap:8px;width:max-content;min-width:203px;max-width:100%;border-radius:30px;padding:13px 19px;background:#202524;color:#fff;font-size:13px;white-space:nowrap}
.wmcv-hero-screen__action span{font-size:18px;font-weight:400}
.wmcv-hero-screen__micro{margin-top:22px;font-size:10px;color:#777f7a;display:flex;align-items:center;gap:8px;white-space:nowrap}.wmcv-hero-screen__micro span{color:#587b60}.wmcv-hero-screen__micro i{width:3px;height:3px;background:#a1a7a1;border-radius:50%}
.wmcv-hero-screen__photo{position:absolute;right:0;bottom:0;top:57px;width:41%;background:linear-gradient(160deg,#abb9ab,#7e998e);overflow:hidden}.wmcv-hero-screen__photo:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 45% 30%,#edeee8b8,transparent 58%)}
.wmcv-hero-screen__arch{position:absolute;width:105%;height:69%;background:linear-gradient(130deg,#d9ded2,#899e89);border-radius:55% 55% 0 0;bottom:-12%;right:-27%;transform:rotate(-23deg);box-shadow:inset 11px 11px 42px #ffffff75,-17px -8px 80px #e5eee35e}
.wmcv-hero-index{position:absolute;bottom:9%;right:6%;width:min(30%,310px);border-radius:17px;transform:rotate(3deg);background:#272f2d;color:#fbfdf9;padding:28px 29px 25px;box-shadow:0 22px 70px #1927224a}
.wmcv-hero-index>span{display:block;font-size:10px;color:#b6c9bd;letter-spacing:.1em}.wmcv-hero-index>strong{display:block;font-size:clamp(18px,2vw,28px);letter-spacing:-.055em;line-height:1.13;font-weight:550;margin:25px 0}.wmcv-hero-index__line{height:1px;background:#56645c;position:relative;margin-bottom:14px}.wmcv-hero-index__line span{position:absolute;width:37%;height:3px;background:#d9e4d7;top:-1px;left:0}.wmcv-hero-index>small{font-size:11px;color:#c5d0c7;line-height:1.5}
/* Large visual case studies: inherited grid, own detail only. */
.wmv-story--conversie-verbeteren.wmv-story--primary{background:#e4e7e6;border-color:#e4e7e6}.wmv-story--conversie-verbeteren.wmv-story--secondary{background:#eeede9;border-color:#eeede9}
.wmcv-study-cta,.wmcv-study-form{position:relative;width:min(100%,480px);background:#fff;border-radius:18px;box-shadow:0 23px 60px #3c474225;transform:rotate(-2.2deg) translateY(22px);overflow:hidden}
.wmcv-study-cta__nav{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #eaeee8;font-size:11px;color:#828b85}.wmcv-study-cta__nav strong{font-size:19px;letter-spacing:-.06em;color:#26302b}
.wmcv-study-cta__body{padding:26px 30px 31px}.wmcv-study-cta__body>small{font-size:9px;letter-spacing:.12em;color:#718479}.wmcv-study-cta__body>strong{font-size:clamp(29px,3vw,43px);font-weight:600;line-height:1.05;letter-spacing:-.06em;display:block;margin:14px 0 14px}.wmcv-study-cta__body>p{font-size:13px;max-width:260px;color:#718076;line-height:1.5}.wmcv-study-cta__button{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;background:#202724;color:#fff;border-radius:30px;padding:13px 20px;max-width:235px;font-size:12px}.wmcv-study-cta__button span{font-size:17px}.wmcv-study-cta__hint{font-size:10px;color:#8b968e;margin-top:12px}
.wmcv-study-form{width:min(100%,400px);border-radius:16px;background:#fafaf8;transform:rotate(2.5deg) translateY(19px);padding:25px 27px}.wmcv-study-form__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #e5e9e4}.wmcv-study-form__top strong{font-size:21px;letter-spacing:-.055em}.wmcv-study-form__top span{font-size:10px;color:#9aa39b}.wmcv-study-form__field{font-size:10px;font-weight:600;color:#48534a;margin-top:14px}.wmcv-study-form__field span{display:block;border:1px solid #dfe4dd;border-radius:7px;font-weight:400;color:#a3aca4;background:#fff;padding:10px 13px;margin-top:6px;font-size:11px}.wmcv-study-form__submit{margin-top:17px;background:#222924;color:#fff;border-radius:24px;display:flex;justify-content:space-between;padding:12px 16px;font-size:11px}.wmcv-study-form__submit b{font-weight:400;font-size:16px}.wmcv-study-form>small{display:block;color:#8e988f;margin-top:9px;font-size:8.5px}
/* Interactive before/after editorial example */
.wmcv-compare{padding:116px 0 122px;background:#f5f6f3}
.wmcv-compare__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.35fr);align-items:end;gap:9%;margin-bottom:47px}.wmcv-compare__header h2{font-size:clamp(43px,5.4vw,81px);letter-spacing:-.07em;line-height:1.07;margin-top:20px}.wmcv-compare__header h2 span{color:#959a95}.wmcv-compare__header>p{font-size:17px;line-height:1.6;color:#6b746c;max-width:356px}
.wmcv-compare__demo{border-radius:26px;background:#e1e5e1;padding:27px 32px 35px;overflow:hidden}
.wmcv-compare__meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.wmcv-compare__meta>span{font-size:11px;letter-spacing:.07em;color:#68756d;font-weight:600}
.wmcv-compare__tabs{display:flex;padding:4px;border-radius:999px;background:#cbd4cd;border:1px solid #c2ccc4;gap:2px}.wmcv-compare__tabs button{border:0;background:transparent;color:#5f7064;padding:12px 26px;border-radius:999px;font-size:14px;line-height:1;transition:background .22s ease,color .22s ease,box-shadow .22s ease;min-width:92px}.wmcv-compare__tabs button[aria-pressed='true']{background:#fff;color:#26362d;box-shadow:0 2px 8px #13281a16;font-weight:600}.wmcv-compare__tabs button:focus-visible{outline:3px solid #456b54;outline-offset:2px}
.wmcv-compare__body{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(240px,.62fr);gap:42px;align-items:center}
.wmcv-preview{background:#fff;border:1px solid #edf0eb;box-shadow:0 22px 45px #2c403218;border-radius:16px;overflow:hidden;min-width:0}
.wmcv-preview__top{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:62px;border-bottom:1px solid #eef0ed;gap:12px}.wmcv-preview__top strong{font-size:22px;letter-spacing:-.065em}.wmcv-preview__top span{font-size:11px;color:#9aa39c}.wmcv-preview__top span:last-child{display:none}
.wmcv-preview__inner{display:grid;grid-template-columns:1.15fr .85fr;min-height:360px}.wmcv-preview__content{padding:53px 16px 35px 9%;position:relative;z-index:1}.wmcv-preview__content>small{font-size:10px;color:#718173;letter-spacing:.1em}.wmcv-preview__content h3{font-size:clamp(31px,3.7vw,57px);letter-spacing:-.07em;font-weight:600;line-height:1.05;margin:16px 0}.wmcv-preview__content p{font-size:15px;line-height:1.55;max-width:360px;color:#636e66;margin-bottom:25px}.wmcv-preview__before h3{color:#757d75}.wmcv-preview__fake-link{font-size:14px;color:#818a83;text-decoration:underline;text-underline-offset:3px;padding:10px 0}.wmcv-preview__before>small,.wmcv-preview__after>small{display:block;font-size:11px;margin-top:13px;color:#89948a;letter-spacing:0}.wmcv-preview__button{display:flex;gap:14px;align-items:center;justify-content:space-between;border-radius:100px;background:#232b26;color:#fff;padding:15px 22px;width:max-content;max-width:100%;font-size:13px}.wmcv-preview__button span{font-size:18px}.wmcv-preview__art{min-height:100%;position:relative;overflow:hidden;background:linear-gradient(140deg,#bccbbf,#a1b6a6 70%)}.wmcv-preview__shape{position:absolute;width:90%;height:78%;border-radius:50% 50% 4% 4%;bottom:-25%;right:-32%;transform:rotate(-23deg);background:linear-gradient(135deg,#e7e8da,#839d90);box-shadow:inset 17px 8px 48px #fff8}.wmcv-preview__shape--small{width:44%;height:31%;background:#d9e3d5;right:63%;bottom:-16%;transform:rotate(25deg);opacity:.65}
.wmcv-compare__insight{padding:10px 18px 10px 0;color:#28342c}.wmcv-compare__number{font-size:11px;letter-spacing:.08em;color:#66766b}.wmcv-compare__insight strong{font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.055em;display:block;font-weight:550;margin:29px 0 19px}.wmcv-compare__insight p{font-size:16px;color:#526057;line-height:1.66}.wmcv-compare__insight ul{list-style:none;margin:30px 0;padding:22px 0;border-top:1px solid #c7cec7}.wmcv-compare__insight li{font-size:13px;color:#495b50;position:relative;padding:0 0 13px 25px}.wmcv-compare__insight li:before{content:'↗';position:absolute;left:0;top:-2px;font-size:15px}.wmcv-compare__insight>small{font-size:10px;color:#879489;display:block;line-height:1.5}
[data-wmcv-panel][hidden],[data-wmcv-explain][hidden]{display:none!important}
@media(max-width:1120px){.wmcv-hero-screen{left:8%;width:77%}.wmcv-hero-index{width:33%;right:4%}.wmcv-compare__body{gap:26px}.wmcv-preview__inner{min-height:355px}.wmcv-preview__content{padding-top:41px}.wmcv-preview__content h3{font-size:clamp(27px,3.3vw,43px)}}
@media(max-width:767px){.wmcv-stage-label{font-size:9px;left:5%}.wmcv-stage-bottom{font-size:8px;right:4%}.wmcv-hero-screen{left:5%;width:90%;top:14%;height:70%;transform:rotate(-1deg)}.wmcv-hero-screen__nav{height:45px;padding:0 14px}.wmcv-hero-screen__nav strong{font-size:18px}.wmcv-hero-screen__nav>span{display:none}.wmcv-hero-screen__nav>i{display:block}.wmcv-hero-screen__body{padding:30px 12px 0 20px;height:calc(100% - 45px);width:69%}.wmcv-hero-screen__body>small{font-size:8px}.wmcv-hero-screen__body h3{font-size:clamp(23px,6vw,35px);margin:15px 0 12px}.wmcv-hero-screen__body>p{font-size:11px;margin-bottom:13px}.wmcv-hero-screen__action{font-size:10px;min-width:0;padding:10px 12px}.wmcv-hero-screen__micro{display:none}.wmcv-hero-screen__photo{width:33%;top:45px}.wmcv-hero-index{width:55%;bottom:7%;right:3%;padding:19px;border-radius:12px}.wmcv-hero-index>strong{font-size:18px;margin:14px 0}.wmcv-hero-index>small{font-size:9px}.wmcv-compare{padding:75px 0}.wmcv-compare__header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.wmcv-compare__header h2{font-size:clamp(40px,9vw,60px)}.wmcv-compare__header>p{font-size:16px}.wmcv-compare__demo{padding:19px 17px 29px;border-radius:19px}.wmcv-compare__meta{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.wmcv-compare__tabs{margin-left:auto}.wmcv-compare__tabs button{padding:11px 20px;min-width:70px}.wmcv-compare__body{grid-template-columns:1fr;gap:20px}.wmcv-preview__top{height:48px;padding:0 17px}.wmcv-preview__top strong{font-size:19px}.wmcv-preview__top>span:nth-child(2){display:none}.wmcv-preview__top span:last-child{display:block}.wmcv-preview__inner{min-height:308px;grid-template-columns:1fr .42fr}.wmcv-preview__content{padding:32px 12px 28px 19px}.wmcv-preview__content>small{font-size:8px}.wmcv-preview__content h3{font-size:clamp(26px,6vw,39px)}.wmcv-preview__content p{font-size:12px;margin-bottom:14px}.wmcv-preview__button{font-size:11px;padding:12px 13px}.wmcv-preview__before>small,.wmcv-preview__after>small{font-size:9px}.wmcv-compare__insight{padding:8px 6px 0}.wmcv-compare__insight strong{font-size:30px;margin:14px 0}.wmcv-compare__insight p{font-size:14px}.wmcv-compare__insight ul{margin:13px 0;padding:18px 0}.wmcv-compare__insight>small{font-size:10px}.wmcv-study-cta__body{padding:25px}.wmcv-study-form{padding:20px}}
@media(max-width:420px){.wmcv-hero-screen__body{width:73%}.wmcv-hero-screen__body h3{font-size:23px}.wmcv-hero-screen__body>p{font-size:10px}.wmcv-hero-index{width:60%;bottom:8%}.wmcv-study-cta__body>strong{font-size:32px}.wmcv-compare__meta>span{font-size:9px}.wmcv-preview__inner{grid-template-columns:1fr .26fr}.wmcv-preview__content h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.wmcv-compare__tabs button{transition:none}}