/* WebMidox — SEO & vindbaarheid. Uses the same editorial design system as /diensten/websites/. */
/* Editorial hero illustration */
.wmv-art--seo-vindbaarheid{background:radial-gradient(ellipse at 73% 24%,#eaf1dd 0,transparent 48%),radial-gradient(ellipse at 20% 85%,#95b5a4 0,transparent 52%),linear-gradient(128deg,#d2dfd1,#bacdbd 67%,#a2b9ad);color:#22342b}
.wmv-art--seo-vindbaarheid::before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#fff9 .8px,transparent 1px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.wmseo-canvas-mark{position:absolute;left:4%;top:7%;font-size:12px;letter-spacing:.04em;color:#456453;font-weight:500}
.wmseo-canvas-bottom{position:absolute;right:3%;bottom:4%;font-size:11px;color:#4c6555;letter-spacing:.01em}
.wmseo-hero-browser{position:absolute;top:13%;left:11%;width:70%;height:72%;background:#fff;border-radius:17px;box-shadow:0 36px 80px #203c3026,0 2px 6px #344d3f10;overflow:hidden;transform:rotate(-2deg);border:1px solid #edf1eb}
.wmseo-hero-browser__bar{height:57px;display:flex;align-items:center;gap:30px;padding:0 31px;border-bottom:1px solid #eaeeea;background:#fff}
.wmseo-hero-browser__bar strong{font-size:23px;letter-spacing:-.08em;font-weight:700;color:#23372d}
.wmseo-hero-browser__bar>span{font-size:11px;color:#89918b;margin-left:auto}.wmseo-hero-browser__bar>i{display:inline-block;width:22px;height:11px;border-top:1px solid #495a4f;border-bottom:1px solid #495a4f}
.wmseo-hero-browser__content{padding:33px 9% 0;color:#2a3930}
.wmseo-hero-browser__content>small{font-size:10px;letter-spacing:.1em;color:#7b887f}
.wmseo-hero-query{border:1px solid #dfe7dd;box-shadow:0 5px 15px #15271908;margin-top:13px;height:61px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:50px;padding:0 22px;background:#fbfcfa}
.wmseo-hero-query span{font-size:clamp(13px,1.4vw,19px);font-weight:500;letter-spacing:-.035em}.wmseo-hero-query svg{width:21px;height:21px;flex:none;fill:none;stroke:#506f5d;stroke-width:1.7;stroke-linecap:round}
.wmseo-hero-browser__line{border-top:1px solid #eef0ed;margin:28px 0 23px}
.wmseo-hero-result small{display:block;color:#477959;font-size:11px;font-weight:600}.wmseo-hero-result small span{color:#8c968e;font-weight:400}
.wmseo-hero-result strong{display:block;margin:8px 0 10px;font-size:clamp(18px,2.15vw,30px);line-height:1.15;letter-spacing:-.05em;font-weight:600}
.wmseo-hero-result p{font-size:clamp(11px,1.1vw,14px);line-height:1.5;max-width:410px;color:#637169}
.wmseo-hero-skeleton{margin-top:29px}.wmseo-hero-skeleton span{display:block;height:7px;width:76%;border-radius:10px;background:#eef1ed;margin-bottom:10px}.wmseo-hero-skeleton span:nth-child(2){width:61%}.wmseo-hero-skeleton span:nth-child(3){width:42%}
.wmseo-hero-note{position:absolute;right:7%;bottom:10%;width:min(32%,355px);background:#214339;color:#fff;padding:29px 28px 24px;border-radius:15px;box-shadow:0 22px 49px #18332838;transform:rotate(3deg)}
.wmseo-hero-note>span{font-size:10px;letter-spacing:.08em;color:#c2d3c9}.wmseo-hero-note strong{font-size:clamp(17px,2vw,27px);letter-spacing:-.048em;line-height:1.16;display:block;margin:26px 0 25px;font-weight:500}.wmseo-hero-note>div{display:flex;gap:5px}.wmseo-hero-note i{height:5px;background:#8dada0;width:40%;border-radius:8px}.wmseo-hero-note i:nth-child(2){width:30%;background:#547669}.wmseo-hero-note i:nth-child(3){width:12%;background:#d5e3d8}
/* Feature studies: same visual language / dimensions as the Websites feature studies */
.wmv-story--seo-vindbaarheid.wmv-story--primary{background:#e4ece6;border-color:#e4ece6}.wmv-story--seo-vindbaarheid.wmv-story--secondary{background:#f2f0eb;border-color:#f2f0eb}
.wmseo-study-audit{background:#fff;width:min(100%,485px);border:1px solid #dfe6e0;border-radius:18px;box-shadow:0 23px 57px #27453320;overflow:hidden;transform:rotate(-2.4deg) translateY(21px)}
.wmseo-study-audit__top{display:flex;justify-content:space-between;align-items:center;gap:12px;height:59px;padding:0 24px;border-bottom:1px solid #eef0ed}.wmseo-study-audit__top strong{font-size:17px;font-weight:650;letter-spacing:-.04em}.wmseo-study-audit__top span{color:#929d95;font-size:9px;letter-spacing:.05em}
.wmseo-study-audit__heading{font-size:clamp(26px,3.1vw,42px);line-height:1.1;letter-spacing:-.055em;padding:25px 26px 20px;font-weight:600}.wmseo-study-audit__heading em{font-style:normal;color:#8b9d8f}
.wmseo-study-audit__rows{margin:0 25px 25px;border-top:1px solid #ebeeea}.wmseo-study-audit__rows>div{display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ebeeea;font-size:12px}.wmseo-study-audit__rows i{width:8px;height:8px;border-radius:50%;background:#adcbb3}.wmseo-study-audit__rows b{font-size:10px;font-weight:500;color:#778d7d}
.wmseo-study-content{width:min(100%,440px);min-height:334px;padding:28px 31px 23px;border-radius:15px;background:#fffcf8;box-shadow:0 23px 57px #463a2820;transform:rotate(2.6deg) translateY(22px);display:flex;flex-direction:column}
.wmseo-study-content__top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#a19e93;padding-bottom:19px;border-bottom:1px solid #e8e5de}.wmseo-study-content__top span{font-size:10px}
.wmseo-study-content__eyebrow{margin-top:25px;font-size:10px;color:#7b8979;letter-spacing:.08em}
.wmseo-study-content>strong{font-size:clamp(31px,3.5vw,46px);line-height:1.05;letter-spacing:-.06em;margin-top:13px;font-weight:600;color:#323931}
.wmseo-study-content__article{margin-top:19px}.wmseo-study-content__article span{display:block;background:#e2e4db;height:8px;border-radius:9px;width:90%;margin-top:9px}.wmseo-study-content__article span:nth-child(2){width:75%}.wmseo-study-content__article span:nth-child(3){width:51%}
.wmseo-study-content__tag{font-size:11px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:20px;color:#607162}.wmseo-study-content__tag i{font-size:20px;font-style:normal}
/* Bespoke section: a clear, helpful comparison, not a fake conversion claim. */
.wmseo-comparison{background:#f5f6f3;padding:125px 0 115px}
.wmseo-comparison__head{display:grid;grid-template-columns:1fr minmax(230px,.34fr);gap:10%;align-items:end;margin-bottom:45px}
.wmseo-comparison h2{font-size:clamp(43px,5vw,76px);letter-spacing:-.065em;margin-top:17px}
.wmseo-comparison h2 span{color:#949b94}
.wmseo-comparison__head>p{color:#6b716b;font-size:17px;line-height:1.62;max-width:330px;margin-bottom:5px}
.wmseo-comparison__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wmseo-example{border-radius:23px;min-height:380px;padding:29px 31px 31px;display:flex;flex-direction:column;overflow:hidden;background:#e7e9e4}
.wmseo-example--after{background:#dce8df}
.wmseo-example__top{display:flex;align-items:center;justify-content:space-between;color:#67716b;font-size:12px;letter-spacing:.035em}
.wmseo-example__top span:last-child{font-size:24px;font-weight:400;letter-spacing:0}
.wmseo-example__browser{background:#fdfefb;border:1px solid #edf0ea;border-radius:13px;margin:33px 0 36px;padding:27px 28px 29px;box-shadow:0 15px 38px #3d554010}
.wmseo-example__browser small{font-size:10px;letter-spacing:.08em;color:#858d87}
.wmseo-example__browser h3{margin:15px 0 12px;color:#253429;font-size:clamp(21px,2.2vw,31px);font-weight:550;letter-spacing:-.045em;line-height:1.15}
.wmseo-example--before .wmseo-example__browser h3{color:#777c74}.wmseo-example__browser p{font-size:14px;line-height:1.52;color:#69736a;max-width:410px}
.wmseo-example__caption{display:flex;flex-direction:column;gap:5px;margin-top:auto}.wmseo-example__caption strong{font-size:21px;font-weight:550;letter-spacing:-.045em}.wmseo-example__caption span{font-size:14px;color:#6d756f;line-height:1.5}
.wmseo-comparison__disclaimer{font-size:12px;color:#848b84;margin-top:20px}
/* Native responsive adjustments, preserving existing .svc-page mobile system */
@media(max-width:1000px){.wmseo-hero-browser{left:7%;width:79%}.wmseo-hero-note{right:5%;width:36%}}
@media(max-width:767px){.wmseo-canvas-mark{top:6%;left:5%;font-size:10px}.wmseo-hero-browser{height:72%;top:15%;left:5%;width:90%;transform:rotate(-1deg)}.wmseo-hero-browser__bar{padding-inline:16px;height:47px}.wmseo-hero-browser__bar strong{font-size:17px}.wmseo-hero-browser__bar>span{font-size:8px}.wmseo-hero-browser__content{padding:23px 7% 0}.wmseo-hero-query{height:53px;padding:0 12px}.wmseo-hero-query span{font-size:12px}.wmseo-hero-query svg{width:16px}.wmseo-hero-browser__line{margin:18px 0}.wmseo-hero-result strong{font-size:20px}.wmseo-hero-result p{font-size:11px}.wmseo-hero-note{right:2%;bottom:6%;width:55%;padding:20px 19px;border-radius:13px}.wmseo-hero-note strong{font-size:16px;margin:13px 0 19px}.wmseo-canvas-bottom{right:3%;bottom:2%;font-size:8px}.wmseo-comparison{padding:78px 0}.wmseo-comparison__head{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.wmseo-comparison h2{font-size:clamp(39px,8vw,56px)}.wmseo-comparison__head>p{font-size:16px}.wmseo-comparison__grid{grid-template-columns:1fr;gap:13px}.wmseo-example{min-height:355px;padding:23px}.wmseo-example__browser{padding:23px;margin:25px 0 30px}.wmseo-study-audit__heading{font-size:30px}.wmseo-study-content>strong{font-size:38px}}
@media(max-width:395px){.wmseo-hero-browser__bar>span{display:none}.wmseo-hero-note{width:58%}.wmseo-hero-result p{font-size:10px}.wmseo-hero-skeleton{margin-top:18px}.wmseo-study-audit__top{padding-inline:14px}.wmseo-study-audit__top span{font-size:8px}.wmseo-study-audit__rows{margin:0 15px 20px}.wmseo-study-content{padding:21px}.wmseo-study-content>strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){.wmv-art--seo-vindbaarheid *{animation:none!important;transition:none!important}}