/* WEBMIDOX — DEV CONCEPT 01 / Original design system */
:root {
  --bg:#f7f8f5;
  --surface:#fff;
  --ink:#171a22;
  --ink-soft:#292c34;
  --muted:#777b80;
  --line:#e5e7e4;
  --accent:#515ce9;
  --mint:#b7f5d2;
  --radius:24px;
  --max:1376px;
  --font-display:'Manrope',Arial,sans-serif;
  --font-body:'DM Sans',Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1)
}

*,*::before,*::after {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:200px
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden
}

body.menu-open {
  overflow:hidden
}

button,input,a {
  font:inherit
}
button {
  cursor:pointer
}
a {
  color:inherit;
  text-decoration:none
}
button:focus-visible,a:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:5px
}
::selection {
  background:#b6f2d0;
  color:#17251f
}

.container {
  width:min(calc(100% - 100px),var(--max));
  margin-inline:auto
}
.section-pad {
  padding-block:138px
}
.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  z-index:9999;
  background:#fff;
  padding:14px 20px;
  border-radius:9px
}
.skip-link:focus {
  top:12px
}
.scroll-progress {
  height:2px;
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  background:transparent;
  pointer-events:none
}
.scroll-progress span {
  width:0;
  display:block;
  height:100%;
  background:var(--accent)
}

/* Header — WebMidox / editorial, calm and precise */
.site-header {
  position:sticky;
  top:0;
  z-index:100;
  background:#fff;
  border:0;
  transition:box-shadow .25s ease;
}
.site-header.is-scrolled {
  background:#fff;
  box-shadow:0 1px 0 rgba(16,18,22,.07);
}
.site-header__inner.container {
  width:calc(100% - 84px);
  max-width:none;
}
.site-header__inner {
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:28px;
}
.site-header.is-scrolled .site-header__inner {
  min-height:80px;
}
.site-header .brand {
  display:inline-flex;
  align-items:center;
  justify-self:start;
  width:max-content;
  flex-shrink:0;
}
.site-header .brand__type {
  font-family:'DM Sans',Arial,sans-serif;
  font-weight:650;
  font-size:24px;
  line-height:1;
  letter-spacing:-1.15px;
  color:#101114;
}
.site-header .desktop-nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(24px,2.6vw,42px);
  margin:0;
}
.site-header .nav-link {
  color:#242629;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:15px;
  line-height:1.3;
  font-weight:500;
  white-space:nowrap;
  letter-spacing:-.22px;
  text-decoration:none;
  transition:color .2s ease;
}
.site-header .nav-link:hover,
.site-header .nav-link.is-active {
  color:#242629;
}
.site-header .nav-link:hover {
  color:#777b81;
}
.site-header .nav-link::after { content:none; }
.site-header .header-actions {
  display:flex;
  align-items:center;
  justify-self:end;
}
.site-header .header-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111214;
  color:#fff;
  font-family:'DM Sans',Arial,sans-serif;
  font-weight:600;
  font-size:14px;
  letter-spacing:-.15px;
  line-height:1;
  padding:17px 24px;
  min-height:50px;
  border-radius:17px;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(0,0,0,.16);
  transform:none;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.site-header .header-cta:hover {
  background:#2a2c30;
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(0,0,0,.19);
}
.site-header .menu-toggle {
  display:none;
  border:0;
  background:transparent;
  width:44px;
  height:44px;
  padding:10px;
  position:relative;
  border-radius:8px;
}
.site-header .menu-toggle span {
  display:block;
  position:absolute;
  left:11px;
  width:22px;
  height:1.8px;
  border-radius:1px;
  background:#111214;
  transition:transform .2s ease,top .2s ease;
}
.site-header .menu-toggle span:first-child { top:17px; }
.site-header .menu-toggle span:last-child { top:25px; }
.site-header .menu-toggle[aria-expanded=true] span:first-child { top:21px;transform:rotate(45deg); }
.site-header .menu-toggle[aria-expanded=true] span:last-child { top:21px;transform:rotate(-45deg); }
.site-header .mobile-menu { display:none; }

/* Global */
.eyebrow {
  font-size:11px;
  font-weight:750;
  letter-spacing:1.7px;
  color:#5e6468;
  text-transform:uppercase;
  margin:0 0 32px
}
.eyebrow__index {
  color:var(--accent);
  margin-right:14px
}
.section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px;
  margin-bottom:60px
}
.section-head h2,.process__head h2 {
  font:800 clamp(44px,5.2vw,74px)/1.12 var(--font-display);
  letter-spacing:-4.4px;
  margin:0
}
.soft-text {
  color:#969da3
}
.section-head__aside {
  max-width:325px;
  color:#696d74;
  font-size:15px;
  line-height:1.8;
  margin:0 7% 5px 0
}
.button {
  padding:17px 23px;
  min-height:53px
}
.button--dark {
  background:var(--ink);
  color:#fff
}
.text-link {
  display:inline-flex;
  gap:19px;
  align-items:center;
  font-size:14px;
  font-weight:750;
  white-space:nowrap;
  transition:gap .2s
}
.text-link:hover {
  gap:26px
}
.reveal {
  opacity:1;
  transform:none
}
.reveal-ready .reveal:not(.is-visible) {
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:opacity .9s var(--ease),transform .9s var(--ease)
}
.reveal-ready .reveal.is-visible {
  opacity:1;
  transform:translateZ(0)
}
.reveal[data-delay="1"] {
  transition-delay:110ms
}
.reveal[data-delay="2"] {
  transition-delay:220ms
}
.reveal[data-delay="3"] {
  transition-delay:330ms
}

/* Real, accessible product details */
.product-dialog {
  border:0;
  padding:0;
  width:min(480px,calc(100% - 32px));
  max-height:calc(100% - 36px);
  border-radius:23px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 45px 140px rgba(0,0,0,.2);
  overflow:auto
}
.product-dialog::backdrop {
  background:rgba(13,20,28,.56);
  backdrop-filter:blur(5px)
}
.product-dialog[open] {
  animation:dialogIn .3s var(--ease)
}
.product-dialog__box {
  padding:49px 43px 42px;
  position:relative
}
.product-dialog__close {
  position:absolute;
  top:17px;
  right:17px;
  width:36px;
  height:36px;
  border:1px solid #e0e4e3;
  background:#f8f9f7;
  border-radius:50%;
  font-size:23px;
  line-height:1
}
.product-dialog .eyebrow {
  margin-bottom:20px
}
.product-dialog h2 {
  font:800 48px/1.1 var(--font-display);
  letter-spacing:-2.5px;
  margin:0 0 20px
}
.product-dialog p:not(.eyebrow) {
  font-size:15px;
  line-height:1.75;
  color:#686e74
}
.product-dialog .dialog-status {
  font-size:11px!important;
  text-transform:uppercase;
  font-weight:750;
  letter-spacing:1px;
  color:#5963ab!important;
  padding:12px 0;
  margin-bottom:27px
}

@keyframes orbBreathe {
  0%,100% {
    transform:translateX(-50%) scale(1)
  }
  50% {
    transform:translateX(-50%) scale(1.065)
  }

}
@keyframes floatWindow {
  0%,100% {
    transform:translate(-50%,-48%) rotate(-7deg)
  }
  50% {
    transform:translate(-50%,-51%) rotate(-5deg)
  }

}
@keyframes floatLabel1 {
  0%,100% {
    transform:translateY(0) rotate(-7deg)
  }
  50% {
    transform:translateY(-12px) rotate(-5deg)
  }

}
@keyframes floatLabel2 {
  0%,100% {
    transform:translateY(0) rotate(6deg)
  }
  50% {
    transform:translateY(10px) rotate(4deg)
  }

}
@keyframes orbitPulse {
  0%,100% {
    transform:translate(-50%,-50%) scale(1)
  }
  50% {
    transform:translate(-50%,-50%) scale(1.07)
  }

}
@keyframes dialogIn {
  from {
    opacity:0;
    transform:translateY(15px) scale(.98)
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1)
  }

}

/* Tablet */
@media(max-width:1170px) {
  .container {
    width:min(calc(100% - 64px),var(--max))
  }
  .hero__title {
    font-size:clamp(58px,7vw,92px);
    letter-spacing:-6px
  }
  .hero__layout {
    grid-template-columns:1.1fr .9fr;
    gap:16px
  }
  .hero__visual {
    height:462px
  }
  .hero-editor {
    width:365px;
    height:273px
  }
  .visual-floating-label--one {
    left:2px
  }
  .visual-floating-label--two {
    right:1px
  }
  .section-pad {
    padding-block:115px
  }
  .product-card {
    height:450px;
    padding:26px
  }
  .midox-module--one {
    left:3%
  }
  .midox-module--two {
    left:33%
  }
  .midox-module--three {
    left:63%
  }
  .intelligence__inner {
    gap:45px
  }
  .intelligence__sticky h2 {
    font-size:60px
  }
  .service-row {
    grid-template-columns:60px 1fr 220px 40px
  }

}

@media(max-width:930px) {
  .site-header__inner { min-height:76px; grid-template-columns:1fr auto; }
  .site-header.is-scrolled .site-header__inner { min-height:76px; }
  .site-header .desktop-nav, .site-header .header-cta { display:none; }
  .site-header .menu-toggle { display:block; }
  .site-header .mobile-menu {
    display:flex;
    flex-direction:column;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:18px max(32px,5vw) 32px;
    background:#fff;
    box-shadow:0 18px 40px rgba(20,20,20,.07);
    border-top:1px solid #eee;
    visibility:hidden;
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    pointer-events:none;
  }
  .site-header .mobile-menu.is-open {
    visibility:visible;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  .site-header .mobile-menu a {
    font:500 22px/1.3 var(--font-body);
    letter-spacing:-.65px;
    border-bottom:1px solid #ededed;
    padding:17px 0;
    display:block;
  }
  .site-header .mobile-menu__contact { color:#111214; font-weight:650; }
  .hero {
    padding-top:53px
  }
  .hero__layout {
    grid-template-columns:1fr;
    padding-top:35px
  }
  .hero__title {
    font-size:clamp(66px,10vw,96px)
  }
  .hero__description {
    margin-top:30px
  }
  .hero__visual {
    height:435px;
    margin-top:35px
  }
  .hero__foot {
    padding-top:26px
  }
  .section-head h2,.process__head h2 {
    font-size:clamp(43px,6vw,63px)
  }
  .section-head__aside {
    margin-right:0
  }
  .product-card__name {
    font-size:39px
  }
  .product-card {
    height:420px
  }
  .veroza-review--front {
    left:calc(50% - 135px);
    top:206px;
    width:260px
  }
  .veroza-review--back {
    right:-20px;
    width:210px
  }
  .sellnex-phone {
    right:8%;
    top:160px
  }
  .sellnex-notification {
    left:1%;
    top:270px
  }
  .midox-module {
    width:142px;
    height:138px
  }
  .midox-module--one {
    left:-8%
  }
  .midox-module--two {
    left:30%
  }
  .midox-module--three {
    left:67%
  }
  .intelligence__inner {
    grid-template-columns:1fr;
    gap:45px;
    padding-top:100px
  }
  .intelligence__sticky {
    position:relative;
    top:auto
  }
  .intelligence__symbol {
    margin:25px 0
  }
  .intelligence__sticky h2 {
    font-size:clamp(53px,8vw,70px)
  }
  .intelligence__pagination {
    display:none
  }
  .intelligence__modules {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px
  }
  .module-card {
    height:390px;
    padding:18px
  }
  .module-card h3 {
    font-size:25px;
    margin:24px 0 10px
  }
  .module-card p {
    font-size:11px
  }
  .module-art {
    height:190px
  }
  .module-art--content {
    height:180px
  }
  .module-art--expand {
    height:180px
  }
  .content-ui {
    width:96%;
    left:5%
  }
  .module-grid {
    width:90%
  }
  .process-card {
    min-height:385px
  }
  .process-card__left {
    padding:38px
  }
  .process-card h3 {
    font-size:43px
  }
  .contact-section h2 {
    letter-spacing:-5px
  }

}

@media(max-width:680px) {
  .container {
    width:calc(100% - 38px)
  }
  html {
    scroll-padding-top:85px
  }
  .section-pad {
    padding-block:90px
  }
  .brand__symbol { width:36px;height:36px; }
  .brand__type { font-size:21px; }
  .site-header__inner.container { width:calc(100% - 40px); }
  .site-header .brand__type { font-size:21px; letter-spacing:-.9px; }
  .hero {
    padding-top:44px
  }
  .hero__label {
    font-size:9px;
    gap:10px;
    letter-spacing:.9px
  }
  .hero__label-divider {
    margin-inline:0
  }
  .hero__layout {
    padding-top:27px;
    gap:0
  }
  .hero__title {
    font-size:clamp(46px,10.6vw,76px);
    letter-spacing:-3.7px;
    line-height:1.15
  }
  .hero__description {
    margin-top:24px
  }
  .hero__description p {
    font-size:15px;
    line-height:1.75
  }
  .hero__links {
    gap:19px
  }
  .hero__links .button {
    padding:15px 19px;
    min-height:49px
  }
  .text-link {
    font-size:12px
  }
  .hero__visual {
    height:380px;
    margin-top:38px;
    border-radius:21px
  }
  .hero__visual-arch {
    width:340px;
    height:340px;
    top:24px
  }
  .hero-editor {
    width:340px;
    height:252px
  }
  .visual-floating-label--one {
    top:60px;
    font-size:9px
  }
  .visual-floating-label--two {
    bottom:48px;
    font-size:9px
  }
  .hero__foot {
    padding-top:22px
  }
  .hero__foot-mark {
    font-size:10px
  }
  .scroll-cue span:first-child {
    display:none
  }
  .scroll-cue__circle {
    width:38px;
    height:38px
  }
  .eyebrow {
    font-size:10px;
    margin-bottom:25px
  }
  .section-head {
    display:block;
    margin-bottom:35px
  }
  .section-head h2,.process__head h2 {
    font-size:clamp(41px,10vw,58px);
    letter-spacing:-2.7px
  }
  .section-head__aside {
    font-size:14px;
    margin:19px 0 0;
    max-width:400px
  }
  .products {
    padding-top:100px;
    padding-bottom:104px
  }
  .product-grid {
    grid-template-columns:1fr;
    gap:15px
  }
  .product-card {
    height:449px;
    padding:24px;
    border-radius:18px
  }
  .product-card__name {
    font-size:44px
  }
  .product-card__bottom {
    font-size:9px
  }
  .veroza-review--front {
    width:300px;
    left:calc(50% - 150px)
  }
  .veroza-review--back {
    right:3%
  }
  .sellnex-phone {
    right:16%
  }
  .sellnex-notification {
    left:7%
  }
  .midox-module--one {
    left:11%
  }
  .midox-module--two {
    left:36%
  }
  .midox-module--three {
    left:61%
  }
  .products__note {
    font-size:11px
  }
  .intelligence {
    border-radius:27px 27px 0 0
  }
  .intelligence__inner {
    padding-top:94px;
    padding-bottom:75px
  }
  .intelligence__sticky h2 {
    font-size:clamp(49px,11vw,68px);
    letter-spacing:-2.9px
  }
  .intelligence__sticky>p:not(.eyebrow) {
    font-size:14px
  }
  .intelligence__modules {
    grid-template-columns:1fr;
    gap:17px
  }
  .module-card {
    height:440px;
    padding:25px
  }
  .module-card h3 {
    font-size:35px
  }
  .module-card p {
    font-size:13px
  }
  .module-art {
    height:228px
  }
  .module-art--content,.module-art--expand {
    height:225px
  }
  .intelligence__footer {
    font-size:9px
  }
  .service-row {
    grid-template-columns:32px 1fr 28px;
    gap:11px;
    padding:24px 0
  }
  .service-row__name {
    font-size:clamp(21px,5.3vw,31px);
    letter-spacing:-.9px
  }
  .service-row__detail {
    grid-column:2;
    grid-row:2;
    font-size:11px
  }
  .service-row__arrow {
    grid-column:3;
    grid-row:1/3;
    font-size:21px
  }
  .service-row__number {
    align-self:start;
    padding-top:6px
  }
  .process {
    padding:92px 0 105px
  }
  .process__head {
    margin-bottom:45px
  }
  .process__stack {
    gap:18px
  }
  .process-card {
    position:relative;
    top:auto;
    display:flex;
    flex-direction:column;
    min-height:570px;
    border-radius:20px
  }
  .process-card__left {
    padding:30px 28px 18px;
    min-height:320px
  }
  .process-card h3 {
    font-size:clamp(37px,8vw,48px);
    margin:33px 0 15px;
    letter-spacing:-1.9px
  }
  .process-card p {
    font-size:13px
  }
  .process-card__foot {
    margin-top:27px
  }
  .process-graphic {
    height:250px;
    flex-shrink:0
  }
  .idea-orbit {
    height:300px;
    width:300px
  }
  .idea-orbit--b {
    height:215px;
    width:215px
  }
  .idea-core {
    height:150px;
    width:150px;
    font-size:49px;
    border-radius:24px
  }
  .build-preview {
    width:270px;
    height:240px
  }
  .build-preview__inner strong {
    font-size:43px
  }
  .evolve-ring {
    height:330px;
    width:330px
  }
  .evolve-ring--two {
    height:250px;
    width:250px
  }
  .evolve-ring--three {
    height:165px;
    width:165px
  }
  .evolve-centre {
    font-size:128px
  }
  .work {
    padding-block:95px
  }
  .work-row {
    grid-template-columns:38px 1fr 40px;
    gap:8px;
    padding:25px 0
  }
  .work-row__number {
    font-size:10px
  }
  .work-row__main strong {
    font-size:22px;
    letter-spacing:-.9px
  }
  .work-row__main small {
    font-size:11px
  }
  .work-row__year {
    display:none
  }
  .work-row__action {
    height:38px;
    width:38px;
    font-size:21px
  }
  .contact-section__inner {
    padding-top:28px;
    padding-bottom:27px
  }
  .contact-section__top {
    font-size:8px
  }
  .contact-section__body {
    padding:85px 0 67px;
    display:block
  }
  .contact-kicker {
    font-size:12px
  }
  .contact-section h2 {
    font-size:clamp(53px,11.7vw,75px);
    letter-spacing:-4.2px
  }
  .contact-section__button {
    margin-top:30px;
    width:76px;
    height:76px;
    font-size:36px
  }
  .contact-section__bottom {
    gap:22px;
    align-items:flex-end
  }
  .contact-section__bottom a {
    font-size:15px
  }
  .contact-section__bottom>span {
    font-size:8px;
    text-align:right
  }
  .footer {
    height:auto;
    min-height:175px;
    padding-block:35px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
  }
  .footer>span {
    order:3;
    grid-column:1/-1;
    font-size:9px
  }
  .footer>a:last-child {
    justify-self:end;
    font-size:9px
  }
  .product-dialog__box {
    padding:45px 25px 30px
  }
  .product-dialog h2 {
    font-size:39px
  }

}

@media(max-width:380px) {
  .hero__title {
    font-size:43px
  }
  .hero__label {
    letter-spacing:.25px
  }
  .hero__visual {
    height:340px
  }
  .hero-editor {
    width:290px;
    height:233px
  }
  .hero__links {
    gap:13px
  }
  .hero__links .button {
    gap:12px
  }
  .product-card {
    height:420px
  }
  .midox-module--one {
    left:0
  }
  .midox-module--two {
    left:31%
  }
  .midox-module--three {
    left:60%
  }
  .sellnex-notification {
    left:0
  }
  .sellnex-phone {
    right:5%
  }
  .section-head h2 {
    font-size:41px
  }

}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important
  }
  .reveal {
    opacity:1!important;
    transform:none!important
  }

}


/* ----------------------------------------
   EDITORIAL HERO V3 — Inspired by the calm,
   photographic composition of Luzia.
   Scoped classes: none of the other sections
   or the navigation are affected.
   ---------------------------------------- */
.wm-hero {
  --wm-hero-ink: #121316;
  background: #fff;
  color: var(--wm-hero-ink);
  width: 100%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.wm-hero__inner {
  width: calc(100% - 84px);
  max-width: 1620px;
  min-height: min(890px, calc(100svh - 86px));
  min-height: clamp(700px, calc(100svh - 86px), 950px);
  margin-inline: auto;
  position: relative;
}

/* Real photographic detail, not a generated interface graphic.
   The mask lets the image blend into the white page like the reference. */
.wm-hero__photograph {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 22%;
  right: 18%;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(ellipse 79% 79% at 50% 46%, #000 17%, rgba(0,0,0,.92) 48%, transparent 100%);
  mask-image: radial-gradient(ellipse 79% 79% at 50% 46%, #000 17%, rgba(0,0,0,.92) 48%, transparent 100%);
}

.wm-hero__photograph::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,.4) 19%, transparent 47%),
              linear-gradient(90deg, rgba(255,255,255,.45) 0%, transparent 18%, transparent 83%, rgba(255,255,255,.6) 100%);
}

.wm-hero__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
  filter: saturate(.82) contrast(.97);
  animation: wmPhotoEnter 1.4s cubic-bezier(.22,1,.36,1) both;
}

.wm-hero__content {
  position: absolute;
  z-index: 2;
  bottom: 65px;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(315px,375px);
  align-items: end;
  gap: min(7vw, 98px);
}

.wm-hero__left {
  min-width: 0;
  animation: wmContentEnter .85s cubic-bezier(.22,1,.36,1) .1s both;
}

.wm-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
  width: max-content;
  max-width: 100%;
  padding: 10px 15px;
  border: 1px solid #ededed;
  border-radius: 40px;
  background: rgba(255,255,255,.87);
  color: #727780;
  font: 500 13px/1.3 var(--font-body);
  letter-spacing: -.1px;
}
.wm-hero__eyebrow-line {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #1b1d23;
}
.wm-hero__eyebrow-sep { color:#c4c6ca; }

.wm-hero__heading {
  margin: 0;
  max-width: 760px;
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 550;
  font-size: clamp(39px, 3.55vw, 64px);
  line-height: 1.08;
  letter-spacing: -.059em;
  text-wrap: balance;
}

.wm-hero__right {
  padding-bottom: 3px;
  animation: wmContentEnter .85s cubic-bezier(.22,1,.36,1) .23s both;
}
.wm-hero__right p {
  margin: 0 0 24px;
  font: 400 clamp(16px,1.2vw,18px)/1.58 var(--font-body);
  letter-spacing: -.025em;
  color: #30333a;
  text-wrap: pretty;
}
.wm-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #111214;
  color: #fff;
  border-radius: 16px;
  padding: 17px 22px;
  min-height: 52px;
  font: 600 14px/1 var(--font-body);
  letter-spacing: -.01em;
  box-shadow: 0 13px 23px rgba(0,0,0,.16);
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}
.wm-hero__button span { font-size: 21px; font-weight: 400; line-height: .6; }
.wm-hero__button:hover { transform: translateY(-2px); box-shadow: 0 16px 24px rgba(0,0,0,.2); background:#28292b; }

.wm-hero__scroll {
  position: absolute;
  z-index: 3;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items:center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #777;
  font-size: 18px;
  transition: color .25s, transform .25s;
}
.wm-hero__scroll:hover { color:#15171c; transform:translate(-50%,4px); }

@keyframes wmPhotoEnter { from { opacity: 0; transform: scale(1.045); } to { opacity: 1; transform: scale(1); } }
@keyframes wmContentEnter { from { opacity: 0; transform: translateY(19px); } to { opacity: 1; transform: translateY(0); } }

/* Keep the two-column editorial arrangement until mobile. */
@media (max-width: 1100px) {
  .wm-hero__photograph { left: 17%; right: 10%; }
  .wm-hero__content { grid-template-columns: minmax(0,1fr) 305px; gap:35px; }
  .wm-hero__heading { font-size:clamp(38px,4.3vw,54px); }
}

@media (max-width: 760px) {
  .wm-hero__inner {
    width: calc(100% - 40px);
    min-height: 0;
    padding: 0 0 64px;
    display: flex;
    flex-direction: column;
  }
  .wm-hero__photograph {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: -2px -20px 0;
    width: calc(100% + 40px);
    height: min(95vw, 430px);
    min-height: 290px;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  }
  .wm-hero__photograph::after {
    background: linear-gradient(to top, #fff 0%, transparent 54%);
  }
  .wm-hero__photo { object-position: center 44%; }
  .wm-hero__content {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 23px;
    margin-top: -33px;
  }
  .wm-hero__eyebrow { margin-bottom: 24px; font-size: 12px; }
  .wm-hero__heading {
    font-size: clamp(37px, 8.3vw, 56px);
    line-height: 1.12;
    letter-spacing: -.056em;
  }
  .wm-hero__right { padding: 0; }
  .wm-hero__right p { margin: 0 0 20px; font-size: 16px; max-width: 480px; }
  .wm-hero__button { padding: 16px 21px; border-radius: 15px; }
  .wm-hero__scroll { bottom: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-hero__photo,
  .wm-hero__left,
  .wm-hero__right { animation: none !important; }
  .wm-hero__button, .wm-hero__scroll { transition:none !important; }
}
/* ------------------------------------------------------------------
   WEBMIDOX / UIT ONZE STUDIO — clean editorial project gallery
   Replacement for the original colorful products cards (scoped only).
   ------------------------------------------------------------------ */
.wm-showcase.products {
  padding: 116px 0 144px;
  background: #fff;
}
.wm-showcase .wm-showcase__inner.container {
  width: min(calc(100% - 80px), 1180px);
  max-width: 1180px;
}
.wm-showcase__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 43px;
}
.wm-showcase__head h2 {
  margin: 0;
  font: 600 clamp(31px, 3vw, 40px)/1.15 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: -.052em;
  color: #121315;
}
.wm-showcase__all {
  min-height: 52px;
  padding: 0 24px;
  border-radius: 17px;
  background: #f5f5f5;
  color: #141516;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 550;
  transition: background .25s ease, transform .25s ease;
}
.wm-showcase__all span { font-size: 22px; line-height: 1; font-weight: 400; }
.wm-showcase__all:hover { background: #eaeaea; transform: translateY(-2px); }
.wm-showcase__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wm-showcase__card {
  display: block;
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 1.33;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 35px;
  overflow: hidden;
  cursor: pointer;
  background: #dedfdf;
  font: inherit;
  color: #fff;
  text-align: left;
  outline-offset: 5px;
  -webkit-tap-highlight-color: transparent;
}
.wm-showcase__card:focus-visible { outline: 3px solid #111; }
.wm-showcase__cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .65s cubic-bezier(.22,1,.36,1);
}
.wm-showcase__shade {
  position: absolute;
  inset: 35% 0 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 13%, rgba(0,0,0,.12) 55%, rgba(5,9,12,.63) 100%);
}
.wm-showcase__card:hover .wm-showcase__cover { transform: scale(1.045); }
.wm-showcase__caption {
  position: absolute;
  z-index: 2;
  left: 27px;
  right: 76px;
  bottom: 26px;
  display: grid;
  gap: 13px;
}
.wm-showcase__name {
  display: block;
  color: #fff;
  font-size: clamp(23px, 2vw, 27px);
  font-weight: 550;
  line-height: 1.08;
  letter-spacing: -.055em;
  text-shadow: 0 1px 16px rgba(0,0,0,.2);
}
.wm-showcase__tags { display: flex; flex-wrap: wrap; gap: 7px; }
.wm-showcase__tags > span {
  display: inline-block;
  padding: 7px 13px 8px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 13px;
  line-height: 1.05;
  font-weight: 450;
}
.wm-showcase__open {
  position: absolute;
  right: 27px;
  bottom: 31px;
  z-index: 2;
  display: grid;
  place-items: center;
  height: 38px;
  width: 38px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 100%;
  color: #fff;
  font-size: 23px;
  font-weight: 350;
  opacity: 0;
  transform: translate(-6px,6px);
  transition: opacity .25s ease, transform .25s ease;
}
.wm-showcase__card:hover .wm-showcase__open,
.wm-showcase__card:focus-visible .wm-showcase__open { opacity: 1; transform: translate(0,0); }
@media (max-width: 900px) {
  .wm-showcase.products { padding-block: 92px 115px; }
  .wm-showcase .wm-showcase__inner.container { width: calc(100% - 48px); }
  .wm-showcase__card { border-radius: 23px; }
  .wm-showcase__caption { left: 20px; right: 20px; bottom: 20px; }
  .wm-showcase__open { display: none; }
  .wm-showcase__tags > span { font-size: 11px; padding: 7px 11px; }
}
@media (max-width: 650px) {
  .wm-showcase.products { padding-block: 85px 100px; }
  .wm-showcase .wm-showcase__inner.container { width: calc(100% - 32px); }
  .wm-showcase__head { margin-bottom: 24px; gap: 12px; }
  .wm-showcase__head h2 { font-size: clamp(26px, 6.4vw, 34px); letter-spacing: -.055em; }
  .wm-showcase__all { padding: 0 15px; min-height: 44px; font-size: 13px; gap: 10px; border-radius: 13px; }
  .wm-showcase__all span { font-size: 19px; }
  .wm-showcase__grid { grid-template-columns: 1fr; gap: 12px; }
  .wm-showcase__card { border-radius: 25px; aspect-ratio: 1.12; }
  .wm-showcase__caption { bottom: 22px; left: 22px; right: 22px; gap: 11px; }
  .wm-showcase__name { font-size: 25px; }
  .wm-showcase__tags > span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-showcase__cover, .wm-showcase__all, .wm-showcase__open { transition: none; }
}
/* WebMidox / Uit onze studio — rustig editorial raster + bewegende CSS interfaces.
   Volledig afgebakend met wm-motion; veilig naast de bestaande site CSS.
   Geen externe afbeeldingen, fonts of scripts vereist. */
.wm-motion.products { padding: 108px 0 122px; background: #fff; }
.wm-motion .wm-motion__inner.container { width: min(calc(100% - 100px), 1240px); max-width: 1240px; }
.wm-motion__header { display:flex; justify-content:space-between; align-items:center; margin-bottom:37px; gap:20px; }
.wm-motion__header h2 { font-family:var(--font-body,'DM Sans',sans-serif); color:#151719; font-size:clamp(32px,3.35vw,44px); line-height:1.1; letter-spacing:-.055em; font-weight:600; margin:0; }
.wm-motion__all { background:#f6f6f6; color:#1b1d1e; min-height:51px; padding:0 21px; border-radius:16px; display:inline-flex; align-items:center; gap:28px; font-size:14px; font-weight:600; transition:background .25s,transform .3s; }
.wm-motion__all:hover { background:#ececec; transform:translateY(-2px); }
.wm-motion__all span { font-size:22px; font-weight:300; line-height:1; }
.wm-motion__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.wm-motion__card { --wm-card-ink:#171c1d; --wm-caption-muted:#697071; appearance:none; display:block; position:relative; overflow:hidden; width:100%; height:565px; padding:0; border:0; border-radius:28px; isolation:isolate; text-align:left; font-family:var(--font-body,'DM Sans',sans-serif); color:var(--wm-card-ink); background:#eee; cursor:pointer; transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1); }
.wm-motion__card:hover { transform:translateY(-4px); box-shadow:0 24px 55px rgba(20,27,34,.10); }
.wm-motion__card:focus-visible { outline:3px solid #276cf0; outline-offset:4px; }
.wm-motion__art { position:absolute; inset:0; z-index:1; pointer-events:none; display:block; overflow:hidden; }
.wm-motion__caption { position:absolute; z-index:6; left:30px; right:30px; bottom:29px; display:grid; gap:8px; }
.wm-motion__eyebrow { color:var(--wm-caption-muted); font-size:13px; line-height:1.35; font-weight:450; letter-spacing:-.008em; }
.wm-motion__title { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:clamp(24px,2.3vw,31px); line-height:1.2; font-weight:650; letter-spacing:-.055em; color:var(--wm-card-ink); }
.wm-motion__title > span { display:inline-flex; justify-content:center; align-items:center; width:35px; height:35px; border:1px solid currentColor; border-radius:50%; font-size:20px; font-weight:350; opacity:.55; transition:transform .45s,opacity .45s; }
.wm-motion__card:hover .wm-motion__title > span { transform:translate(2px,-2px); opacity:1; }

/* Veroza — layered review cards, with restrained depth. */
.wm-motion__card--veroza { background:#607a88; --wm-card-ink:#fff; --wm-caption-muted:rgba(255,255,255,.76); }
.wm-motion__art--veroza { background:radial-gradient(ellipse 90% 70% at 15% 3%,#96b8c6 0%,transparent 75%),linear-gradient(140deg,#607e93 8%,#647380 54%,#303b4d 100%); }
.wm-motion__art--veroza:after { content:""; position:absolute; inset:62% 0 0; background:linear-gradient(0deg,rgba(21,33,42,.40),transparent); }
.wm-motion__light { position:absolute; width:65%; height:45%; border-radius:50%; filter:blur(47px); opacity:.65; pointer-events:none; }
.wm-motion__light--a { background:#b7b7e1; left:-17%; top:26%; animation:wmDriftA 12s ease-in-out infinite alternate; }
.wm-motion__light--b { background:#c8d9d0; right:-20%; top:5%; animation:wmDriftB 15s ease-in-out infinite alternate; }
.wm-motion__v-ghost { display:grid; gap:15px; position:absolute; z-index:1; width:58%; height:150px; left:25%; top:18%; border-radius:19px; padding:19px 20px; border:1px solid rgba(255,255,255,.34); background:rgba(255,255,255,.27); transform:rotate(7deg) translate(42px,8px); backdrop-filter:blur(12px); box-shadow:0 20px 60px rgba(30,47,64,.17); transition:transform .6s cubic-bezier(.22,1,.36,1); }
.wm-motion__v-ghost-title { font-size:17px; font-weight:650; color:#fff; }
.wm-motion__v-ghost-lines { display:grid; gap:9px; }
.wm-motion__v-ghost-lines i { display:block; height:10px; width:71%; background:rgba(255,255,255,.38); border-radius:10px; }
.wm-motion__v-ghost-lines i+ i { width:56%; }
.wm-motion__v-review { position:absolute; z-index:3; display:flex; flex-direction:column; left:18%; top:19%; width:66%; height:247px; padding:20px 22px 17px; border-radius:18px; background:rgba(255,255,255,.97); color:#213136; box-shadow:0 25px 80px rgba(23,39,52,.24); transform:rotate(-5deg) translateY(13px); transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s; }
.wm-motion__card--veroza:hover .wm-motion__v-review { transform:rotate(-2deg) translateY(-1px); box-shadow:0 30px 100px rgba(23,39,52,.32); }
.wm-motion__card--veroza:hover .wm-motion__v-ghost { transform:rotate(10deg) translate(54px,-4px); }
.wm-motion__v-top { display:flex; align-items:center; gap:10px; }
.wm-motion__v-avatar { width:33px; height:33px; border-radius:10px; display:grid; place-items:center; background:#e2eee9; color:#4d806c; font-size:14px; font-weight:700; }
.wm-motion__v-person { display:grid; gap:2px; flex:1; }
.wm-motion__v-person strong { font-size:11px; font-weight:750; }
.wm-motion__v-person small { font-size:9px; color:#7a888a; }
.wm-motion__v-check { font-size:12px; width:23px; height:23px; display:grid; place-items:center; background:#e1f0e9; color:#54826d; border-radius:50%; }
.wm-motion__v-stars { font-size:17px; letter-spacing:4px; color:#5f9677; margin-top:18px; }
.wm-motion__v-text { font-size:14px; line-height:1.45; font-weight:650; margin-top:7px; letter-spacing:-.02em; }
.wm-motion__v-lines { display:grid; gap:5px; margin-top:9px; }
.wm-motion__v-lines i { display:block; height:5px; width:85%; background:#e3e9e8; border-radius:8px; }
.wm-motion__v-lines i+i { width:61%; }
.wm-motion__v-footer { display:flex; justify-content:space-between; font-size:9px; font-weight:600; color:#6b8083; margin-top:auto; }
.wm-motion__v-pill { position:absolute; z-index:3; bottom:26%; left:50%; transform:translateX(-50%); padding:10px 17px; color:#f7fbfc; background:rgba(40,59,76,.23); border:1px solid rgba(255,255,255,.31); backdrop-filter:blur(11px); border-radius:20px; font-size:11px; white-space:nowrap; letter-spacing:.01em; }
.wm-motion__v-pill span { opacity:.55; margin:0 6px; }

/* Sellnex — miniature dashboard, graph line and floating mobile view. */
.wm-motion__card--sellnex { background:#eeefeb; }
.wm-motion__art--sellnex { background:radial-gradient(circle 67% at 90% 20%,#d6e7d9 0%,transparent 90%),linear-gradient(150deg,#f4f2ef,#e4ebe5 80%); }
.wm-motion__s-panel { position:absolute; z-index:1; display:block; top:14%; left:9%; right:12%; height:60%; border-radius:15px; background:#fff; box-shadow:0 24px 65px rgba(49,77,55,.14); border:1px solid rgba(36,61,40,.08); overflow:hidden; transition:transform .6s cubic-bezier(.22,1,.36,1); }
.wm-motion__card--sellnex:hover .wm-motion__s-panel { transform:translateY(-7px); }
.wm-motion__s-bar { display:flex; justify-content:space-between; align-items:center; height:36px; background:#192d24; color:#fff; padding:0 15px; font-size:11px; }
.wm-motion__s-bar b { font-size:12px; font-weight:750; letter-spacing:-.035em; }
.wm-motion__s-bar > span { display:flex; gap:5px; }
.wm-motion__s-bar i { display:block; width:5px; height:5px; border-radius:50%; background:#618374; }
.wm-motion__s-panel-inner { display:block; padding:17px 23px; }
.wm-motion__s-heading { display:grid; gap:5px; }
.wm-motion__s-heading small { font-size:8px; letter-spacing:.12em; font-weight:650; color:#82928b; }
.wm-motion__s-heading strong { font-size:19px; letter-spacing:-.035em; color:#1b2f25; font-weight:750; }
.wm-motion__s-metrics { display:flex; gap:10px; margin-top:14px; }
.wm-motion__s-metrics i { display:block; width:28%; height:26px; background:#eaf0eb; border:1px solid #e3ebe5; border-radius:7px; }
.wm-motion__s-chart { display:block; height:113px; position:relative; margin-top:10px; border-bottom:1px solid #e9eeeb; }
.wm-motion__s-chart .wm-motion__s-grid { position:absolute; inset:0; background:repeating-linear-gradient(to bottom,transparent 0, transparent 25px,#e9eeeb 26px); }
.wm-motion__s-chart svg { width:100%; height:100%; position:relative; overflow:visible; }
.wm-motion__s-chart-fill { fill:rgba(97,146,111,.08); }
.wm-motion__s-chart-line { fill:none; stroke:#5a9a6f; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:460; stroke-dashoffset:460; animation:wmChart 2.3s cubic-bezier(.2,.8,.2,1) .6s forwards; }
.wm-motion__s-bottom { display:flex; gap:10px; margin-top:12px; }
.wm-motion__s-bottom i { display:block; width:28%; height:13px; background:#eef2ef; border-radius:5px; }
.wm-motion__s-bottom i:nth-child(2) { width:34%; }
.wm-motion__s-bottom i:nth-child(3) { width:19%; }
.wm-motion__s-phone { display:flex; flex-direction:column; gap:13px; position:absolute; z-index:3; right:9%; top:29%; width:25%; height:43%; border-radius:21px; padding:23px 13px 12px; background:#162821; border:5px solid #12201b; color:#fff; box-shadow:0 21px 45px rgba(24,44,33,.23); transform:rotate(5deg); transition:transform .55s cubic-bezier(.22,1,.36,1); }
.wm-motion__card--sellnex:hover .wm-motion__s-phone { transform:rotate(1deg) translate(6px,-8px); }
.wm-motion__s-notch { position:absolute; top:7px; left:38%; width:25%; height:5px; border-radius:9px; background:#0b1510; }
.wm-motion__s-phone strong { font-size:12px; letter-spacing:-.04em; }
.wm-motion__s-phone small { font-size:7px; color:#8eafa0; letter-spacing:.1em; }
.wm-motion__s-phone-chart { display:flex; align-items:flex-end; gap:5px; height:65px; padding:10px 5px 0; border-radius:9px; background:#20382b; }
.wm-motion__s-phone-chart i { flex:1; display:block; background:#82b591; height:var(--h,50%); border-radius:2px 2px 0 0; transform-origin:bottom; animation:wmBars 2.8s ease-in-out infinite alternate; }
.wm-motion__s-phone-chart i:nth-child(1){--h:32%}.wm-motion__s-phone-chart i:nth-child(2){--h:63%;animation-delay:-.4s}.wm-motion__s-phone-chart i:nth-child(3){--h:46%;animation-delay:-1s}.wm-motion__s-phone-chart i:nth-child(4){--h:80%;animation-delay:-.8s}.wm-motion__s-phone-chart i:nth-child(5){--h:58%;animation-delay:-.1s}.wm-motion__s-phone-chart i:nth-child(6){--h:92%;animation-delay:-1.8s}.wm-motion__s-phone-chart i:nth-child(7){--h:75%;animation-delay:-1.3s}
.wm-motion__s-phone-lines { display:grid; gap:8px; }
.wm-motion__s-phone-lines i { display:block; width:89%; height:8px; border-radius:9px; background:#2e4538; }
.wm-motion__s-phone-lines i+i { width:64%; }
.wm-motion__s-note { position:absolute; z-index:4; bottom:25%; left:12%; display:flex; align-items:center; gap:8px; padding:11px 14px; border-radius:12px; background:rgba(255,255,255,.95); box-shadow:0 12px 30px rgba(46,76,52,.11); color:#253f2e; font-size:10px; font-weight:700; transform:rotate(-3deg); transition:transform .5s; }
.wm-motion__card--sellnex:hover .wm-motion__s-note { transform:rotate(0) translate(-4px,-7px); }
.wm-motion__s-note-mark { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#d8eee0; color:#4a9a6b; }
.wm-motion__s-note small { display:block; color:#80958a; font-weight:450; margin-top:2px; }

/* Midox — deliberately simple page builder, modular motion. */
.wm-motion__card--midox { background:#e9eaf0; }
.wm-motion__art--midox { background:radial-gradient(ellipse 63% 65% at 80% 27%,#d8def4,transparent),linear-gradient(125deg,#ecede9,#e1e7ef); }
.wm-motion__m-window { display:block; position:absolute; top:13%; left:13%; right:13%; height:59%; background:#fff; border:1px solid #dce1e8; border-radius:15px; box-shadow:0 26px 65px rgba(55,67,86,.14); overflow:hidden; transform:rotate(-3deg); transition:transform .6s cubic-bezier(.22,1,.36,1); }
.wm-motion__card--midox:hover .wm-motion__m-window { transform:rotate(-1deg) translateY(-6px); }
.wm-motion__m-top { display:flex; align-items:center; justify-content:space-between; height:37px; padding:0 14px; border-bottom:1px solid #eef0f2; color:#2c3641; font-size:11px; }
.wm-motion__m-top b { font-size:13px; letter-spacing:-.04em; }
.wm-motion__m-dots { display:flex; gap:4px; }.wm-motion__m-dots i { display:block; width:6px; height:6px; border-radius:50%; background:#d0d5dd; }
.wm-motion__m-top-side { font-size:9px; color:#879099; }
.wm-motion__m-layout { display:flex; height:calc(100% - 37px); }
.wm-motion__m-sidebar { display:flex; flex-direction:column; gap:13px; width:20%; min-width:62px; background:#f7f8fa; padding:25px 13px; border-right:1px solid #edf0f2; }
.wm-motion__m-sidebar i { display:block; height:9px; width:78%; border-radius:3px; background:#e1e5eb; }.wm-motion__m-sidebar i:nth-child(3) { width:58%; }.wm-motion__m-sidebar i.is-selected { background:#919fba; width:93%; }
.wm-motion__m-canvas { flex:1; padding:22px 23px; color:#2c3641; display:grid; align-content:start; }
.wm-motion__m-micro { font-size:8px; color:#818b9c; letter-spacing:.16em; }
.wm-motion__m-page-title { font-size:16px; font-weight:750; letter-spacing:-.038em; margin:9px 0 15px; }
.wm-motion__m-placeholder { display:block; height:8px; width:82%; border-radius:5px; background:#e9edf3; margin-bottom:8px; }.wm-motion__m-placeholder--short { width:64%; }
.wm-motion__m-tile-row { display:flex; gap:10px; margin-top:19px; height:70px; }.wm-motion__m-tile-row i { background:#e9edf5; border:1px solid #e1e6f0; border-radius:8px; display:block; flex:1; }.wm-motion__m-tile-row i:nth-child(2){background:#dce4f6}
.wm-motion__m-module { position:absolute; z-index:4; display:flex; align-items:center; gap:7px; padding:12px 16px; border:1px solid #e0e4ec; background:rgba(255,255,255,.98); border-radius:11px; box-shadow:0 13px 30px rgba(45,58,85,.10); color:#384457; font-size:12px; font-weight:600; transition:transform .55s cubic-bezier(.22,1,.36,1); }
.wm-motion__m-bullet { width:8px; height:8px; border-radius:3px; background:#8b9bb9; }
.wm-motion__m-module--one { left:6%; top:42%; transform:rotate(-8deg); }.wm-motion__m-module--two { right:4%; top:20%; transform:rotate(6deg); }.wm-motion__m-module--three { right:9%; bottom:23%; transform:rotate(-6deg); }
.wm-motion__card--midox:hover .wm-motion__m-module--one { transform:translate(-8px,-8px) rotate(-10deg); }.wm-motion__card--midox:hover .wm-motion__m-module--two { transform:translate(7px,-8px) rotate(8deg); }.wm-motion__card--midox:hover .wm-motion__m-module--three { transform:translate(8px,-10px) rotate(-2deg); }

/* TegeltjeDruk — ceramics, no stock images. */
.wm-motion__card--tegeltje { background:#f0ede7; }
.wm-motion__art--tegeltje { background:radial-gradient(ellipse 65% 70% at 54% 26%,#fffaf2 0%,transparent 75%),linear-gradient(145deg,#f0eae1,#e6dfd5); }
.wm-motion__t-shadow { position:absolute; top:53%; left:28%; width:50%; height:45px; border-radius:50%; background:rgba(91,76,62,.23); filter:blur(25px); transform:rotate(-7deg); }
.wm-motion__t-tile { position:absolute; top:17%; left:calc(50% - 125px); width:250px; height:250px; display:grid; place-items:center; border-radius:15px; background:linear-gradient(125deg,#fff 5%,#fefefe 70%,#f1f1ef); border:7px solid #fafafa; box-shadow:0 26px 35px rgba(82,74,60,.17),0 2px 3px rgba(60,60,60,.05),inset 0 0 0 1px #e6e6e0; transform:rotate(-7deg); transition:transform .6s cubic-bezier(.22,1,.36,1); }
.wm-motion__card--tegeltje:hover .wm-motion__t-tile { transform:rotate(-2deg) translateY(-9px); }
.wm-motion__t-corner { color:#6381a1; position:absolute; font-size:26px; line-height:1; opacity:.8; }.wm-motion__t-corner--tl{top:15px;left:17px}.wm-motion__t-corner--tr{top:15px;right:17px;transform:scaleX(-1)}.wm-motion__t-corner--bl{bottom:15px;left:17px;transform:scaleY(-1)}.wm-motion__t-corner--br{bottom:15px;right:17px;transform:scale(-1)}
.wm-motion__t-lettering { color:#456888; font-family:Georgia,serif; font-size:19px; line-height:1.35; text-align:center; letter-spacing:-.03em; }.wm-motion__t-lettering em { font-size:22px; font-weight:400; }
.wm-motion__t-size { position:absolute; left:50%; top:69%; transform:translateX(-50%); font-size:10px; white-space:nowrap; letter-spacing:.04em; color:#969186; }

@keyframes wmDriftA { from { transform:translate(0,0) scale(1); } to { transform:translate(45px,-25px) scale(1.18); } }
@keyframes wmDriftB { from { transform:translate(0,0) scale(1); } to { transform:translate(-40px,20px) scale(1.08); } }
@keyframes wmChart { to { stroke-dashoffset:0; } }
@keyframes wmBars { from { transform:scaleY(.8); } to { transform:scaleY(1); } }
@media (max-width:1000px) {
  .wm-motion.products { padding:82px 0 95px; }
  .wm-motion .wm-motion__inner.container { width:min(calc(100% - 48px),1240px); }
  .wm-motion__card { height:480px; border-radius:24px; }
  .wm-motion__v-review { left:11%; width:75%; }
  .wm-motion__s-phone { right:5%; width:30%; }
  .wm-motion__m-window { left:9%; right:9%; }
  .wm-motion__t-tile { top:13%; }
}
@media (max-width:700px) {
  .wm-motion.products { padding:75px 0 90px; }
  .wm-motion .wm-motion__inner.container { width:calc(100% - 32px); }
  .wm-motion__header { margin-bottom:23px; gap:12px; }
  .wm-motion__header h2 { font-size:clamp(27px,6.5vw,35px); }
  .wm-motion__all { min-height:43px; padding:0 13px; border-radius:12px; gap:13px; font-size:12px; }
  .wm-motion__grid { grid-template-columns:1fr; gap:14px; }
  .wm-motion__card { height:480px; border-radius:24px; }
  .wm-motion__caption { left:23px; right:23px; bottom:22px; }
  .wm-motion__title { font-size:27px; }
  .wm-motion__v-review { left:17%; width:66%; top:17%; }
  .wm-motion__s-panel { top:13%; }
  .wm-motion__m-window { top:12%; }
  .wm-motion__t-tile { top:12%; }
}
@media (max-width:420px) {
  .wm-motion__card { height:435px; }
  .wm-motion__v-review { width:75%; left:12%; top:15%; transform:rotate(-5deg) translateY(13px) scale(.9); transform-origin:top center; }
  .wm-motion__v-ghost { top:13%; }
  .wm-motion__v-pill { bottom:25%; font-size:10px; }
  .wm-motion__s-panel { left:8%; right:9%; height:61%; }
  .wm-motion__s-phone { right:5%; top:26%; width:30%; height:43%; }
  .wm-motion__s-note { left:8%; }
  .wm-motion__m-window { left:8%;right:8%; height:60%; }
  .wm-motion__m-canvas { padding:17px 13px; }
  .wm-motion__m-page-title { font-size:14px; }
  .wm-motion__m-module { padding:10px 12px;font-size:10px; }
  .wm-motion__t-tile { width:225px;height:225px;left:calc(50% - 112.5px); }
}
@media (prefers-reduced-motion: reduce) {
  .wm-motion__card, .wm-motion__all,.wm-motion__title > span, .wm-motion__light,.wm-motion__v-ghost,.wm-motion__v-review,.wm-motion__s-panel,.wm-motion__s-phone,.wm-motion__s-note,.wm-motion__m-window,.wm-motion__m-module,.wm-motion__t-tile,.wm-motion__s-chart-line,.wm-motion__s-phone-chart i { animation:none!important; transition:none!important; }
  .wm-motion__s-chart-line { stroke-dashoffset:0; }
}


/* ====== intelligence-editorial.css ====== */
/* ======================================================================
   WEBMIDOX / MIDOX INTELLIGENCE — V3 EDITORIAL
   Vervangt VISUEEL alle vorige Intelligence-opmaak, niet de rest van de site.
   PLAK DIT HELE BLOK ONDERAAN assets/css/styles.css (na V2 indien aanwezig).

   STICKY FIX: de intro zelf is het sticky grid-item. Niet een sticky kind
   binnen een kolom met de hoogte van alleen die tekst.
   ====================================================================== */

.intelligence.wm-intelligence.wm-intelligence--editorial {
  background: #171819;
  color: #f5f5f2;
  border: 0;
  border-radius: 0;
  overflow: visible; /* overflow: hidden/auto op deze voorouder breekt sticky */
  isolation: auto;
}

.wm-intelligence--editorial .intelligence__inner {
  width: min(calc(100% - 104px), 1370px);
  max-width: 1370px;
  margin-inline: auto;
  padding: clamp(104px, 10vw, 146px) 0 clamp(108px, 10vw, 152px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
  gap: clamp(54px, 9vw, 145px);
  align-items: start;
}

/* De grid-container loopt langs alle kaarten; zijn kind blijft daarin sticky. */
.wm-intelligence--editorial .intelligence__intro {
  position: sticky;
  top: 114px; /* ruimte voor de vaste header */
  align-self: start;
  height: auto;
  min-width: 0;
}
.wm-intelligence--editorial .intelligence__sticky {
  position: static;
  top: auto;
  height: auto;
  transform: none;
}

.wm-intelligence--editorial .wm-intelligence__kicker {
  display: block;
  color: #a3a4a2;
  font: 600 11px/1.5 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: .105em;
  margin: 0 0 clamp(43px, 5vw, 70px);
}
.wm-intelligence--editorial .wm-intelligence__kicker span {
  color: #777a77;
  margin-inline: 9px;
}

.wm-intelligence--editorial .intelligence__sticky h2 {
  max-width: 610px;
  margin: 0 0 28px;
  color: #f5f5f2;
  font: 600 clamp(48px, 5.4vw, 80px)/1.055 var(--font-display, 'DM Sans', sans-serif);
  letter-spacing: -.065em;
  text-wrap: balance;
}

.wm-intelligence--editorial .intelligence__sticky > p.wm-intelligence__lead {
  max-width: 425px;
  margin: 0 0 32px;
  color: #aeb0ad;
  font: 400 clamp(15px, 1.05vw, 17px)/1.8 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: 0;
}

.wm-intelligence--editorial .wm-intelligence__link {
  display: inline-flex;
  gap: 18px;
  align-items: center;
  min-height: 40px;
  padding: 0 0 5px;
  border-bottom: 1px solid rgba(245,245,242,.65);
  color: #f5f5f2;
  background: none;
  font: 550 14px/1.4 var(--font-body, 'DM Sans', sans-serif);
  text-decoration: none;
  transition: border-color .25s ease, color .25s ease;
}
.wm-intelligence--editorial .wm-intelligence__link span {
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  transition: transform .25s ease;
}
.wm-intelligence--editorial .wm-intelligence__link:hover { color: white; border-color: white; }
.wm-intelligence--editorial .wm-intelligence__link:hover span { transform: translate(3px,-3px); }
.wm-intelligence--editorial .wm-intelligence__link:focus-visible { outline: 2px solid white; outline-offset: 6px; }

.wm-intelligence--editorial .intelligence__modules {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
}

.wm-intelligence--editorial .module-card.wm-intelligence__step {
  height: auto;
  min-height: clamp(400px, 39vw, 500px);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(32px, 3.3vw, 51px);
  overflow: hidden;
  background: #efefec;
  color: #191a1a;
  border: 1px solid #efefec;
  border-radius: 20px;
  box-shadow: none;
  transform: none;
  transition: background-color .3s ease;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step:nth-child(2) {
  background: #e6e7e3;
  border-color: #e6e7e3;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step:nth-child(3) {
  background: #f5f5f2;
  border-color: #f5f5f2;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step:hover { background: #fff; }

.wm-intelligence--editorial .wm-intelligence__step-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  color: #737672;
  font: 600 11px/1.4 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: .09em;
}
.wm-intelligence--editorial .wm-intelligence__step-top span:first-child {
  color: #1b1d1c;
  font-size: 16px;
  letter-spacing: -.02em;
}

.wm-intelligence--editorial .wm-intelligence__step-copy {
  margin-block: auto;
  padding-block: 64px 58px;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step h3 {
  margin: 0 0 22px;
  color: #1b1d1c;
  font: 600 clamp(37px, 3.5vw, 55px)/1.09 var(--font-display, 'DM Sans', sans-serif);
  letter-spacing: -.058em;
  text-wrap: balance;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step p {
  max-width: 395px;
  margin: 0;
  color: #656a65;
  font: 400 clamp(14px, 1.05vw, 16px)/1.75 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: 0;
}
.wm-intelligence--editorial .wm-intelligence__step-bottom {
  min-height: 33px;
  display: flex;
  align-items: end;
  padding-top: 15px;
  border-top: 1px solid rgba(22,27,24,.19);
  color: #777b77;
  font: 400 12px/1.5 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: 0;
}

/* Tablet / mobiel: geen kunstmatige pin, rustig gewoon onder elkaar. */
@media (max-width: 1050px) {
  .wm-intelligence--editorial .intelligence__inner {
    width: min(calc(100% - 64px), 820px);
    grid-template-columns: minmax(0,1fr);
    gap: 62px;
    padding-block: 94px;
  }
  .wm-intelligence--editorial .intelligence__intro {
    position: static;
    top: auto;
  }
  .wm-intelligence--editorial .intelligence__sticky h2 { font-size: clamp(48px, 7vw, 73px); }
  .wm-intelligence--editorial .wm-intelligence__kicker { margin-bottom: 35px; }
  .wm-intelligence--editorial .wm-intelligence__step-copy { padding-block: 65px; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step {
    min-height: 385px;
  }
}

@media (max-width: 640px) {
  .wm-intelligence--editorial .intelligence__inner {
    width: calc(100% - 40px);
    gap: 48px;
    padding-block: 80px 90px;
  }
  .wm-intelligence--editorial .wm-intelligence__kicker { font-size: 10px; margin-bottom: 35px; }
  .wm-intelligence--editorial .intelligence__sticky h2 {
    font-size: clamp(41px, 10.5vw, 58px);
    letter-spacing: -.055em;
    margin-bottom: 24px;
  }
  .wm-intelligence--editorial .intelligence__sticky > p.wm-intelligence__lead {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .wm-intelligence--editorial .intelligence__modules { gap: 14px; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step {
    min-height: 360px;
    padding: 27px;
    border-radius: 16px;
  }
  .wm-intelligence--editorial .wm-intelligence__step-top { font-size: 9px; }
  .wm-intelligence--editorial .wm-intelligence__step-top span:first-child { font-size: 14px; }
  .wm-intelligence--editorial .wm-intelligence__step-copy { padding-block: 55px 45px; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step h3 { font-size: clamp(32px, 8.3vw, 42px); }
  .wm-intelligence--editorial .module-card.wm-intelligence__step p { font-size: 14px; }
  .wm-intelligence--editorial .wm-intelligence__step-bottom { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-intelligence--editorial *,
  .wm-intelligence--editorial *::before,
  .wm-intelligence--editorial *::after { transition: none !important; animation: none !important; }
}


/* ====== services-editorial.css ====== */
/* =========================================================
   WebMidox — Diensten / Editorial V2
   Alleen .wm-services & .wm-service; geen impact op andere secties.
   Voeg toe onderaan assets/css/styles.css.
   ========================================================= */
.wm-services {
  padding: clamp(96px, 10vw, 156px) 0 clamp(100px, 11vw, 172px);
  background: #f9f9f8;
  color: #161719;
  border-top: 1px solid #ededeb;
  position: relative;
  isolation: isolate;
}

.wm-services__container {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(66px, 8.1vw, 150px);
  align-items: start;
}

.wm-services__intro {
  position: sticky;
  top: 136px;
  align-self: start;
  padding-top: 12px;
}

.wm-services__eyebrow {
  margin: 0 0 39px;
  font: 650 11px/1.3 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: .13em;
  color: #3d4041;
}

.wm-services__eyebrow span {
  display: inline-block;
  margin: 0 11px;
  color: #adb0ac;
}

.wm-services__title {
  margin: 0;
  font-family: var(--font-display, 'Manrope', 'DM Sans', sans-serif);
  font-size: clamp(47px, 4.4vw, 72px);
  font-weight: 650;
  line-height: 1.105;
  letter-spacing: -.064em;
}

.wm-services__title span { color: #999b98; }

.wm-services__description {
  max-width: 395px;
  margin: 31px 0 0;
  color: #676c70;
  font: 400 clamp(15px, 1.1vw, 16px)/1.85 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: -.01em;
}

.wm-services__contact {
  display: inline-flex;
  align-items: center;
  gap: 27px;
  margin-top: 29px;
  padding: 0 0 10px;
  border-bottom: 1px solid #202223;
  color: #202223;
  font: 650 14px/1.4 var(--font-body, 'DM Sans', sans-serif);
  transition: gap .35s cubic-bezier(.22,1,.36,1), border-color .2s ease;
}

.wm-services__contact span { font-size: 19px; font-weight: 400; }
.wm-services__contact:hover { gap: 37px; }

.wm-services__list { border-top: 1px solid #dedfdb; }

.wm-service {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr) 49px;
  align-items: start;
  column-gap: 14px;
  min-height: 176px;
  padding: 35px 16px 34px 11px;
  border-bottom: 1px solid #dedfdb;
  color: #161719;
  text-decoration: none;
  transition: color .3s ease;
}

/* Zachte focuslaag: beweegt op zichzelf, niet de lay-out. */
.wm-service::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 6px 0;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 30px rgb(27 29 27 / 4%);
  opacity: 0;
  transform: scale(.985);
  transition: opacity .4s cubic-bezier(.22,1,.36,1), transform .4s cubic-bezier(.22,1,.36,1);
}

.wm-service:hover::before,
.wm-service:focus-visible::before { opacity: 1; transform: scale(1); }

.wm-service__number {
  padding-top: 8px;
  color: #9c9e9b;
  font: 550 12px/1.5 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: .03em;
}

.wm-service__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}

.wm-service__name {
  display: block;
  font: 600 clamp(25px, 2.25vw, 36px)/1.18 var(--font-display, 'Manrope', sans-serif);
  letter-spacing: -.049em;
  text-wrap: balance;
}

.wm-service__detail {
  display: block;
  margin-top: 13px;
  max-width: 365px;
  font: 400 14px/1.65 var(--font-body, 'DM Sans', sans-serif);
  letter-spacing: -.007em;
  color: #818583;
  transition: color .3s ease;
}

.wm-service__arrow {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid #d8dad6;
  border-radius: 50%;
  color: #222524;
  transition: background .3s ease, color .3s ease, border-color .3s ease, transform .4s cubic-bezier(.22,1,.36,1);
}

.wm-service__arrow svg { width: 19px; height: 19px; }
.wm-service:hover .wm-service__copy,
.wm-service:focus-visible .wm-service__copy { transform: translateX(7px); }
.wm-service:hover .wm-service__detail { color: #555b59; }
.wm-service:hover .wm-service__arrow,
.wm-service:focus-visible .wm-service__arrow {
  background: #1b1d1e;
  color: #fff;
  border-color: #1b1d1e;
  transform: translate(2px, -2px);
}

.wm-service:focus-visible,
.wm-services__contact:focus-visible {
  outline: 2px solid #1a1d1d;
  outline-offset: 4px;
}

@media (max-width: 980px) {
  .wm-services__container { grid-template-columns: minmax(0, 1fr); gap: 65px; }
  .wm-services__intro { position: static; padding-top: 0; }
  .wm-services__title { font-size: clamp(46px, 7vw, 74px); }
  .wm-services__description { max-width: 480px; }
  .wm-service { min-height: 150px; }
}

@media (max-width: 620px) {
  .wm-services { padding: 78px 0 94px; }
  .wm-services__container { gap: 52px; }
  .wm-services__eyebrow { margin-bottom: 25px; font-size: 10px; }
  .wm-services__title { font-size: clamp(40px, 10vw, 54px); letter-spacing: -.061em; }
  .wm-services__description { margin-top: 22px; font-size: 15px; line-height: 1.75; }
  .wm-services__contact { margin-top: 20px; }
  .wm-service {
    grid-template-columns: 28px minmax(0, 1fr) 38px;
    column-gap: 8px;
    min-height: 137px;
    padding: 29px 2px 28px;
  }
  .wm-service__number { font-size: 11px; padding-top: 5px; }
  .wm-service__name { font-size: clamp(23px, 6vw, 30px); line-height: 1.2; letter-spacing: -.051em; }
  .wm-service__detail { font-size: 12.5px; line-height: 1.55; margin-top: 10px; }
  .wm-service__arrow { width: 35px; height: 35px; }
  .wm-service__arrow svg { width: 17px; height: 17px; }
  .wm-service:hover .wm-service__copy,
  .wm-service:focus-visible .wm-service__copy { transform: translateX(3px); }
}

@media (prefers-reduced-motion: reduce) {
  .wm-services *, .wm-services *::before, .wm-services *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}


/* ====== process-editorial.css ====== */
/* ==========================================================
   WEBMIDOX — WERKWIJZE / EDITORIAL V2
   Alleen deze sectie; toevoegen ONDERAAN styles.css.
   Geen JavaScript of externe assets nodig.
   ========================================================== */

.process.wm-process {
  position: relative;
  padding: clamp(88px, 10vw, 148px) 0 clamp(90px, 10vw, 155px);
  background: #f5f5f2;
  color: #191b1b;
  isolation: isolate;
}

.wm-process .wm-process__container {
  width: min(calc(100% - 104px), 1360px);
  margin-inline: auto;
}

.wm-process__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 56px;
  margin-bottom: clamp(44px, 5.7vw, 84px);
}

.wm-process__eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 25px;
  color: #666b67;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: .075em;
}

.wm-process__eyebrow span {
  color: #a0a49f;
}

.wm-process__heading h2 {
  margin: 0;
  font-family: var(--font-display, 'DM Sans', Arial, sans-serif);
  font-weight: 600;
  font-size: clamp(43px, 5.4vw, 76px);
  line-height: 1.07;
  letter-spacing: -.067em;
}

.wm-process__intro {
  max-width: 320px;
  flex: 0 1 320px;
  margin: 0 0 7px;
  color: #747874;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.75;
}

/* Kaarten schuiven boven elkaar via CSS position:sticky.
   Door grid niet te gebruiken blijft de sticky-positionering
   onafhankelijk van de rijhoogte werken. */
.wm-process .wm-process__stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wm-process__card {
  --card-bg: #fff;
  --panel-bg: #eeefec;
  --card-color: #1a1c1a;
  --body-color: #777c77;
  --edge: #e5e7e3;
  --numeral: #d1d5cf;
  --progress: #252925;

  position: sticky;
  top: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .87fr);
  min-height: clamp(470px, 43vw, 555px);
  overflow: hidden;
  background: var(--card-bg);
  color: var(--card-color);
  border: 1px solid var(--edge);
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(21, 25, 21, .035);
}

.wm-process__card--first { z-index: 1; }
.wm-process__card--second {
  z-index: 2;
  --card-bg: #eaece8;
  --panel-bg: #e0e3de;
  --edge: #e0e4df;
  --numeral: #c0c7be;
}
.wm-process__card--third {
  z-index: 3;
  --card-bg: #1e2220;
  --panel-bg: #282c29;
  --card-color: #f5f5f2;
  --body-color: #abb0ab;
  --edge: #1e2220;
  --numeral: #505750;
  --progress: #f3f5f1;
}

.wm-process__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: clamp(32px, 4.3vw, 66px);
}

.wm-process__step,
.wm-process__meta,
.wm-process__number-label {
  margin: 0;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .065em;
  font-weight: 650;
}

.wm-process__step {
  display: flex;
  gap: 19px;
  align-items: center;
}

.wm-process__step span { color: var(--body-color); }

.wm-process__copy-main {
  margin-block: auto;
  padding: 42px 0 52px;
}

.wm-process__card h3 {
  margin: 0 0 23px;
  font-family: var(--font-display, 'DM Sans', Arial, sans-serif);
  font-size: clamp(34px, 3.45vw, 54px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.061em;
}

.wm-process__copy-main > p {
  max-width: 430px;
  margin: 0;
  color: var(--body-color);
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.7;
}

.wm-process__meta { color: var(--body-color); }
.wm-process__meta span { margin-inline: 6px; }

.wm-process__number-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(32px, 4vw, 59px);
  background: var(--panel-bg);
  border-left: 1px solid var(--edge);
}

.wm-process__number-label {
  align-self: flex-end;
  color: var(--body-color);
}

.wm-process__number {
  align-self: center;
  font-family: var(--font-display, 'DM Sans', Arial, sans-serif);
  font-weight: 500;
  font-size: clamp(160px, 20vw, 315px);
  line-height: .87;
  letter-spacing: -.105em;
  color: var(--numeral);
  white-space: nowrap;
  padding-right: .14em;
  transform: translateY(4px);
  transition: transform .65s cubic-bezier(.22,1,.36,1);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .wm-process__card:hover .wm-process__number {
    transform: translateY(-5px);
  }
}

.wm-process__progress {
  display: flex;
  gap: 6px;
  width: 100%;
  max-width: 240px;
  align-self: flex-end;
}

.wm-process__progress i {
  display: block;
  flex: 1;
  height: 2px;
  background: currentColor;
  opacity: .15;
}
.wm-process__progress i.is-current {
  background: var(--progress);
  opacity: 1;
}

@media (max-width: 1050px) {
  .wm-process .wm-process__container { width: min(calc(100% - 60px), 1360px); }
  .wm-process__card {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .75fr);
    min-height: 470px;
    top: 92px;
  }
  .wm-process__number { font-size: clamp(135px, 21vw, 230px); }
}

@media (max-width: 720px) {
  .process.wm-process { padding: 80px 0 92px; }
  .wm-process .wm-process__container { width: calc(100% - 40px); }
  .wm-process__heading {
    display: block;
    margin-bottom: 42px;
  }
  .wm-process__heading h2 { font-size: clamp(38px, 9.1vw, 58px); }
  .wm-process__intro {
    max-width: 440px;
    margin-top: 24px;
    font-size: 14px;
  }
  .wm-process .wm-process__stack { gap: 16px; }
  .wm-process__card {
    position: relative;  /* op mobiel geen sticky lagen */
    top: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 19px;
  }
  .wm-process__copy { padding: 30px 28px 36px; }
  .wm-process__copy-main { padding: 54px 0 45px; }
  .wm-process__card h3 { font-size: clamp(35px, 9vw, 47px); }
  .wm-process__number-panel {
    min-height: 210px;
    padding: 26px 28px;
    border-left: 0;
    border-top: 1px solid var(--edge);
  }
  .wm-process__number-label { align-self: flex-start; }
  .wm-process__number {
    font-size: clamp(110px, 31vw, 176px);
    position: absolute;
    right: 23px;
    bottom: 22px;
  }
  .wm-process__progress { align-self: flex-start; max-width: 112px; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-process__number { transition: none; }
}


/* ====== work-editorial.css ====== */
/* WEBMIDOX / GESELECTEERD WERK — editorial, geen externe assets.
   Plaats dit onderaan assets/css/styles.css. */

.wm-work {
  background: #f7f7f5;
  color: #191a1c;
  padding: clamp(100px, 10vw, 160px) 0 clamp(94px, 10vw, 150px);
}
.wm-work *, .wm-work *::before, .wm-work *::after { box-sizing: border-box; }
.wm-work__inner.container {
  width: min(calc(100% - 104px), 1440px);
  max-width: 1440px;
  margin-inline: auto;
}
.wm-work__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .39fr);
  gap: 48px;
  align-items: end;
  margin: 0 0 clamp(60px, 6vw, 100px);
}
.wm-work__eyebrow {
  margin: 0 0 28px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .145em;
  color: #646668;
}
.wm-work__eyebrow span { color: #bbbdbd; margin-inline: 10px; }
.wm-work__heading h2 {
  max-width: 900px;
  font-family: inherit;
  font-weight: 560;
  font-size: clamp(49px, 5.5vw, 91px);
  line-height: 1.075;
  letter-spacing: -.075em;
  margin: 0;
}
.wm-work__heading h2 span { color: #898c8e; }
.wm-work__intro { max-width: 300px; padding-bottom: 7px; }
.wm-work__intro p {
  margin: 0 0 28px;
  color: #676a6d;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
}
.wm-work__count {
  color: #8f9294;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .13em;
}
.wm-work__projects { border-top: 1px solid #dcdedc; }
.wm-work__project {
  --row-bg: transparent;
  display: grid;
  grid-template-columns: minmax(45px, 75px) minmax(0, 1fr) minmax(180px, 270px) 48px;
  gap: clamp(12px, 2vw, 30px);
  align-items: center;
  min-height: clamp(150px, 12.4vw, 190px);
  padding: 22px clamp(16px, 2.2vw, 34px);
  color: inherit;
  border-bottom: 1px solid #dcdedc;
  text-decoration: none;
  background-color: var(--row-bg);
  transition: background-color .32s ease, padding .32s ease;
}
.wm-work__number {
  font-size: 12px;
  color: #8b8d8d;
  letter-spacing: .05em;
  font-variant-numeric: tabular-nums;
  align-self: center;
}
.wm-work__project-main { min-width: 0; display: grid; gap: 13px; }
.wm-work__project-title {
  font-size: clamp(29px, 3.1vw, 50px);
  letter-spacing: -.055em;
  font-weight: 530;
  line-height: 1.12;
  transition: transform .32s ease;
}
.wm-work__project-subtitle { color: #848788; font-size: 13px; line-height: 1.45; }
.wm-work__project-type { color: #65686a; font-size: 14px; white-space: nowrap; }
.wm-work__project-type span { color: #aeb0b0; margin: 0 4px; }
.wm-work__project-arrow {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  justify-self: end;
  background: #e9eae7;
  border-radius: 50%;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  transition: transform .32s ease, background-color .32s ease, color .32s ease;
}
.wm-work__project:hover, .wm-work__project:focus-visible { --row-bg: #ededeb; }
.wm-work__project:hover .wm-work__project-title, .wm-work__project:focus-visible .wm-work__project-title { transform: translateX(7px); }
.wm-work__project:hover .wm-work__project-arrow, .wm-work__project:focus-visible .wm-work__project-arrow {
  transform: rotate(45deg);
  background: #191a1c;
  color: #fff;
}
.wm-work__project:focus-visible { outline: 2px solid #191a1c; outline-offset: -2px; }
.wm-work__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
  padding-top: 37px;
}
.wm-work__footer p { font-size: 13px; color: #868989; margin: 0; }
.wm-work__footer a {
  color: #191a1c;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #191a1c;
  padding-bottom: 6px;
}
.wm-work__footer a span { display: inline-block; margin-left: 18px; transition: transform .2s ease; }
.wm-work__footer a:hover span { transform: translate(2px, -2px); }

@media (max-width: 900px) {
  .wm-work__inner.container { width: min(calc(100% - 56px), 1440px); }
  .wm-work__header { grid-template-columns: 1fr; gap: 20px; margin-bottom: 58px; }
  .wm-work__intro { max-width: 480px; }
  .wm-work__intro p { margin-bottom: 15px; }
  .wm-work__project { grid-template-columns: 44px minmax(0, 1fr) 48px; }
  .wm-work__project-type { display: none; }
}
@media (max-width: 600px) {
  .wm-work { padding: 82px 0 90px; }
  .wm-work__inner.container { width: calc(100% - 40px); }
  .wm-work__eyebrow { margin-bottom: 24px; font-size: 10px; }
  .wm-work__heading h2 { font-size: clamp(40px, 10vw, 55px); letter-spacing: -.07em; }
  .wm-work__header { margin-bottom: 44px; }
  .wm-work__project {
    min-height: 134px;
    grid-template-columns: 30px minmax(0,1fr) 36px;
    gap: 10px;
    padding: 19px 0;
  }
  .wm-work__number { font-size: 11px; align-self: start; padding-top: 6px; }
  .wm-work__project-title { font-size: clamp(25px, 6vw, 32px); letter-spacing: -.05em; }
  .wm-work__project-subtitle { font-size: 12px; }
  .wm-work__project-arrow { width: 36px; height: 36px; font-size: 17px; }
  .wm-work__footer { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-work__project, .wm-work__project-title, .wm-work__project-arrow, .wm-work__footer a span { transition: none !important; }
}


/* ====== contact-editorial.css ====== */
/*
  WebMidox / Contact — editorial v2
  Toevoegen aan het EINDE van assets/css/styles.css.
  Volledig gescoped: overige secties blijven ongewijzigd.
*/
.contact-section.wm-contact {
  background: #f0f1ee;
  color: #171a1c;
  position: relative;
  isolation: isolate;
  overflow: clip;
}

.contact-section.wm-contact::after { display: none; }

.wm-contact .wm-contact__inner {
  width: min(calc(100% - 100px), 1376px);
  margin: 0 auto;
  padding: 56px 0 36px;
}

.wm-contact__overline,
.wm-contact__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.wm-contact__overline {
  color: #727775;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .025em;
}

.wm-contact__content {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(275px, .65fr);
  align-items: end;
  gap: clamp(36px, 6vw, 112px);
  padding: clamp(102px, 12vw, 172px) 0 clamp(90px, 10vw, 144px);
}

.wm-contact__eyebrow {
  margin: 0 0 24px;
  color: #656b69;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
}

.contact-section.wm-contact h2 {
  margin: 0;
  color: #151718;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: clamp(50px, 6.1vw, 96px);
  line-height: 1.075;
  font-weight: 600;
  letter-spacing: -.064em;
  text-wrap: balance;
}

.wm-contact__aside {
  padding-bottom: 7px;
  max-width: 345px;
  justify-self: end;
}

.wm-contact__aside > p {
  color: #5d6261;
  font-size: clamp(15px, 1.12vw, 18px);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -.012em;
  margin: 0 0 27px;
}

.wm-contact__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  min-height: 54px;
  padding: 13px 21px 13px 24px;
  border: 1px solid #151719;
  border-radius: 14px;
  background: #151719;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background .25s ease, border-color .25s ease, transform .3s cubic-bezier(.22, 1, .36, 1);
}

.wm-contact__cta-arrow {
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
  transition: transform .3s cubic-bezier(.22, 1, .36, 1);
}

.wm-contact__cta:hover,
.wm-contact__cta:focus-visible {
  background: #343837;
  border-color: #343837;
  transform: translateY(-2px);
}

.wm-contact__cta:hover .wm-contact__cta-arrow,
.wm-contact__cta:focus-visible .wm-contact__cta-arrow {
  transform: translate(3px, -3px);
}

.wm-contact__bottom {
  border-top: 1px solid #d5d8d4;
  padding-top: 24px;
}

.wm-contact__bottom a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #202322;
  font-size: clamp(15px, 1.35vw, 19px);
  font-weight: 600;
  letter-spacing: -.035em;
  text-decoration: none;
  transition: color .2s ease;
}

.wm-contact__bottom a span {
  font-size: 18px;
  font-weight: 400;
  transition: transform .25s ease;
}

.wm-contact__bottom a:hover { color: #68716c; }
.wm-contact__bottom a:hover span { transform: translate(2px, -2px); }

.wm-contact__bottom > span {
  color: #858986;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 900px) {
  .wm-contact .wm-contact__inner { width: min(calc(100% - 64px), 1376px); }
  .wm-contact__content {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 46px;
    padding: 86px 0 94px;
  }
  .wm-contact__aside { justify-self: start; max-width: 480px; }
}

@media (max-width: 600px) {
  .wm-contact .wm-contact__inner { width: calc(100% - 40px); padding: 28px 0 27px; }
  .wm-contact__overline { font-size: 11px; }
  .wm-contact__overline > span:last-child { display: none; }
  .wm-contact__content { padding: 88px 0 82px; gap: 34px; }
  .wm-contact__eyebrow { margin-bottom: 17px; font-size: 13px; }
  .contact-section.wm-contact h2 { font-size: clamp(41px, 10.4vw, 64px); line-height: 1.09; letter-spacing: -.06em; }
  .wm-contact__aside { max-width: 365px; }
  .wm-contact__aside > p { font-size: 15px; line-height: 1.65; margin-bottom: 23px; }
  .wm-contact__cta { min-height: 51px; }
  .wm-contact__bottom { padding-top: 22px; align-items: flex-start; gap: 9px; flex-direction: column; }
  .wm-contact__bottom > span { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-contact__cta,
  .wm-contact__cta-arrow,
  .wm-contact__bottom a,
  .wm-contact__bottom a span { transition: none; }
}


/* ====== footer-editorial.css ====== */
/* WebMidox / Footer — minimal editorial v2
   Plak dit HELEMAAL ONDERAAN assets/css/styles.css.
   Volledig gescoped: geen wijzigingen aan header, hero of andere secties.
*/
.wm-footer {
  background: #fff;
  color: #17191b;
  border-top: 1px solid #e6e8e5;
}

.wm-footer .wm-footer__inner {
  width: min(calc(100% - 100px), 1376px);
  max-width: 1376px;
  padding: 38px 0 29px;
  margin: 0 auto;
}

.wm-footer__main {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 42px;
  min-height: 42px;
}

.wm-footer__brand {
  width: fit-content;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: clamp(23px, 1.9vw, 29px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.075em;
  text-decoration: none;
  color: #17191b;
}

.wm-footer__nav {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.5vw, 39px);
}

.wm-footer__nav a,
.wm-footer__back {
  color: #35383a;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}

.wm-footer__nav a:hover,
.wm-footer__back:hover,
.wm-footer__bottom a:hover {
  color: #818784;
}

.wm-footer__back {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  justify-self: end;
}

.wm-footer__back span {
  font-size: 18px;
  line-height: 1;
  transition: transform .25s ease;
}

.wm-footer__back:hover span,
.wm-footer__back:focus-visible span {
  transform: translateY(-3px);
}

.wm-footer__bottom {
  margin-top: 35px;
  border-top: 1px solid #eaebe9;
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #818582;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

.wm-footer__bottom a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}

.wm-footer a:focus-visible {
  outline: 2px solid #17191b;
  outline-offset: 5px;
  border-radius: 2px;
}

@media (max-width: 920px) {
  .wm-footer .wm-footer__inner {
    width: min(calc(100% - 64px), 1376px);
  }
  .wm-footer__main {
    grid-template-columns: 1fr auto;
    row-gap: 29px;
  }
  .wm-footer__brand { grid-column: 1; grid-row: 1; }
  .wm-footer__back { grid-column: 2; grid-row: 1; }
  .wm-footer__nav {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-wrap: wrap;
    gap: 14px 26px;
  }
}

@media (max-width: 600px) {
  .wm-footer .wm-footer__inner {
    width: calc(100% - 40px);
    padding: 31px 0 25px;
  }
  .wm-footer__brand { font-size: 27px; }
  .wm-footer__nav { gap: 18px 23px; }
  .wm-footer__nav a,
  .wm-footer__back { font-size: 13px; }
  .wm-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 31px;
    gap: 9px;
    padding-top: 19px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-footer__nav a,
  .wm-footer__back,
  .wm-footer__back span,
  .wm-footer__bottom a { transition: none; }
}
/*
 * WEBMIDOX — FINAL RESPONSIVE PASS / oktober 2026
 * Eén rustig ontwerp, van telefoon tot desktop. Geen emoji, sierpijlen of
 * overbodige decoraties. Dit is de laatste laag van de hoofdstylesheet.
 */
:root {
  --bg: #ffffff;
  --ink: #171819;
  --ink-soft: #333536;
  --muted: #717574;
  --line: #e4e6e3;
  --accent: #171819;
  --font-display: 'DM Sans', Arial, sans-serif;
  --font-body: 'DM Sans', Arial, sans-serif;
}
html { scroll-padding-top: 95px; }
body { background: #fff; color: var(--ink); overflow-x: clip; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid #171819; outline-offset: 4px; }
img, svg { max-width: 100%; }
/* Geen CSS-maskers, gekunstelde glans of fake pictogrammen in de portrait hero. */
.wm-hero--portrait .wm-hero__photograph {
  left: 25%; right: 22%; top: 4%; bottom: 0;
  -webkit-mask-image: none; mask-image: none;
  overflow: hidden;
  display: flex; align-items: flex-end; justify-content: center;
}
.wm-hero--portrait .wm-hero__photograph::after { content: none; }
.wm-hero--portrait .wm-hero__photo {
  display: block; width: 100%; height: 100%; object-fit: contain;
  object-position: center bottom; filter: none; max-width: none;
}
.wm-hero--portrait .wm-hero__content { bottom: clamp(58px, 7vw, 98px); }
.wm-hero--portrait .wm-hero__eyebrow { background:#fff; color:#595e5d; border:1px solid #e5e7e6; box-shadow:none; }
.wm-hero--portrait .wm-hero__eyebrow-line { display: none; }
.wm-hero--portrait .wm-hero__heading { font-family: var(--font-display); font-weight: 600; }
.wm-hero--portrait .wm-hero__button {
  border-radius: 13px; box-shadow: 0 8px 22px rgba(0,0,0,.11);
  justify-content: center; gap: 0;
}
.wm-hero--portrait .wm-hero__button:hover { box-shadow: 0 10px 26px rgba(0,0,0,.12); }
/* Uit onze studio: rustige hoogte, consistente kaders, leesbare caption. */
.wm-motion.products { background: #fff; padding-top: clamp(86px, 9vw, 125px); padding-bottom: clamp(96px, 9vw, 138px); }
.wm-motion .wm-motion__inner.container { max-width: 1240px; }
.wm-motion__header h2 { font-family:var(--font-display); font-weight:600; letter-spacing:-.05em; }
.wm-motion__card { min-width: 0; border-radius: 22px; }
.wm-motion__art { overflow: hidden; }
.wm-motion__all { font-weight:550; }
.wm-motion__title { font-weight:600; }
.wm-motion__title > span { display: none; }
.wm-motion__v-check, .wm-motion__s-note-mark { display: none; }
.wm-motion__t-corner { display: none; }
/* Midox kaart beschrijft voortaan onze INTERNE ontwikkelomgeving. */
.wm-motion__m-page-title { max-width: 95%; }
/* Intelligence: links écht sticky op desktop, right-hand stories scrollen. */
.wm-intelligence--editorial .intelligence__inner { max-width: 1330px; }
.wm-intelligence--editorial .intelligence__intro { top: 112px; }
.wm-intelligence--editorial .intelligence__sticky h2 { font-family: var(--font-display); font-weight:600; }
.wm-intelligence--editorial .wm-intelligence__link { gap: 0; }
.wm-intelligence--editorial .wm-intelligence__link > span { display: none; }
.wm-intelligence--editorial .module-card.wm-intelligence__step { border-radius: 18px; }
.wm-intelligence--editorial .wm-intelligence__step-top { letter-spacing:.065em; }
/* Diensten: geen grote icoon-knoppen; de hele regel blijft klikbaar. */
.wm-services__title { font-family: var(--font-display); }
.wm-services__contact { gap: 0; }
.wm-services__contact:hover { gap: 0; }
.wm-services__contact > span { display:none; }
.wm-services .wm-service { grid-template-columns: 34px minmax(0,1fr); }
.wm-services .wm-service__arrow { display:none; }
.wm-services .wm-service__copy { min-width:0; }
/* Werkwijze: geen decoratieve labels en wel rustige stapnummers. */
.wm-process__card { border-radius: 20px; }
.wm-process__heading h2 { font-family: var(--font-display); font-weight:600; }
/* Ons werk: geen zwevende pijlknoppen, project is zelf de link. */
.wm-work__heading h2 { font-family: var(--font-display); }
.wm-work__project { grid-template-columns: minmax(32px,62px) minmax(0,1fr) minmax(150px,230px); }
.wm-work__project-arrow { display: none; }
.wm-work__footer a span { display:none; }
.wm-work__project-title { overflow-wrap: anywhere; }
/* Contact/footer zonder overbodige iconografie. */
.wm-contact .wm-contact__cta, .wm-contact .wm-contact__cta:hover { gap:0; }
.wm-contact__cta-arrow { display:none; }
.wm-contact__bottom a span { display:none; }
.wm-footer__back span { display:none; }
/* Dialog netjes op alle schermen; pop-ups van de productkaarten blijven werken. */
.product-dialog { max-width: min(95vw, 560px); max-height: min(88dvh, 840px); overflow: auto; }
.product-dialog__box { max-width: 100%; }
.dialog-status { color:#5d6762; }
/* ---------- T A B L E T ---------- */
@media (max-width: 1100px) {
  .wm-hero--portrait .wm-hero__photograph { left: 20%; right: 15%; }
  .wm-hero--portrait .wm-hero__content { gap: 28px; }
  .wm-services__container, .wm-intelligence--editorial .intelligence__inner,
  .wm-work__inner.container, .wm-process .wm-process__container {
    width: min(calc(100% - 64px), 960px);
  }
}
@media (max-width: 930px) {
  html { scroll-padding-top: 78px; }
  .site-header .site-header__inner.container { width:calc(100% - 48px); }
  .site-header .site-header__inner { min-height: 74px; }
  .site-header.is-scrolled .site-header__inner { min-height:72px; }
  .site-header .brand__type { font-size:24px; }
  .wm-hero--portrait .wm-hero__inner { width:calc(100% - 56px); min-height:clamp(660px,78svh,840px); }
  .wm-hero--portrait .wm-hero__photograph { left: 17%; right: 12%; top: 3%; }
  .wm-hero--portrait .wm-hero__content { grid-template-columns:minmax(0,1fr) minmax(240px,300px); gap:24px; bottom:48px; }
  .wm-hero--portrait .wm-hero__heading { font-size:clamp(37px,4.8vw,50px); }
  .wm-hero--portrait .wm-hero__right p { font-size:15px; line-height:1.6; }
  .wm-motion .wm-motion__inner.container { width:calc(100% - 56px); }
  .wm-motion__card { height:460px; border-radius:20px; }
  .wm-services__container, .wm-intelligence--editorial .intelligence__inner,
  .wm-work__inner.container, .wm-process .wm-process__container { width:calc(100% - 56px); }
  .wm-intelligence--editorial .intelligence__intro { position:static; }
  .wm-process__card { position:relative; top:auto; }
  .wm-process .wm-process__stack { gap:18px; }
  .wm-process__card h3 { font-size:clamp(35px,4.5vw,49px); }
  .wm-process__number { font-size:clamp(120px,18vw,200px); }
  .wm-work__project { grid-template-columns: 42px minmax(0,1fr); }
  .wm-work__project-type { display: none; }
  .wm-footer .wm-footer__inner { width:calc(100% - 56px); }
}
@media (max-width: 780px) {
  .wm-motion__grid { grid-template-columns:minmax(0,1fr); max-width: 660px; margin-inline: auto; }
  .wm-motion__card { height: min(79vw, 500px); min-height: 420px; }
  .wm-motion .wm-motion__inner.container { width:calc(100% - 48px); }
  .wm-process__heading { display: block; }
  .wm-process__intro { max-width:540px; margin-top:18px; }
  .wm-process__card { display:grid; grid-template-columns:1fr 42%; min-height:410px; }
  .wm-process__copy { padding:34px; }
  .wm-process__copy-main { padding:40px 0; }
  .wm-process__number-panel { border-top:0; min-height:auto; border-left:1px solid var(--edge); }
}
/* ---------- P H O N E ---------- */
@media (max-width: 640px) {
  html { scroll-padding-top: 70px; }
  .container, .wm-work__inner.container, .wm-motion .wm-motion__inner.container,
  .wm-services__container, .wm-intelligence--editorial .intelligence__inner,
  .wm-process .wm-process__container, .wm-contact .wm-contact__inner,
  .wm-footer .wm-footer__inner { width:calc(100% - 40px); }
  .site-header .site-header__inner.container { width:calc(100% - 40px); }
  .site-header .site-header__inner { min-height:69px; }
  .site-header.is-scrolled .site-header__inner { min-height:69px; }
  .site-header .brand__type { font-size:22px; }
  .site-header .menu-toggle { min-width:44px; min-height:44px; }
  .wm-hero--portrait .wm-hero__inner { width:calc(100% - 40px); min-height:0; padding-bottom:60px; }
  .wm-hero--portrait .wm-hero__photograph {
    position:relative; inset:auto; width:calc(100% + 40px); margin:0 -20px;
    height:clamp(285px,83vw,475px); min-height:0;
    -webkit-mask-image:none; mask-image:none;
  }
  .wm-hero--portrait .wm-hero__photo { object-fit:contain; object-position: center bottom; }
  .wm-hero--portrait .wm-hero__content { margin-top:-6px; bottom:auto; grid-template-columns:1fr; gap:22px; }
  .wm-hero--portrait .wm-hero__eyebrow { padding:8px 12px; margin-bottom:20px; font-size:12px; }
  .wm-hero--portrait .wm-hero__heading { font-size:clamp(33px,8.8vw,54px); line-height:1.13; letter-spacing:-.055em; }
  .wm-hero--portrait .wm-hero__right p { font-size:15px; line-height:1.67; max-width:490px; margin:0 0 20px; }
  .wm-hero--portrait .wm-hero__button { border-radius:12px; min-height:49px; padding:15px 21px; }
  .wm-motion.products { padding:80px 0 94px; }
  .wm-motion__header { align-items: center; flex-wrap:nowrap; gap:8px; }
  .wm-motion__header h2 { font-size:clamp(27px,7.5vw,36px); }
  .wm-motion__all { min-height:43px; padding-inline:14px; font-size:12px; border-radius:12px; }
  .wm-motion__grid { gap:14px; }
  .wm-motion__card { height:clamp(390px,110vw,475px); min-height:0; border-radius:18px; }
  .wm-motion__caption { left:20px; right:20px; bottom:20px; }
  .wm-motion__title { font-size:clamp(24px,7vw,30px); line-height:1.2; }
  .wm-motion__eyebrow { font-size:12px; }
  .wm-intelligence--editorial .intelligence__inner { gap:42px; padding-block:74px 85px; }
  .wm-intelligence--editorial .intelligence__sticky h2 { font-size:clamp(40px,10vw,57px); }
  .wm-intelligence--editorial .wm-intelligence__kicker { margin-bottom:24px; }
  .wm-intelligence--editorial .intelligence__sticky > p.wm-intelligence__lead { line-height:1.65; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step {
    padding:25px; min-height:330px; border-radius:16px;
  }
  .wm-intelligence--editorial .wm-intelligence__step-copy { padding-block:48px 30px; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step h3 { font-size:clamp(29px,7.6vw,40px); }
  .wm-services { padding:75px 0 86px; }
  .wm-services__title { font-size:clamp(39px,10vw,52px); }
  .wm-services__container { gap:44px; }
  .wm-services .wm-service { grid-template-columns:30px minmax(0,1fr); gap:14px; }
  .wm-services .wm-service__copy { gap:10px; }
  .wm-services .wm-service__name { font-size:clamp(23px,6vw,31px); }
  .wm-services .wm-service__detail { font-size:13px; line-height:1.6; }
  .wm-process { padding-block:75px 82px; }
  .wm-process__heading h2 { font-size:clamp(37px,9.5vw,56px); }
  .wm-process__heading { margin-bottom:34px; }
  .wm-process__card { display:flex; flex-direction:column; min-height:0; }
  .wm-process__copy { padding:26px 24px 27px; }
  .wm-process__copy-main { padding:35px 0 28px; }
  .wm-process__card h3 { font-size:clamp(31px,8.2vw,45px); }
  .wm-process__copy-main > p { font-size:14px; line-height:1.65; }
  .wm-process__number-panel { min-height:148px; padding:17px 24px; border-left:0; border-top:1px solid var(--edge); }
  .wm-process__number { font-size:110px; right:18px; top:8px; }
  .wm-process__number-label { font-size:9px; }
  .wm-process__progress { max-width:90px; }
  .wm-work { padding:78px 0 86px; }
  .wm-work__heading h2 { font-size:clamp(37px,10vw,54px); }
  .wm-work__header { gap:20px; margin-bottom:40px; }
  .wm-work__project { grid-template-columns:27px minmax(0,1fr); gap:14px; padding:24px 0; min-height:118px; }
  .wm-work__project-title { font-size:clamp(23px,6.2vw,33px); }
  .wm-work__project-subtitle { font-size:12px; line-height:1.5; }
  .wm-work__project-main { gap:9px; }
  .wm-work__footer { justify-content:flex-start; padding-top:28px; }
  .wm-contact .wm-contact__inner { padding-block:28px 25px; }
  .wm-contact__content { gap:32px; padding:76px 0 69px; }
  .contact-section.wm-contact h2 { font-size:clamp(38px,10vw,57px); letter-spacing:-.06em; }
  .wm-contact__aside > p { font-size:15px; line-height:1.65; }
  .wm-contact__cta { border-radius:12px; }
  .wm-footer .wm-footer__inner { padding:32px 0 27px; }
  .wm-footer__nav { gap:12px 22px; }
  .wm-footer__bottom { gap:9px 16px; }
  .product-dialog__box { padding: clamp(26px, 6vw, 44px); }
}
@media (max-width: 360px) {
  .site-header .brand__type { font-size:21px; }
  .wm-motion__header h2 { font-size:25px; }
  .wm-motion__all { font-size:11px; padding:0 11px; min-height:40px; }
  .wm-hero--portrait .wm-hero__heading { font-size:31px; letter-spacing:-.052em; }
  .wm-motion__card { height:385px; }
  .wm-motion__v-review { top:13%; width:80%; left:10%; }
  .wm-motion__s-note { display:none; }
  .wm-motion__m-module--three { right:5%; }
  .wm-service__name { overflow-wrap:anywhere; }
  .wm-work__project-title { font-size:22px; }
}
/* Hints voor motion/accessibility. Geen trilling/zweven bij reduced motion. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .reveal, .reveal-ready .reveal { opacity:1!important; transform:none!important; }
}

/* HERO — pijltjes verbergen op mobiel en tablet */
@media (max-width: 1024px) {

    /* Pijltje bij 'Bespreek je project' */
    .wm-hero__button span[aria-hidden="true"] {
        display: none !important;
    }

    /* Scrollpijltje onderaan de hero */
    .wm-hero__scroll {
        display: none !important;
    }

}

/* WebMidox / Diensten V5 — editorial product storytelling.
   Scoped to .svc-page: no homepage or existing header changes. */
.svc-page{--wmv-ink:#131514;--wmv-mute:#666963;--wmv-line:#e4e5e2;--wmv-sheet:#f5f5f3;--wmv-radius:27px; color:var(--wmv-ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.5;overflow-x:clip}
.svc-page *, .svc-page *::before, .svc-page *::after{box-sizing:border-box}
.svc-page .container{width:min(100% - 96px,1300px);max-width:1300px;margin-inline:auto}
.svc-page h1,.svc-page h2,.svc-page h3,.svc-page p{margin:0}
.svc-page h1,.svc-page h2,.svc-page h3{font-weight:550;letter-spacing:-.055em;line-height:1.07}
.svc-page a{color:inherit;text-decoration:none}
.svc-page button,.svc-page a,.svc-page summary{-webkit-tap-highlight-color:transparent}
.svc-page a:focus-visible,.svc-page summary:focus-visible{outline:3px solid #527fef;outline-offset:5px}
.svc-page .wmv-overline{text-transform:none;font-size:14px;line-height:1.3;letter-spacing:0;font-weight:500;color:#6e716b}
.svc-page .wmv-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:28px 0 0;color:#757a76;font-size:12px}
.svc-page .wmv-crumb a:hover{text-decoration:underline;text-underline-offset:4px}
.svc-page .wmv-crumb span[aria-current]{color:#1a1b1a}
.svc-page .wmv-button{display:inline-flex;width:max-content;min-height:53px;align-items:center;justify-content:center;border-radius:99px;padding:13px 26px;background:#111212;color:#fff;font-size:15px;font-weight:550;line-height:1.25;transition:background .24s ease,transform .24s ease}
.svc-page .wmv-button:hover{background:#363938;transform:translateY(-2px)}
.svc-page .wmv-text-link{display:inline-flex;gap:19px;align-items:center;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:6px}
.svc-page .wmv-text-link span{transition:transform .2s}.svc-page .wmv-text-link:hover span{transform:translateX(3px)}
/* Overview: expressive type above a single broad product-like feature illustration */
.wmv-hero{background:#fff;padding-bottom:108px}
.wmv-hero__intro{padding:104px 0 56px}
.wmv-hero__heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);gap:55px;align-items:end;margin-top:25px}
.wmv-hero h1{font-size:clamp(54px,6.65vw,104px);letter-spacing:-.074em;max-width:960px}
.wmv-hero h1 span,.wmv-detail-hero h1 span{color:#989a98}
.wmv-hero__aside{max-width:320px;justify-self:end;padding-bottom:5px}
.wmv-hero__aside p,.wmv-detail-hero__aside p{font-size:clamp(16px,1.3vw,19px);letter-spacing:-.016em;line-height:1.57;margin-bottom:24px;color:#3a3c3a}
.wmv-feature-mast{min-height:585px;border-radius:var(--wmv-radius);overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 28% 17%,#a8c9d8 0,transparent 56%),radial-gradient(ellipse at 68% 68%,#2b3e6c 0,transparent 68%),linear-gradient(130deg,#627a9d,#111c3e 65%,#201c35);color:#fff;display:flex;align-items:center;justify-content:center;padding:70px 65px 155px}
.wmv-feature-mast::before{content:"";position:absolute;inset:0;opacity:.18;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.wmv-feature-mast__halo{position:absolute;width:740px;height:600px;border-radius:50%;background:#a3c9f4;filter:blur(120px);opacity:.17;top:-150px;left:-60px;pointer-events:none}
.wmv-chat{display:flex;flex-direction:column;gap:15px;align-items:flex-start;width:min(100%,710px);transform:translateY(-26px);position:relative;z-index:1}
.wmv-chat__bubble{max-width:72%;font-size:clamp(16px,1.75vw,22px);letter-spacing:-.027em;line-height:1.3;border-radius:24px;padding:19px 25px;box-shadow:0 11px 30px #12213d0d;animation:wmvFloat 7s ease-in-out infinite}
.wmv-chat__bubble--visitor{margin-left:auto;background:#ffffff1c;border:1px solid #ffffff87;color:#fff}
.wmv-chat__bubble--studio{background:#fff;color:#171717}
.wmv-chat__bubble:nth-child(2){animation-delay:-1.5s}.wmv-chat__bubble:nth-child(3){animation-delay:-3s}.wmv-chat__bubble:nth-child(4){animation-delay:-4.5s}
.wmv-feature-mast__bottom{position:absolute;bottom:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:2}
.wmv-feature-mast__category{color:#e2e8ef;display:block;font-size:15px;margin-bottom:8px}
.wmv-feature-mast__bottom h2{font-size:clamp(22px,2.35vw,34px);line-height:1.2;letter-spacing:-.044em}
.wmv-feature-mast__bottom p{max-width:360px;line-height:1.55;color:#e1e6ec;font-size:15px}
@keyframes wmvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* Showcase, with actual illustrative interfaces instead of stock shots */
.wmv-collection{padding:15px 0 132px}
.wmv-collection__header{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:48px}
.wmv-collection__header h2{font-size:clamp(48px,5.4vw,82px);margin-top:16px}
.wmv-collection__header>p{max-width:335px;line-height:1.62;font-size:17px;color:#5e615e}
.wmv-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wmv-service-card{display:block;min-width:0;outline-offset:5px}
.wmv-service-card__canvas{border-radius:26px;position:relative;overflow:hidden;height:465px;isolation:isolate;background:#f1f2ef;transition:filter .35s ease}
.wmv-service-card__canvas .wmv-art{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.wmv-service-card:hover .wmv-art{transform:scale(1.025)}
.wmv-service-card__caption{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:19px 5px 27px}
.wmv-service-card__caption small{font-size:12px;color:#878987}
.wmv-service-card__caption h3{font-size:clamp(26px,2.65vw,40px);margin-top:8px}
.wmv-service-card__caption p{font-size:14px;color:#696c69;margin-top:7px;letter-spacing:-.01em}
.wmv-service-card__arrow{border:1px solid #e8e9e7;border-radius:50%;display:grid;place-items:center;width:43px;height:43px;margin-top:9px;transition:background .2s,color .2s,transform .2s;flex-shrink:0}
.wmv-service-card__arrow svg{width:19px;height:19px}
.wmv-service-card:hover .wmv-service-card__arrow{background:#161817;color:#fff;transform:translate(2px,-2px)}
.wmv-service-card:last-child{grid-column:span 2}
.wmv-service-card:last-child .wmv-service-card__canvas{height:435px}
/* The five visual studies share a stretching stage */
.wmv-art{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:16px}
.wmv-art *{box-sizing:border-box}
/* Websites — editorial full browser with smaller mobile device */
.wmv-art--websites{background:radial-gradient(circle at 24% 24%,#ecede7,transparent 50%),linear-gradient(135deg,#d9e2d9,#acc4ad)}
.wmv-art__web-glow{position:absolute;width:65%;aspect-ratio:1;filter:blur(60px);background:#ffffff99;border-radius:50%;top:-30%;right:-8%}
.wmv-art__web-window{position:absolute;width:78%;height:76%;left:7%;top:12%;border-radius:15px 15px 5px 5px;background:#fff;box-shadow:0 25px 55px #233a3030;overflow:hidden}
.wmv-art__web-top{display:flex;align-items:center;justify-content:space-between;height:13%;padding:0 5%;color:#222;font-size:10px;border-bottom:1px solid #e7ebe7}
.wmv-art__web-top b{font-size:clamp(11px,1.4vw,19px);letter-spacing:-.05em}.wmv-art__web-top span{color:#878a83;font-size:9px}.wmv-art__web-top i{width:23px;height:12px;border-top:1px solid #222;border-bottom:1px solid #222}
.wmv-art__web-body{height:87%;padding:6% 7% 0;position:relative;overflow:hidden;color:#242e29;background:#f7f8f3}
.wmv-art__web-body>small{font-size:9px;letter-spacing:.12em}
.wmv-art__web-body>strong{display:block;font-size:clamp(19px,2.6vw,38px);line-height:1.08;letter-spacing:-.06em;margin:14px 0 15px;font-weight:550;position:relative;z-index:2}
.wmv-art__web-photo{height:57%;position:absolute;left:6%;right:6%;bottom:-9%;background:linear-gradient(140deg,#a3b19e,#d8d9c6 48%,#93a59a);border-radius:130px 130px 0 0;overflow:hidden}
.wmv-art__web-form{position:absolute;width:47%;height:110%;left:25%;top:20%;border-radius:52% 48% 0 0;background:#405b49;transform:rotate(18deg)}
.wmv-art__web-form--small{left:55%;top:12%;width:25%;background:#f0e3c7;transform:rotate(-28deg)}
.wmv-art__web-caption{position:absolute;left:7%;bottom:6%;font-size:10px;color:#fff;z-index:3}
.wmv-art__web-mobile{position:absolute;width:24%;height:53%;right:5%;bottom:4%;border:6px solid #1c211e;background:#f8f9f5;border-radius:25px;box-shadow:0 19px 25px #15201530;display:flex;flex-direction:column;padding:11% 3% 0;color:#202920}
.wmv-art__web-mobile i{position:absolute;top:8px;left:35%;width:30%;height:9px;border-radius:9px;background:#191b18}
.wmv-art__web-mobile small{font-size:9px;margin-bottom:20%}
.wmv-art__web-mobile strong{font-size:clamp(9px,1.3vw,17px);font-weight:600;line-height:1.2;letter-spacing:-.04em}
.wmv-art__web-mobile span{margin-top:20%;height:65%;border-radius:90px 90px 0 0;background:linear-gradient(45deg,#829c88,#d1cfb5)}
/* Webshops — tactile ceramic product with calm storefront UI */
.wmv-art--webshops{background:linear-gradient(130deg,#e5ddd2,#efe8dd)}
.wmv-art__shop-window{width:85%;height:80%;display:flex;flex-direction:column;background:#fffdf9;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #60554722}
.wmv-art__shop-bar{height:15%;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ece7df;color:#302c26}
.wmv-art__shop-bar b{font-size:clamp(12px,1.35vw,18px);letter-spacing:-.06em}
.wmv-art__shop-bar span{font-size:9px;color:#89847b}
.wmv-art__shop-layout{display:grid;grid-template-columns:1.05fr .95fr;flex:1;min-height:0}
.wmv-art__shop-product{background:#f0ebe3;display:grid;place-items:center;padding:10%}
.wmv-art__shop-tile{background:#fffcf6;width:min(86%,220px);aspect-ratio:1;box-shadow:2px 12px 24px #8d827a25,0 0 0 2px #e3d8cd;position:relative;display:grid;place-items:center;border-radius:4px;transform:rotate(-7deg)}
.wmv-art__shop-tile strong{text-align:center;font-family:Georgia,serif;font-size:clamp(15px,2.25vw,32px);line-height:1.1;font-weight:400;color:#48607d}
.wmv-art__shop-tile strong em{font-weight:400}
.wmv-art__shop-sprig{position:absolute;width:25%;height:25%;left:8%;top:8%;border-left:2px solid #7f98b3;border-top:2px solid #7f98b3;border-radius:55% 0 0 0}
.wmv-art__shop-sprig--bottom{left:auto;top:auto;right:8%;bottom:8%;transform:rotate(180deg)}
.wmv-art__shop-copy{padding:15% 10% 8%;display:flex;flex-direction:column;align-items:start;color:#302d27}
.wmv-art__shop-copy small{font-size:9px;letter-spacing:.1em;color:#8f887f}
.wmv-art__shop-copy strong{font-size:clamp(14px,2vw,27px);font-weight:550;letter-spacing:-.04em;line-height:1.16;margin:14px 0}
.wmv-art__shop-copy>span:not(.wmv-art__shop-buy){font-size:10px;color:#8a857c}
.wmv-art__shop-copy i{height:1px;width:95%;background:#e5dfd4;margin:20px 0 16px}
.wmv-art__shop-buy{border-radius:30px;background:#22231f;color:#fff;width:100%;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:auto;gap:3px}
.wmv-art__shop-buy b{font-size:14px;font-weight:400}
/* Webapplicaties — convincing neutral dashboard, not fake live metrics */
.wmv-art--webapplicaties{background:radial-gradient(circle at 90% 0,#4b6779,transparent 50%),#1b2730;padding:8%}
.wmv-art__app-window{display:grid;grid-template-columns:25% 75%;width:96%;height:83%;background:#fafbf9;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #0005}
.wmv-art__app-sidebar{background:#e9edea;padding:10% 7%;display:flex;flex-direction:column;gap:5%;color:#626b65;font-size:clamp(8px,.96vw,13px)}
.wmv-art__app-sidebar b{color:#202a22;font-size:clamp(13px,1.45vw,22px);letter-spacing:-.065em;margin-bottom:25%;margin-left:7%}
.wmv-art__app-sidebar span{padding:7% 9%;white-space:nowrap;display:block;border-radius:6px}
.wmv-art__app-sidebar span.is-on{background:#d9e0d9;color:#233729}
.wmv-art__app-main{padding:7% 7% 4%;color:#202722;min-width:0}
.wmv-art__app-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.wmv-art__app-top small{color:#7f867f;letter-spacing:.08em;font-size:clamp(7px,.8vw,10px)}
.wmv-art__app-top i{border:1px solid #cad1cc;width:16px;height:16px;border-radius:50%}
.wmv-art__app-main h3{font-size:clamp(16px,2.2vw,31px);letter-spacing:-.062em;margin:8% 0 5px}
.wmv-art__app-main>p{font-size:clamp(8px,.94vw,12px);color:#777f78}
.wmv-art__app-grid{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:9%}
.wmv-art__app-grid>div{padding:8%;border:1px solid #e3e7e3;border-radius:10px;min-width:0}
.wmv-art__app-grid small{display:block;color:#8c918b;font-size:clamp(7px,.72vw,10px);margin-bottom:14px}
.wmv-art__app-row{display:flex;align-items:center;gap:6px;padding:5px 0;border-top:1px solid #edeff0;color:#4f5a50}
.wmv-art__app-row i{height:10px;width:10px;flex-shrink:0;border-radius:3px;background:#d0dcd3}
.wmv-art__app-row b{font-size:clamp(7px,.8vw,11px);font-weight:500}
.wmv-art__app-stroke{display:block;width:90%;height:9px;border-radius:12px;background:#dce3dd;margin-bottom:12px}.wmv-art__app-stroke:nth-child(3){width:60%}
/* Design — a genuine looking brand exploration */
.wmv-art--grafisch-ontwerp{background:#d4d6d0}
.wmv-art__design-sheet{position:absolute;left:11%;top:7%;width:68%;height:85%;background:#fffefa;box-shadow:0 16px 40px #54595122;transform:rotate(-7deg);padding:7%;color:#191b17;display:flex;flex-direction:column;justify-content:space-between}
.wmv-art__design-sheet>small{font-size:9px;letter-spacing:.11em;color:#787e76}
.wmv-art__design-sheet>strong{font-size:clamp(85px,13vw,186px);font-weight:550;line-height:.8;letter-spacing:-.095em}
.wmv-art__design-sheet>strong span{color:#9cb3a6}
.wmv-art__design-alphabet{font-size:clamp(8px,1vw,14px);letter-spacing:.04em;line-height:1.7;color:#5c615b}
.wmv-art__design-bottom{border-top:1px solid #d9dad4;padding-top:15px;font-size:9px;letter-spacing:.13em}
.wmv-art__design-card{position:absolute;right:7%;bottom:9%;height:42%;width:45%;background:#264a3d;color:#fff;box-shadow:0 20px 40px #3336;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:space-between;padding:5%}
.wmv-art__design-card>span{font-size:9px;color:#e0ece2;letter-spacing:.05em}
.wmv-art__design-card strong{font-size:clamp(20px,2.6vw,37px);line-height:1.08;letter-spacing:-.06em;font-weight:500}
.wmv-art__design-card>div{display:flex;gap:6px}.wmv-art__design-card i{width:23px;height:23px;border-radius:50%;background:#90b4a3}.wmv-art__design-card i:nth-child(2){background:#f7eee0}.wmv-art__design-card i:nth-child(3){background:#b4c6cd}
/* Hosting — clean administrative panels, no invented up-time claims */
.wmv-art--hosting-onderhoud{background:#e6eae6;padding:9%}
.wmv-art__hosting-ui{width:93%;height:85%;background:#fff;border-radius:16px;box-shadow:0 18px 40px #59645921;overflow:hidden}
.wmv-art__hosting-top{height:28%;padding:7%;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #ebedeb;color:#232823}
.wmv-art__hosting-top span{font-size:9px;color:#7a8179;letter-spacing:.1em}
.wmv-art__hosting-top b{font-size:clamp(17px,2.35vw,32px);letter-spacing:-.05em;font-weight:550}
.wmv-art__hosting-body{display:grid;grid-template-columns:1.08fr .92fr;height:72%}
.wmv-art__hosting-list{padding:7%}
.wmv-art__hosting-list>div{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;column-gap:9px;row-gap:1px;padding:8% 0;border-bottom:1px solid #edf0ed}
.wmv-art__hosting-dot{width:8px;height:8px;background:#91b39d;border-radius:50%;grid-row:span 2}
.wmv-art__hosting-list b{font-size:clamp(10px,1.25vw,16px);font-weight:550;white-space:nowrap}
.wmv-art__hosting-list small{font-size:clamp(8px,.85vw,11px);color:#8e938e}
.wmv-art__hosting-aside{padding:11%;background:#f7f8f5;display:flex;flex-direction:column;gap:13px}
.wmv-art__hosting-aside small{font-size:9px;letter-spacing:.05em;color:#7d857d}
.wmv-art__hosting-aside strong{font-size:clamp(14px,2vw,28px);line-height:1.18;letter-spacing:-.055em;font-weight:550}
.wmv-art__hosting-aside span{display:block;width:94%;height:13px;background:#e0e6df;border-radius:8px;margin-top:auto}.wmv-art__hosting-aside span:last-child{width:58%;margin-top:0}
/* Belief, steps, and conversion — quiet, airy transitions */
.wmv-belief{padding:120px 0;background:#f6f6f4}
.wmv-belief__layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8%}
.wmv-belief h2{font-size:clamp(42px,4.8vw,73px);margin-top:19px;max-width:800px}
.wmv-belief__text{max-width:400px}.wmv-belief__text p{font-size:18px;color:#535853;line-height:1.65;margin-bottom:30px}
.wmv-steps{padding:125px 0 145px}
.wmv-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:55px}
.wmv-section-head h2{font-size:clamp(43px,5vw,76px);margin-top:14px}
.wmv-section-head>p:last-child{max-width:310px;color:#666965;font-size:16px;line-height:1.6}
.wmv-steps__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wmv-steps__grid article{border-top:1px solid #cfd2ce;padding-top:21px}
.wmv-steps__number{font-size:13px;color:#868b85}
.wmv-steps__grid h3{font-size:clamp(25px,2.5vw,36px);margin:70px 0 13px}
.wmv-steps__grid p{font-size:16px;line-height:1.55;color:#606561;max-width:350px}
.wmv-contact{padding:0 0 88px}
.wmv-contact__inner{background:#eeefed;border-radius:26px;padding:70px 74px;display:grid;grid-template-columns:1fr .55fr;gap:10%;align-items:end}
.wmv-contact h2{font-size:clamp(50px,5.8vw,88px);margin-top:17px}
.wmv-contact__inner>div:last-child{max-width:380px}
.wmv-contact__inner>div:last-child p{font-size:18px;color:#565b57;line-height:1.6;margin-bottom:25px}
/* Detail pages — no dark standard template, content first, experience second */
.wmv-detail-hero{padding-bottom:86px}
.wmv-detail-hero__intro{display:grid;grid-template-columns:1fr minmax(270px,360px);align-items:end;gap:60px;padding:84px 0 52px}
.wmv-detail-hero h1{font-size:clamp(60px,6.9vw,104px);margin-top:26px;letter-spacing:-.075em}
.wmv-detail-hero__aside{max-width:360px}.wmv-detail-hero__aside p{font-size:19px}
.wmv-detail-hero__stage{height:590px;overflow:hidden;border-radius:26px;background:#f0f0ee;position:relative;isolation:isolate}
.wmv-detail-hero__stage .wmv-art{width:100%;height:100%}
.wmv-detail-hero__stage--websites .wmv-art__web-window{max-width:850px}.wmv-detail-hero__stage--websites .wmv-art__web-mobile{max-width:250px}
.wmv-detail-hero__stage--webapplicaties .wmv-art__app-window{max-width:930px}
.wmv-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;color:#808480;font-size:12px}
.wmv-context{padding:95px 0 118px}
.wmv-context__grid{display:grid;grid-template-columns:.4fr 1fr;gap:9%;align-items:start}
.wmv-context__grid>div{max-width:920px}
.wmv-context h2{font-size:clamp(42px,4.7vw,72px);margin-bottom:28px}
.wmv-context p:not(.wmv-overline){font-size:clamp(17px,1.55vw,23px);color:#676b67;max-width:720px;line-height:1.57}
.wmv-features{padding:110px 0 125px;background:#f6f6f4}
.wmv-features__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wmv-feature{border:1px solid #e9eae7;background:#fff;min-height:365px;border-radius:25px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.wmv-feature:nth-child(2),.wmv-feature:nth-child(3){background:#e5e8e4;border-color:#e5e8e4}
.wmv-feature__index{font-size:13px;color:#8b918d}
.wmv-feature__content{position:relative;z-index:3;max-width:355px}
.wmv-feature__content h3{font-size:clamp(25px,2.7vw,39px);margin-bottom:12px;letter-spacing:-.06em}
.wmv-feature__content p{font-size:15px;line-height:1.58;color:#616762}
.wmv-feature__drawing{position:absolute;right:-30px;top:24px;height:150px;width:210px;opacity:.7;pointer-events:none}
.wmv-feature__line{height:10px;display:block;border-radius:9px;background:#e0e7e3;width:69%;margin:13px 0}.wmv-feature__line--large{height:40px;width:82%}.wmv-feature__line--small{width:42%}
.wmv-feature__devices{display:flex;justify-content:center;align-items:center;gap:7px;height:100%}.wmv-feature__devices i{width:120px;height:80px;border:5px solid #cbd4cc;background:#f9faf7;border-radius:12px}.wmv-feature__devices i+ i{height:95px;width:51px;border-radius:12px}
.wmv-feature__columns{display:flex;align-items:end;gap:11px;height:100%;padding-left:45px}.wmv-feature__columns i{background:#d8e0d9;height:70%;width:25px;border-radius:6px 6px 0 0}.wmv-feature__columns i:nth-child(2){height:44%}.wmv-feature__columns i:nth-child(3){height:90%}.wmv-feature__columns i:nth-child(4){height:60%}
.wmv-feature__layers i{display:block;position:absolute;width:132px;height:79px;border:2px solid #d2ddd4;border-radius:15px;top:20px;left:30px;transform:rotate(-5deg)}.wmv-feature__layers i:nth-child(2){top:35px;left:53px}.wmv-feature__layers i:nth-child(3){top:50px;left:76px}
.wmv-included{background:#fff;padding:120px 0}
.wmv-included__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12%;align-items:start}
.wmv-included h2{font-size:clamp(45px,5vw,76px);margin:15px 0 23px}
.wmv-included__layout>div:first-child>p:last-child{font-size:18px;line-height:1.55;color:#666b66;max-width:390px}
.wmv-included__list{border-top:1px solid var(--wmv-line)}
.wmv-included__row{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--wmv-line);padding:24px 7px}
.wmv-included__row span{color:#929691;font-size:12px}.wmv-included__row strong{font-size:clamp(17px,1.7vw,25px);line-height:1.23;font-weight:500;letter-spacing:-.035em}
.wmv-steps--detail{background:#f6f6f4;padding:115px 0 125px}
.wmv-faq{padding:126px 0}
.wmv-faq__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}
.wmv-faq h2{font-size:clamp(45px,4.85vw,75px);margin-top:18px}
.wmv-faq__items{border-top:1px solid #dce0dc}
.wmv-faq details{border-bottom:1px solid #dce0dc}
.wmv-faq summary{list-style:none;cursor:pointer;padding:26px 3px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:clamp(17px,1.5vw,22px);font-weight:500;letter-spacing:-.025em}
.wmv-faq summary::-webkit-details-marker{display:none}
.wmv-faq__plus{width:16px;height:16px;flex-shrink:0;position:relative;transition:transform .2s}.wmv-faq__plus::before,.wmv-faq__plus::after{content:"";position:absolute;background:#222;left:0;top:7px;width:16px;height:1px}.wmv-faq__plus::after{transform:rotate(90deg)}.wmv-faq details[open] .wmv-faq__plus{transform:rotate(45deg)}
.wmv-faq details>p{padding:0 42px 25px 3px;font-size:16px;line-height:1.65;color:#686e68}
.wmv-related{background:#fff;padding:20px 0 130px}
.wmv-related__head{margin-bottom:28px}.wmv-related__head h2{font-size:clamp(35px,3.9vw,55px);margin-top:15px}
.wmv-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.wmv-related__item{background:#f2f3f0;min-height:240px;border-radius:23px;padding:30px 32px;display:flex;flex-direction:column;transition:background .2s,transform .2s}
.wmv-related__item:nth-child(2){background:#e9eeeb}.wmv-related__item:hover{transform:translateY(-3px);background:#e3e6e1}
.wmv-related__item>span{font-size:12px;color:#777b77}
.wmv-related__item strong{font-size:clamp(26px,2.5vw,36px);font-weight:550;letter-spacing:-.055em;line-height:1.1;margin:22px 0 8px}
.wmv-related__item p{font-size:15px;color:#687069}.wmv-related__item small{font-size:14px;font-weight:550;margin-top:auto;padding-top:28px}
.wmv-related__item small span{padding-left:8px}
/* Medium devices */
@media(max-width:1100px){
 .svc-page .container{width:min(100% - 64px,1300px)}
 .wmv-hero__heading,.wmv-detail-hero__intro{gap:30px}
 .wmv-hero h1,.wmv-detail-hero h1{font-size:clamp(54px,6.3vw,82px)}
 .wmv-feature-mast{min-height:545px}
 .wmv-service-card__canvas{height:365px}
 .wmv-detail-hero__stage{height:535px}
 .wmv-art__shop-window{width:92%}
 .wmv-art__web-window{width:82%}
 .wmv-art__web-mobile{right:4%}
 .wmv-belief__layout{gap:4%}
 .wmv-contact__inner{padding:57px 54px}
}
@media(max-width:760px){
 .svc-page .container{width:calc(100% - 36px)}
 .svc-page .wmv-crumb{padding:20px 0 0;font-size:11px}
 .svc-page .wmv-button{min-height:50px;font-size:14px;padding:13px 23px}
 .svc-page .wmv-overline{font-size:13px}
 .wmv-hero{padding-bottom:70px}
 .wmv-hero__intro{padding:74px 0 33px}
 .wmv-hero__heading,.wmv-detail-hero__intro{display:flex;flex-direction:column;align-items:stretch;gap:25px}
 .wmv-hero h1,.wmv-detail-hero h1{font-size:clamp(43px,8vw,67px);letter-spacing:-.072em;line-height:1.1}
 .wmv-hero__aside,.wmv-detail-hero__aside{max-width:100%;justify-self:initial;padding:0}
 .wmv-hero__aside p,.wmv-detail-hero__aside p{font-size:17px;max-width:590px;margin-bottom:22px;line-height:1.57}
 .wmv-feature-mast{min-height:590px;border-radius:22px;padding:50px 20px 210px}
 .wmv-chat{gap:13px;transform:none}
 .wmv-chat__bubble{max-width:87%;padding:16px 18px;border-radius:20px;font-size:17px}
 .wmv-feature-mast__bottom{left:27px;right:27px;bottom:29px;display:block}
 .wmv-feature-mast__bottom h2{font-size:24px;margin-bottom:11px}
 .wmv-feature-mast__bottom p{font-size:14px;max-width:310px}
 .wmv-collection{padding:25px 0 88px}
 .wmv-collection__header{display:block;margin-bottom:29px}
 .wmv-collection__header h2{font-size:clamp(39px,8vw,60px)}
 .wmv-collection__header>p{margin-top:20px;max-width:460px;font-size:16px}
 .wmv-collection__grid{grid-template-columns:1fr;gap:30px}
 .wmv-service-card:last-child{grid-column:auto}
 .wmv-service-card__canvas,.wmv-service-card:last-child .wmv-service-card__canvas{height:clamp(320px,95vw,500px);border-radius:22px}
 .wmv-service-card__caption{padding:15px 3px 0}
 .wmv-service-card__caption h3{font-size:29px}
 .wmv-service-card__caption p{font-size:14px}
 .wmv-service-card__arrow{width:38px;height:38px}
 .wmv-art__web-body>strong{font-size:clamp(22px,5.4vw,37px)}
 .wmv-art__web-mobile strong{font-size:12px}.wmv-art__web-mobile small{font-size:8px}
 .wmv-art__shop-copy strong{font-size:clamp(17px,4vw,26px)}
 .wmv-art__app-main h3{font-size:clamp(18px,4.5vw,30px)}
 .wmv-art__app-main>p{font-size:10px}
 .wmv-art__app-sidebar{font-size:10px}.wmv-art__app-sidebar b{font-size:15px}
 .wmv-art__app-top small{font-size:8px}.wmv-art__app-grid small{font-size:8px}.wmv-art__app-row b{font-size:8px}
 .wmv-art__design-sheet>strong{font-size:clamp(90px,25vw,160px)}.wmv-art__design-card strong{font-size:25px}.wmv-art__design-alphabet{font-size:11px}
 .wmv-art__hosting-top b{font-size:23px}.wmv-art__hosting-list b{font-size:12px}.wmv-art__hosting-list small{font-size:9px}.wmv-art__hosting-aside strong{font-size:20px}
 .wmv-belief{padding:77px 0}
 .wmv-belief__layout{display:block}
 .wmv-belief h2{font-size:clamp(39px,8vw,59px);margin-bottom:24px}
 .wmv-belief__text p{font-size:17px}
 .wmv-steps{padding:80px 0 90px}
 .wmv-section-head{display:block;margin-bottom:34px}
 .wmv-section-head h2{font-size:clamp(40px,8vw,61px)}
 .wmv-section-head>p:last-child{font-size:16px;margin-top:15px}
 .wmv-steps__grid{grid-template-columns:1fr;gap:25px}
 .wmv-steps__grid article{padding:18px 0 20px}
 .wmv-steps__grid h3{font-size:29px;margin:28px 0 9px}
 .wmv-steps__grid p{font-size:16px}
 .wmv-contact{padding:0 0 38px}
 .wmv-contact__inner{grid-template-columns:1fr;gap:28px;border-radius:22px;padding:40px 28px}
 .wmv-contact h2{font-size:clamp(46px,9vw,66px)}
 .wmv-contact__inner>div:last-child p{font-size:16px}
 .wmv-detail-hero{padding-bottom:65px}
 .wmv-detail-hero__intro{padding:65px 0 34px}
 .wmv-detail-hero h1{font-size:clamp(44px,9vw,70px)}
 .wmv-detail-hero__stage{height:clamp(385px,118vw,560px);border-radius:22px}
 .wmv-stage-foot{font-size:11px}
 .wmv-context{padding:68px 0 85px}
 .wmv-context__grid{grid-template-columns:1fr;gap:22px}
 .wmv-context h2{font-size:clamp(38px,7.8vw,58px);margin-bottom:21px}
 .wmv-context p:not(.wmv-overline){font-size:18px}
 .wmv-features{padding:76px 0 85px}
 .wmv-features__grid{grid-template-columns:1fr;gap:14px}
 .wmv-feature{min-height:345px;border-radius:21px;padding:25px}
 .wmv-feature__content h3{font-size:31px}
 .wmv-feature__drawing{right:-65px;top:0;transform:scale(.85)}
 .wmv-included{padding:76px 0 90px}
 .wmv-included__layout{grid-template-columns:1fr;gap:40px}
 .wmv-included h2{font-size:clamp(39px,8vw,60px)}
 .wmv-included__row strong{font-size:18px}
 .wmv-steps--detail{padding:80px 0 100px}
 .wmv-faq{padding:80px 0}
 .wmv-faq__grid{grid-template-columns:1fr;gap:31px}
 .wmv-faq h2{font-size:47px}
 .wmv-faq summary{padding:21px 0;font-size:18px}
 .wmv-faq details>p{font-size:15px;padding-left:0}
 .wmv-related{padding:0 0 90px}
 .wmv-related__head h2{font-size:36px}
 .wmv-related__grid{grid-template-columns:1fr;gap:12px}
 .wmv-related__item{min-height:225px;padding:25px}
 .wmv-related__item strong{font-size:31px}
}
@media(max-width:360px){
 .svc-page .container{width:calc(100% - 28px)}
 .wmv-chat__bubble{font-size:15px;padding:14px 15px}
 .wmv-feature-mast{min-height:560px}
 .wmv-feature-mast__bottom{left:20px;right:20px}
 .wmv-service-card__canvas,.wmv-service-card:last-child .wmv-service-card__canvas{height:320px}
 .wmv-art__shop-bar span{font-size:7px}
 .wmv-art__app-sidebar span{font-size:8px}
 .wmv-art__hosting-list b{font-size:10px}
 .wmv-art__hosting-aside strong{font-size:17px}
 .wmv-detail-hero__stage{height:385px}
 .wmv-stage-foot span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.svc-page *,.svc-page *::before,.svc-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* V5 feature stories: purposefully large, tangible product compositions */
.wmv-stories{padding:110px 0 125px;background:#fff}
.wmv-stories__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.38fr);gap:60px;align-items:end;margin-bottom:47px}
.wmv-stories__heading h2{font-size:clamp(46px,5vw,79px);letter-spacing:-.07em;margin-top:16px}
.wmv-stories__heading>p{font-size:17px;color:#636863;line-height:1.58;padding-bottom:5px;max-width:340px}
.wmv-stories__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.wmv-story{background:#f3f4f1;border:1px solid #e8e9e7;border-radius:28px;overflow:hidden;min-width:0;min-height:652px;display:flex;flex-direction:column}
.wmv-story--primary{background:#e7eeeb;border-color:#e7eeeb}
.wmv-story--secondary{background:#f4f3f0}
.wmv-story--webshops.wmv-story--primary{background:#eee8df;border-color:#eee8df}
.wmv-story--webapplicaties.wmv-story--primary{background:#e8edee;border-color:#e8edee}
.wmv-story--grafisch-ontwerp.wmv-story--primary{background:#ede8e1;border-color:#ede8e1}
.wmv-story--hosting-onderhoud.wmv-story--primary{background:#e7eceb;border-color:#e7eceb}
.wmv-story__visual{height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 30px 12px}
.wmv-story__copy{padding:16px 40px 39px;margin-top:auto}
.wmv-story__copy>span{display:block;color:#737c75;font-size:13px;margin-bottom:14px}
.wmv-story__copy h3{font-size:clamp(32px,3vw,47px);line-height:1.09;letter-spacing:-.06em;font-weight:550;margin-bottom:15px}
.wmv-story__copy p{font-size:16px;line-height:1.62;color:#59625a;max-width:400px}
.wmv-stories__more{border-top:1px solid #dedfdb;margin-top:65px}
.wmv-stories__line{display:grid;grid-template-columns:65px minmax(180px,.65fr) minmax(0,1fr);gap:30px;align-items:start;border-bottom:1px solid #dedfdb;padding:31px 0}
.wmv-stories__line>span{font-size:13px;color:#8f9691;margin-top:7px}
.wmv-stories__line h3{font-size:clamp(23px,2.3vw,34px);font-weight:550}
.wmv-stories__line p{font-size:16px;color:#606762;line-height:1.65;max-width:450px}
/* Presentation screens: concept-only details, no pretend real-world client data */
.wmv-study-browser,.wmv-study-shop,.wmv-study-portal{background:white;border:1px solid #e4e8e4;box-shadow:0 22px 70px #34493e22;overflow:hidden}
.wmv-study-browser{width:min(100%,490px);height:330px;border-radius:18px 18px 4px 4px;transform:rotate(-2deg) translateY(15px)}
.wmv-study-browser__top{height:49px;padding:0 22px;border-bottom:1px solid #f0f0ed;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.wmv-study-browser__top strong{font-size:17px;letter-spacing:-.05em}.wmv-study-browser__top span{color:#8e908c}
.wmv-study-browser__site{padding:21px 27px;position:relative;height:calc(100% - 49px);background:#fafaf7}
.wmv-study-browser__site small{font-size:9px;letter-spacing:.13em;color:#70756e}
.wmv-study-browser__site strong{display:block;font-size:34px;letter-spacing:-.07em;line-height:1.04;margin:12px 0 0;position:relative;z-index:2}
.wmv-study-browser__picture{position:absolute;left:35%;bottom:-50px;width:54%;height:210px;border-radius:130px 130px 0 0;background:radial-gradient(ellipse at 65% 30%,#fff8 2%,transparent 47%),linear-gradient(125deg,#859d8e,#bbc7ae 75%);transform:rotate(-16deg)}
.wmv-study-phone{position:relative;background:#fbfaf7;border:8px solid #202321;border-radius:32px;width:238px;height:365px;padding:25px 17px 0;box-shadow:0 18px 55px #171e1826;transform:rotate(6deg) translateY(40px);overflow:hidden}
.wmv-study-phone__top{display:flex;justify-content:space-between;font-weight:650;font-size:15px}.wmv-study-phone__top span{font-weight:400}
.wmv-study-phone strong{font-size:25px;line-height:1.08;letter-spacing:-.06em;display:block;margin:34px 0 17px}
.wmv-study-phone__photo{height:170px;background:linear-gradient(45deg,#b3c4af,#7e9b89);border-radius:100px 100px 0 0}
.wmv-study-phone small{font-size:9px;position:absolute;bottom:7px;left:15px;color:#737a73}
.wmv-study-shop{width:min(100%,470px);height:340px;border-radius:17px;transform:rotate(-2deg) translateY(19px);background:#fffcf7}
.wmv-study-shop__top,.wmv-study-shop__bottom{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px}
.wmv-study-shop__top{font-weight:650;border-bottom:1px solid #ede7dd}.wmv-study-shop__top span,.wmv-study-shop__bottom{color:#79766c;font-weight:400}
.wmv-study-shop__product{height:242px;background:#e6dccc;display:grid;place-items:center}
.wmv-study-shop__product span{width:185px;aspect-ratio:1;background:#fffbf1;border-radius:12px;box-shadow:8px 12px 24px #554c3b20;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#476a8e;font:20px Georgia,serif;transform:rotate(-6deg)}
.wmv-study-shop__product em{font-style:italic}
.wmv-study-checkout{width:min(100%,365px);background:#fff;border:1px solid #e4e2dd;border-radius:22px;padding:28px 25px;box-shadow:0 20px 50px #30291c12;transform:rotate(3deg)}
.wmv-study-checkout>small,.wmv-study-portal>small{font-size:10px;color:#83847d;letter-spacing:.09em}
.wmv-study-checkout h4,.wmv-study-portal h4{font-size:32px;font-weight:550;letter-spacing:-.06em;margin:12px 0 24px}
.wmv-study-checkout__item{display:grid;grid-template-columns:54px 1fr 15px;gap:13px;align-items:center;border-block:1px solid #ecece9;padding:18px 0;font-size:13px}
.wmv-study-checkout__item>i{height:55px;background:#e0d0bd;border-radius:7px}
.wmv-study-checkout__item small{display:block;color:#92928b;font-size:11px;margin-top:4px}
.wmv-study-checkout__lines{margin:21px 0}.wmv-study-checkout__lines i{display:block;width:80%;height:9px;background:#f0f1ee;border-radius:9px;margin-bottom:8px}.wmv-study-checkout__lines i:last-child{width:50%}
.wmv-study-checkout__action{background:#20231f;color:#fff;padding:14px 12px;text-align:center;border-radius:35px;font-size:12px}
.wmv-study-portal{width:min(100%,485px);border-radius:17px;height:325px;padding:0 25px 24px;transform:rotate(-2deg) translateY(15px)}
.wmv-study-portal__nav{margin-inline:-25px;padding:0 22px;height:53px;border-bottom:1px solid #e5e9e8;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:650;letter-spacing:-.05em}
.wmv-study-portal__nav span{font-size:9px;letter-spacing:0;color:#858c89;font-weight:400}
.wmv-study-portal>small{display:block;margin-top:22px}.wmv-study-portal h4{margin:12px 0 22px}
.wmv-study-portal__tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wmv-study-portal__tiles span{background:#e9f0ed;border-radius:10px;padding:16px;font-size:12px;display:flex;flex-direction:column;gap:15px}.wmv-study-portal__tiles i{background:#c7d9d0;border-radius:8px;width:65%;height:9px}
.wmv-study-portal__row{margin-top:13px;border-top:1px solid #edf0ef;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#777}.wmv-study-portal__row span{color:#1f2321}
.wmv-study-integration{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}
.wmv-study-integration__node,.wmv-study-integration__hub{border:1px solid #d8e2de;background:white;border-radius:13px;padding:17px 15px;font-size:12px;box-shadow:0 10px 25px #344d4215}
.wmv-study-integration__hub{background:#1b3a34;color:#fff;font-size:20px;font-weight:650;padding:24px;border-color:#1b3a34}
.wmv-study-integration__connector{width:26px;height:1px;background:#869e90}.wmv-study-integration>small{width:100%;text-align:center;font-size:12px;color:#868d86;margin-top:10px}
.wmv-study-type{width:100%;padding:25px 35px;color:#3a352f}
.wmv-study-type>span{font-size:12px;letter-spacing:.12em}.wmv-study-type strong{display:block;margin:35px 0 12px;font-size:clamp(46px,5vw,79px);line-height:1.02;letter-spacing:-.075em}
.wmv-study-type__line{height:1px;background:#9a958e;margin:24px 0 14px}.wmv-study-type small{font-size:13px;color:#80786e}
.wmv-study-identity{width:90%;height:310px;border-radius:15px;background:#faf9f5;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 39px #655c4b19}
.wmv-study-identity__mark{font-family:Georgia,serif;font-size:120px;line-height:1;color:#33332d;letter-spacing:-.09em}
.wmv-study-identity__palette{display:flex;gap:6px;margin:15px 0}.wmv-study-identity__palette i{height:25px;width:55px;background:#d0c4b1;border-radius:4px}.wmv-study-identity__palette i:nth-child(2){background:#a1b2a2}.wmv-study-identity__palette i:nth-child(3){background:#515e54}.wmv-study-identity__palette i:nth-child(4){background:#262c29}
.wmv-study-identity small{color:#6e716c;font-size:12px;margin-top:12px}
.wmv-study-host{width:min(100%,485px);background:#fdfefd;border:1px solid #dfe9e4;border-radius:21px;overflow:hidden;box-shadow:0 16px 45px #304c4322}
.wmv-study-host>div:first-child{padding:27px 28px 22px;background:#17362f;color:#fff;display:flex;flex-direction:column;gap:10px}
.wmv-study-host>div:first-child span{font-size:11px;color:#bed3cb}.wmv-study-host>div:first-child strong{font-size:26px;letter-spacing:-.045em}
.wmv-study-host__rows span{display:flex;justify-content:space-between;padding:16px 23px;border-top:1px solid #edf0ed;font-size:14px}.wmv-study-host__rows b{color:#6d8f78;font-size:11px;font-weight:500}
.wmv-study-maintain{display:flex;flex-direction:column;align-items:center;text-align:center;gap:17px;color:#243b31}
.wmv-study-maintain__circle{width:115px;height:115px;border:1px solid #bacdc2;border-radius:50%;font-size:67px;display:grid;place-items:center;font-family:Arial,sans-serif}
.wmv-study-maintain strong{font-size:32px;letter-spacing:-.05em;line-height:1.1}.wmv-study-maintain small{font-size:13px;color:#758d80}
@media(max-width:760px){
 .wmv-stories{padding:77px 0 85px}
 .wmv-stories__heading{grid-template-columns:1fr;gap:16px;margin-bottom:27px}
 .wmv-stories__heading h2{font-size:clamp(38px,8vw,60px)}
 .wmv-stories__heading>p{font-size:16px}
 .wmv-stories__grid{grid-template-columns:1fr;gap:15px}
 .wmv-story{min-height:550px;border-radius:24px}
 .wmv-story__visual{height:360px;padding:24px 20px 0}
 .wmv-story__copy{padding:18px 27px 31px}
 .wmv-story__copy h3{font-size:clamp(30px,7.5vw,39px)}
 .wmv-story__copy p{font-size:15px}
 .wmv-stories__more{margin-top:40px}
 .wmv-stories__line{grid-template-columns:31px 1fr;gap:10px 15px;padding:25px 0}
 .wmv-stories__line p{grid-column:2;font-size:15px}
 .wmv-study-browser{height:295px;width:100%}
 .wmv-study-browser__site strong{font-size:27px}
 .wmv-study-phone{transform:rotate(4deg) translateY(50px)}
 .wmv-study-shop{width:100%;height:300px}
 .wmv-study-shop__product{height:205px}
 .wmv-study-shop__product span{width:158px;font-size:17px}
 .wmv-study-checkout{transform:rotate(0);padding:22px 19px}
 .wmv-study-portal{height:303px;padding-inline:15px}
 .wmv-study-portal__nav{margin-inline:-15px}
 .wmv-study-portal__nav span{font-size:8px}
 .wmv-study-type{padding-inline:12px}
 .wmv-study-type strong{font-size:clamp(43px,10vw,67px)}
 .wmv-study-identity{width:100%}
 .wmv-study-host>div:first-child{padding:21px}
}
@media(max-width:360px){.wmv-story__visual{padding-inline:14px}.wmv-study-integration{gap:6px}.wmv-study-integration__node{padding:12px 8px;font-size:10px}.wmv-study-integration__hub{padding:17px}.wmv-study-integration__connector{width:12px}}

/* ============================================================
   WebMidox / Midox Intelligence — standalone editorial page
   Scope: .mi-page. No changes to homepage, navigation or footer.
   ============================================================ */
.mi-page{--mi-ink:#141615;--mi-muted:#686d69;--mi-hair:#e3e6e2;--mi-paper:#f4f4f1;--mi-radius:28px;--mi-green:#b7cfc0;color:var(--mi-ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.5;overflow-x:clip}
.mi-page *,.mi-page *::before,.mi-page *::after{box-sizing:border-box}
.mi-page h1,.mi-page h2,.mi-page h3,.mi-page p{margin:0}
.mi-page h1,.mi-page h2,.mi-page h3{font-weight:550;line-height:1.04;letter-spacing:-.068em}
.mi-page a{color:inherit;text-decoration:none}
.mi-page a:focus-visible,.mi-page summary:focus-visible{outline:3px solid #4767bd;outline-offset:5px}
.mi-page button{font:inherit}
.mi-page section[id]{scroll-margin-top:96px}
.mi-container{width:min(calc(100% - 96px),1296px);margin-inline:auto}
.mi-kicker{font-size:14px;font-weight:550;line-height:1.4;color:#666d68;letter-spacing:0}
.mi-kicker span{color:#a0a5a0;margin-left:8px}
.mi-crumb{display:flex;gap:11px;align-items:center;padding-top:28px;font-size:12px;color:#797f7a}
.mi-crumb a:hover{text-decoration:underline;text-underline-offset:5px}
.mi-crumb [aria-current]{color:#1f2420}
.mi-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:13px 27px;border-radius:99px;font-size:15px;font-weight:550;white-space:nowrap;transition:background .25s ease,transform .25s ease}
.mi-button--dark{background:#121412;color:#fff!important}
.mi-button--dark:hover{background:#353a36;transform:translateY(-2px)}
.mi-link{font-size:15px;font-weight:550;display:inline-flex;align-items:center;gap:18px;padding-bottom:6px;border-bottom:1px solid currentColor}
.mi-link span{transition:transform .25s}
.mi-link:hover span{transform:translate(3px,-3px)}
/* ---------- Hero: typography first, then product-sized concept ---------- */
.mi-hero{background:#fff;padding-bottom:110px}
.mi-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:68px;align-items:end;padding:83px 0 55px}
.mi-hero__copy h1{font-size:clamp(66px,7.1vw,115px);margin-top:24px;max-width:900px}
.mi-hero__copy h1 em{font-weight:550;font-style:normal;color:#999f9b}
.mi-hero__aside{padding-bottom:10px}
.mi-hero__aside p{font-size:18px;line-height:1.6;color:#575e58;margin-bottom:28px}
.mi-stage{border-radius:var(--mi-radius);overflow:hidden;min-height:565px;display:grid;grid-template-columns:.41fr .59fr;background:#e8e9e6;isolation:isolate}
.mi-stage__brand{position:relative;min-width:0;background:#191d1b;color:#fff;padding:34px 35px 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.mi-stage__brand::after{content:"";position:absolute;width:125%;aspect-ratio:1;border:1px solid #dbe7df18;border-radius:50%;left:-24%;top:23%;box-shadow:0 0 0 95px #cbd7cb07,0 0 0 190px #dbe7df05;pointer-events:none}
.mi-stage__brand-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a8b0aa;font-size:10px;letter-spacing:.04em;position:relative;z-index:2}
.mi-stage__signature{font-size:clamp(73px,7.5vw,131px);font-weight:600;line-height:.91;letter-spacing:-.09em;position:relative;z-index:2}
.mi-stage__signature>span{color:#b5d2c0}
.mi-stage__signature small{display:block;font-size:clamp(18px,2.1vw,31px);font-weight:450;letter-spacing:-.045em;margin:10px 0 0 7px;color:#bcc6bf}
.mi-stage__brand>p{color:#d5dbd7;font-size:20px;line-height:1.4;max-width:240px;position:relative;z-index:2;margin-top:15px}
.mi-stage__brand-bottom{font-size:11px;color:#8c9790;letter-spacing:.02em;position:relative;z-index:2;margin-top:26px}
.mi-stage__editor{position:relative;display:flex;align-items:center;justify-content:center;padding:62px 35px;background:radial-gradient(circle at 70% 0%,#d4ded5 0,transparent 51%),#e8e9e6;overflow:hidden}
.mi-editor{width:min(100%,655px);height:415px;background:#fff;border:1px solid #dce0dc;border-radius:15px;overflow:hidden;box-shadow:0 38px 75px #36413926,0 5px 18px #35403911;transform:rotate(-2deg);animation:mi-drift 8s ease-in-out infinite}
.mi-editor__chrome{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-bottom:1px solid #eef0ed;font-size:11px;font-weight:600;color:#616962;background:#fafbf9}
.mi-editor__dots{display:flex;gap:5px}.mi-editor__dots i{width:7px;height:7px;border-radius:50%;background:#ced4ce}.mi-editor__chrome-status{font-weight:400;color:#9ca49c}
.mi-editor__body{display:grid;grid-template-columns:147px minmax(0,1fr);height:calc(100% - 44px)}
.mi-editor__sidebar{padding:25px 14px;background:#f5f7f4;border-right:1px solid #edf0eb;display:flex;flex-direction:column;align-items:stretch;gap:6px;color:#7d867d}
.mi-editor__sidebar strong{font-size:26px;color:#17201a;letter-spacing:-.09em;line-height:1;margin:0 0 26px 7px}
.mi-editor__sidebar>span{font-size:11px;padding:9px 11px;border-radius:7px}
.mi-editor__sidebar>span.is-selected{background:#e2e9e2;color:#1b3022;font-weight:650}
.mi-editor__sidebar>i{flex:1}.mi-editor__sidebar small{font-size:9px;letter-spacing:.09em;padding-left:9px}
.mi-editor__workspace{padding:26px 28px;color:#1b2420;overflow:hidden;min-width:0}
.mi-editor__workspace-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#8b958c;margin-bottom:17px}
.mi-editor__workspace>h2{font-size:32px;line-height:1.13;font-weight:550;letter-spacing:-.06em;margin-bottom:18px!important}
.mi-editor__workspace>h2 span{color:#959f96}
.mi-editor__draft{height:180px;border:1px solid #e2e6df;border-radius:10px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;background:#fdfdfb}
.mi-editor__draft>div:first-child{padding:18px;display:flex;flex-direction:column;align-items:start}
.mi-editor__draft-tag{font-size:8px;color:#7c897e;letter-spacing:.11em}
.mi-editor__draft b{font-size:22px;line-height:1.1;letter-spacing:-.06em;font-weight:550;margin:20px 0 17px}
.mi-editor__draft-line{width:83%;height:6px;background:#e6eae5;border-radius:8px;display:block;margin-bottom:7px}
.mi-editor__draft-line--short{width:55%}
.mi-editor__draft-image{background:#dbe5dd;display:grid;place-items:center}
.mi-editor__draft-image span{width:56%;aspect-ratio:1;border-radius:50% 30% 55% 25%;background:linear-gradient(145deg,#a4c5b1,#e4ebdf);transform:rotate(23deg)}
.mi-editor__workspace-foot{display:flex;gap:7px;margin-top:13px}
.mi-editor__workspace-foot span{padding:5px 11px;border:1px solid #e6eae5;border-radius:30px;color:#768178;font-size:9px}
.mi-stage__overlay{position:absolute;right:25px;bottom:40px;border-radius:13px;background:#fff;box-shadow:0 15px 30px #43514724;border:1px solid #e4e8e3;display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:11px;color:#777f77;animation:mi-drift 7.5s ease-in-out -2s infinite}
.mi-stage__overlay strong{color:#17231a;font-weight:600;font-size:12px}
.mi-stage__overlay-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#6fa986}
.mi-stage-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:18px;font-size:12px;color:#878d88}
.mi-stage-caption a{color:#252c26;font-weight:550;white-space:nowrap}
.mi-stage-caption a span{margin-left:10px}
/* ---------- What is it ---------- */
.mi-intro{padding:118px 0 132px;background:#f6f6f4}
.mi-intro__layout{display:grid;grid-template-columns:220px 1fr;gap:90px}
.mi-intro__layout>.mi-kicker{padding-top:13px}
.mi-intro h2{font-size:clamp(49px,6vw,89px);max-width:990px}
.mi-intro h2 span{color:#9ba19b}
.mi-intro__bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:850px;margin:45px 0 42px}
.mi-intro__bottom p{color:#5f665e;font-size:18px;line-height:1.68}
.mi-intro__terms{display:flex;gap:10px;flex-wrap:wrap}
.mi-intro__terms span{padding:10px 15px;border:1px solid #dfe3dc;border-radius:30px;font-size:13px;color:#667068;background:#fbfcfa}
/* ---------- Features ---------- */
.mi-features{padding:132px 0 145px}
.mi-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:56px}
.mi-section-head h2{font-size:clamp(51px,5.65vw,83px);margin-top:18px;max-width:800px}
.mi-section-head>p{width:290px;max-width:100%;flex:none;color:#676d68;font-size:17px;line-height:1.65;margin-bottom:4px}
.mi-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mi-feature{min-width:0;border-radius:var(--mi-radius);overflow:hidden;background:#f1f2f0;display:flex;flex-direction:column}
.mi-feature__visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mi-feature__copy{padding:34px 36px 43px;min-height:240px}
.mi-feature__copy>span{font-size:13px;color:#6b736c}
.mi-feature__copy h3{font-size:clamp(34px,3.15vw,48px);margin:13px 0 15px}
.mi-feature__copy p{font-size:17px;color:#5a635c;line-height:1.57;max-width:455px}
.mi-feature__visual--canvas{background:#eeefec;padding:8%}
.mi-canvas-ui{width:95%;height:89%;background:#fff;border-radius:14px;border:1px solid #dce1dc;box-shadow:0 25px 60px #43534720;overflow:hidden;transform:rotate(-2deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.mi-feature:hover .mi-canvas-ui{transform:rotate(0) translateY(-5px)}
.mi-canvas-ui__toolbar{display:flex;align-items:center;justify-content:space-between;height:42px;border-bottom:1px solid #e8ece8;padding:0 14px;font-size:10px;color:#818982}
.mi-canvas-ui__toolbar>span{display:flex;gap:5px}.mi-canvas-ui__toolbar i{width:7px;height:7px;border-radius:50%;background:#c5cdc6}.mi-canvas-ui__toolbar b{font-weight:500}
.mi-canvas-ui__body{height:calc(100% - 42px);display:grid;grid-template-columns:48px minmax(0,1fr)}
.mi-canvas-ui__rail{background:#f6f7f5;padding:22px 16px;display:flex;flex-direction:column;gap:17px}.mi-canvas-ui__rail i{width:16px;height:16px;border-radius:5px;background:#dfe5df}.mi-canvas-ui__rail .is-selected{background:#86a996}
.mi-canvas-ui__sheet{position:relative;padding:30px 12%}.mi-canvas-ui__sheet>span{font-size:10px;color:#8a978d;letter-spacing:.12em}
.mi-canvas-ui__sheet>strong{display:block;font-size:clamp(32px,4vw,57px);font-weight:550;letter-spacing:-.075em;line-height:1.05;margin-top:26px}
.mi-canvas-ui__sheet strong em{font-style:normal;color:#9eaaa1}
.mi-canvas-ui__blocks{display:flex;gap:8px;margin-top:23px}.mi-canvas-ui__blocks i{height:9px;border-radius:10px;background:#e3e8e2;width:18%}.mi-canvas-ui__blocks i:first-child{width:33%}
.mi-canvas-ui__selection{width:27%;height:31%;border:1.5px solid #849a8d;position:absolute;right:14%;bottom:15%}.mi-canvas-ui__selection::after{content:"";position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid #849a8d;right:-5px;bottom:-5px}
.mi-feature--gradient{background:#e9edef}
.mi-feature__visual--conversation{background:radial-gradient(circle at 14% 14%,#b0cad0,transparent 45%),radial-gradient(circle at 85% 88%,#172632,transparent 60%),linear-gradient(135deg,#5c7985,#1f2d3a);padding:45px 35px}
.mi-convo{width:min(100%,460px);display:flex;flex-direction:column;gap:14px;align-items:flex-start;transform:translateY(8px)}
.mi-convo__bubble{padding:14px 19px;border-radius:20px;background:#fff;color:#1b2024;max-width:84%;font-size:15px;line-height:1.5;box-shadow:0 10px 32px #091f2b0c}
.mi-convo__bubble--question{margin-left:auto;background:#ffffff1c;border:1px solid #ffffff7e;color:#fff;border-radius:99px}
.mi-convo__bubble--answer{border-radius:21px 21px 21px 6px}
.mi-convo__bubble:nth-child(2){margin-left:4%}.mi-convo__bubble:nth-child(4){margin-left:9%}
.mi-wide{margin-top:20px;border-radius:var(--mi-radius);background:#e6eae6;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;min-height:440px}
.mi-wide__copy{padding:65px 50px 56px;display:flex;flex-direction:column;align-items:start;justify-content:center}
.mi-wide__copy h3{font-size:clamp(37px,3.8vw,58px);margin:17px 0 20px}
.mi-wide__copy>p:not(.mi-kicker){font-size:17px;line-height:1.63;color:#5b655d;max-width:445px}
.mi-wide__copy>a{display:inline-block;margin-top:29px;padding-bottom:5px;border-bottom:1px solid #262f28;font-size:14px;font-weight:600}
.mi-wide__copy>a span{margin-left:16px}
.mi-wide__visual{display:flex;align-items:center;justify-content:center;padding:55px 55px;background:radial-gradient(circle at 60% 40%,#dce9de,#cfd9cf)}
.mi-system-block{width:min(100%,560px);background:#fefefd;padding:32px;border:1px solid #d1dcd1;border-radius:16px;box-shadow:0 32px 66px #334a3420;transform:rotate(2deg);transition:transform .6s}
.mi-wide:hover .mi-system-block{transform:rotate(0)}
.mi-system-block strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.055em;border-bottom:1px solid #ebeeeb;padding-bottom:20px;margin-bottom:20px}
.mi-system-block>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.mi-system-block>div span{padding:22px 18px;background:#f2f5f1;border-radius:10px;font-size:15px;font-weight:550;color:#35473a;border:1px solid #e9ede9}
.mi-system-block small{display:block;margin-top:23px;color:#8e978f;font-size:11px}
/* ---------- Sticky story: actual sticky left column ---------- */
.mi-flow{background:#171a18;color:#f8f9f7;padding:120px 0 135px}
.mi-flow__layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:9%;align-items:start}
.mi-flow__intro{align-self:stretch;min-height:100%}
.mi-flow__sticky{position:sticky;top:140px;max-width:450px}
.mi-flow__sticky .mi-kicker{color:#bac6bc}
.mi-flow__sticky h2{font-size:clamp(51px,5.4vw,79px);margin:31px 0 34px}
.mi-flow__sticky h2 em{font-style:normal;color:#94a59a}
.mi-flow__sticky>p:not(.mi-kicker){font-size:18px;color:#aeb8ae;line-height:1.68;max-width:370px;margin-bottom:30px}
.mi-flow__sticky .mi-link{color:#f3f5f2}
.mi-flow__cards{display:flex;flex-direction:column;gap:22px;min-width:0}
.mi-flow-card{min-height:640px;border:1px solid #484d48;border-radius:25px;background:#242824;display:flex;flex-direction:column;padding:38px 38px 30px;overflow:hidden}
.mi-flow-card__number{font-size:12px;color:#aeb9b0;letter-spacing:.03em}
.mi-flow-card>div:nth-child(2){margin:35px 0 24px}.mi-flow-card h3{font-size:clamp(35px,3.3vw,50px);margin-bottom:18px;color:#fafbf9}
.mi-flow-card>div:nth-child(2) p{font-size:16px;line-height:1.6;color:#a9b2a9;max-width:450px}
.mi-flow-card__example{margin-top:auto;height:260px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mi-flow-card__example--design{background:#cfd9d2;padding:38px}
.mi-example-browser{width:100%;height:100%;max-width:420px;background:#fafaf8;border-radius:12px;box-shadow:0 15px 45px #34443829;display:flex;flex-direction:column;align-items:start;padding:18px 25px;color:#1d2920}
.mi-example-browser>span{display:flex;gap:5px}.mi-example-browser i{width:7px;height:7px;border-radius:50%;background:#c8d1c9}
.mi-example-browser strong{font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.065em;margin:auto 0 16px;font-weight:550}
.mi-example-browser small{font-size:10px;color:#819184;border-top:1px solid #e2e7e1;padding-top:9px;width:100%}
.mi-flow-card__example--code{background:#111711;padding:37px}
.mi-code-window{width:100%;height:100%;max-width:440px;border:1px solid #425247;border-radius:10px;background:#1a261d;overflow:hidden}
.mi-code-window__top{display:block;padding:13px 19px;font-size:11px;border-bottom:1px solid #3b4d41;color:#96a899}
.mi-code-window code{display:block;color:#e6eee7;font:clamp(11px,1.12vw,15px)/2.15 ui-monospace,SFMono-Regular,Menlo,monospace;padding:25px 20px;white-space:nowrap}
.mi-code-purple{color:#b7b1f5}.mi-code-blue{color:#b4d1ed}.mi-code-green{color:#bbd8a8}
.mi-flow-card__example--manage{background:#e8ece7;padding:35px}
.mi-manage-ui{width:min(100%,460px);height:100%;background:#fff;padding:22px 25px;border-radius:12px;color:#252c25;box-shadow:0 12px 36px #34433419}
.mi-manage-ui strong{display:block;font-size:20px;letter-spacing:-.05em;font-weight:550;margin-bottom:18px}
.mi-manage-ui>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.mi-manage-ui>div span{border:1px solid #e8ece7;border-radius:8px;padding:13px;font-size:12px;color:#607061}
.mi-manage-ui small{display:block;color:#8b958b;margin-top:15px;font-size:10px}
/* ---------- Applications list ---------- */
.mi-applications{padding:139px 0 144px;background:#fff}
.mi-app-list{border-top:1px solid #dadfda}
.mi-app-list>a{display:grid;grid-template-columns:70px 1fr 45px;gap:25px;align-items:center;min-height:150px;padding:28px 17px 27px 4px;border-bottom:1px solid #dadfda;transition:padding .27s,background .27s}
.mi-app-list>a:hover{background:#f7f8f6;padding-left:17px;padding-right:17px}
.mi-app-list>a>span:first-child{font-size:13px;color:#a3aaa3;align-self:start;padding-top:21px}
.mi-app-list h3{font-size:clamp(29px,3vw,43px);margin-bottom:7px}
.mi-app-list p{font-size:15px;color:#707871}
.mi-app-list__go{font-size:25px;color:#4b5a4e;text-align:right;transition:transform .3s}
.mi-app-list>a:hover .mi-app-list__go{transform:translate(3px,-3px)}
/* ---------- AI approach ---------- */
.mi-approach{padding:128px 0 139px;background:#e9eee9}
.mi-approach__grid{display:grid;grid-template-columns:1fr 450px;gap:12%;align-items:start}
.mi-approach h2{font-size:clamp(51px,5.5vw,81px);margin-top:25px}
.mi-approach__body{padding-top:27px}
.mi-approach__body>p{color:#465348;font-size:19px;line-height:1.63;margin-bottom:22px}
.mi-approach__brands{display:flex;gap:10px;flex-wrap:wrap;margin:33px 0 17px}
.mi-approach__brands>span{background:#fff;border:1px solid #d4ded4;padding:12px 16px;border-radius:99px;font-size:13px;font-weight:550}
.mi-approach__body>small{color:#78847a;display:block;font-size:12px;line-height:1.6}
/* ---------- FAQ ---------- */
.mi-faq{padding:135px 0 156px}
.mi-faq__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.mi-faq h2{font-size:clamp(51px,5.5vw,83px);margin-top:22px}
.mi-faq__list{border-top:1px solid #dbe0dc}
.mi-faq details{border-bottom:1px solid #dbe0dc}
.mi-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:23px;align-items:center;padding:25px 0;font-size:18px;font-weight:550;line-height:1.4}
.mi-faq summary::-webkit-details-marker{display:none}
.mi-faq summary>span{flex:none;font-size:24px;color:#777f77;font-weight:400;transition:transform .2s}
.mi-faq details[open] summary>span{transform:rotate(45deg)}
.mi-faq details>p{font-size:16px;line-height:1.7;color:#676e68;max-width:620px;padding:0 30px 27px 0}
/* ---------- CTA ---------- */
.mi-end{padding:0 0 52px}
.mi-end__inner{background:#f0f1ee;border-radius:25px;padding:73px 70px 82px;display:grid;grid-template-columns:1fr 370px;gap:80px;align-items:end}
.mi-end h2{font-size:clamp(58px,6vw,88px);margin-top:22px}
.mi-end__inner>div:last-child p{font-size:18px;color:#606960;line-height:1.65;margin-bottom:24px}
.mi-end__foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#878d88;padding:20px 7px 0}
.mi-end__foot a{color:#39453b}
/* ---------- Scroll polish: non-blocking progressive enhancement ---------- */
@keyframes mi-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.mi-page.is-enhanced [data-reveal]{transition:opacity .65s ease,transform .65s ease;opacity:.6;transform:translateY(18px)}.mi-page.is-enhanced [data-reveal].is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mi-page *, .mi-page *::before,.mi-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* ---------- Tablet ---------- */
@media(max-width:1100px){.mi-container{width:min(calc(100% - 64px),1296px)}.mi-hero__grid{grid-template-columns:1fr 290px;gap:32px}.mi-hero__copy h1{font-size:clamp(65px,7vw,88px)}.mi-stage{min-height:485px}.mi-editor{height:350px}.mi-editor__workspace{padding:17px}.mi-editor__workspace>h2{font-size:26px}.mi-editor__sidebar{padding:18px 9px}.mi-editor__body{grid-template-columns:105px 1fr}.mi-editor__draft{height:150px}.mi-stage__brand{padding:28px}.mi-feature__visual{height:360px}.mi-feature__copy{padding:27px 30px 34px}.mi-intro__layout{grid-template-columns:180px 1fr;gap:40px}.mi-flow__layout{gap:6%}.mi-flow-card{min-height:585px}.mi-approach__grid{grid-template-columns:1fr 40%;gap:6%}.mi-end__inner{grid-template-columns:1fr 35%;gap:40px}}
@media(max-width:850px){.mi-hero{padding-bottom:80px}.mi-hero__grid{grid-template-columns:1fr;gap:25px;padding:62px 0 35px}.mi-hero__copy h1{font-size:clamp(58px,8.3vw,85px)}.mi-hero__aside{max-width:590px}.mi-stage{min-height:490px;grid-template-columns:.4fr .6fr}.mi-stage__editor{padding:30px 12px}.mi-stage__signature{font-size:clamp(51px,8vw,90px)}.mi-stage__brand>p{font-size:16px}.mi-editor{height:365px}.mi-stage__overlay{right:12px;bottom:12px}.mi-intro__layout{grid-template-columns:1fr;gap:35px}.mi-intro{padding:90px 0 100px}.mi-intro__bottom{gap:25px}.mi-section-head{align-items:start;flex-direction:column;gap:22px}.mi-section-head>p{width:auto;max-width:580px}.mi-feature__visual{height:340px}.mi-feature__copy{min-height:250px}.mi-feature__copy h3{font-size:clamp(31px,4vw,42px)}.mi-wide{min-height:380px}.mi-wide__copy{padding:35px}.mi-wide__visual{padding:30px}.mi-flow{padding:85px 0 95px}.mi-flow__layout{grid-template-columns:1fr;gap:43px}.mi-flow__intro{min-height:auto}.mi-flow__sticky{position:static;max-width:640px}.mi-flow__sticky h2{font-size:clamp(51px,7.1vw,72px)}.mi-flow__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mi-flow-card{min-height:560px;padding:25px}.mi-flow-card:last-child{grid-column:1 / -1;min-height:420px}.mi-flow-card__example{height:220px}.mi-flow-card:last-child .mi-flow-card__example{max-width:540px;width:100%}.mi-faq__layout{grid-template-columns:1fr;gap:50px}.mi-approach__grid{grid-template-columns:1fr;gap:30px}.mi-approach__body{max-width:660px;padding-top:0}.mi-end__inner{padding:55px 45px}.mi-end h2{font-size:clamp(49px,6.5vw,73px)}}
/* ---------- Phone ---------- */
@media(max-width:620px){.mi-container{width:min(calc(100% - 36px),1296px)}.mi-page section[id]{scroll-margin-top:80px}.mi-crumb{padding-top:18px}.mi-kicker{font-size:12px}.mi-hero{padding-bottom:74px}.mi-hero__grid{padding:56px 0 32px;gap:22px}.mi-hero__copy h1{font-size:clamp(46px,12vw,66px);line-height:1.06;margin-top:17px}.mi-hero__aside p{font-size:17px;margin-bottom:22px}.mi-button{min-height:49px;font-size:14px;padding:12px 23px}.mi-stage{display:flex;flex-direction:column;min-height:0;border-radius:22px}.mi-stage__brand{height:275px;flex:none;padding:24px}.mi-stage__brand-top{font-size:9px}.mi-stage__signature{font-size:clamp(70px,18vw,108px)}.mi-stage__signature small{font-size:21px;margin-left:4px;margin-top:5px}.mi-stage__brand>p{font-size:14px;margin:0}.mi-stage__brand-bottom{font-size:10px;margin-top:10px}.mi-stage__editor{height:310px;padding:35px 18px 30px;flex:none}.mi-editor{height:258px;width:100%;max-width:460px;border-radius:11px}.mi-editor__chrome{height:30px;padding:0 10px;font-size:8px}.mi-editor__body{height:calc(100% - 30px);grid-template-columns:68px 1fr}.mi-editor__sidebar{padding:15px 6px;gap:4px}.mi-editor__sidebar strong{font-size:22px;margin:0 0 10px 5px}.mi-editor__sidebar>span{font-size:7px;padding:6px 4px}.mi-editor__sidebar small{font-size:6px}.mi-editor__workspace{padding:14px 11px}.mi-editor__workspace-head{font-size:6px;margin-bottom:10px}.mi-editor__workspace>h2{font-size:20px;margin-bottom:11px!important}.mi-editor__draft{height:110px}.mi-editor__draft>div:first-child{padding:10px}.mi-editor__draft-tag{font-size:6px}.mi-editor__draft b{font-size:15px;margin:10px 0 5px}.mi-editor__draft-line{height:4px;margin-bottom:4px}.mi-editor__workspace-foot{margin-top:8px;gap:4px}.mi-editor__workspace-foot span{padding:3px 6px;font-size:6px}.mi-stage__overlay{right:12px;bottom:12px;padding:8px 12px;font-size:9px;gap:7px}.mi-stage__overlay strong{font-size:9px}.mi-stage-caption{font-size:11px;align-items:start;flex-direction:column;gap:10px}.mi-intro{padding:81px 0 90px}.mi-intro__layout{gap:25px}.mi-intro h2{font-size:clamp(40px,10vw,55px)}.mi-intro__bottom{grid-template-columns:1fr;gap:17px;margin:27px 0}.mi-intro__bottom p{font-size:16px}.mi-intro__terms{gap:8px}.mi-intro__terms span{font-size:11px;padding:8px 12px}.mi-features{padding:82px 0 95px}.mi-section-head{margin-bottom:29px;gap:18px}.mi-section-head h2{font-size:clamp(40px,9.1vw,57px);margin-top:14px}.mi-section-head>p{font-size:16px}.mi-feature-grid{grid-template-columns:1fr;gap:15px}.mi-feature{border-radius:21px}.mi-feature__visual{height:360px}.mi-feature__copy{padding:25px 24px 31px;min-height:0}.mi-feature__copy h3{font-size:35px}.mi-feature__copy p{font-size:15px}.mi-feature__visual--canvas{padding:7%}.mi-canvas-ui{height:86%}.mi-canvas-ui__sheet>strong{font-size:37px}.mi-feature__visual--conversation{padding:30px 21px}.mi-convo__bubble{font-size:14px}.mi-wide{grid-template-columns:1fr;margin-top:15px;border-radius:21px}.mi-wide__copy{padding:31px 25px 34px}.mi-wide__copy h3{font-size:37px}.mi-wide__copy>p:not(.mi-kicker){font-size:16px}.mi-wide__visual{min-height:265px;padding:31px}.mi-system-block{padding:19px;max-width:380px}.mi-system-block strong{font-size:18px;margin-bottom:11px;padding-bottom:12px}.mi-system-block>div{gap:7px;margin-top:7px}.mi-system-block>div span{padding:11px 9px;font-size:12px}.mi-system-block small{font-size:9px;margin-top:12px}.mi-flow{padding:75px 0 85px}.mi-flow__layout{gap:30px}.mi-flow__sticky h2{font-size:clamp(43px,10vw,61px);margin:21px 0 23px}.mi-flow__sticky>p:not(.mi-kicker){font-size:16px;margin-bottom:21px}.mi-flow__cards{grid-template-columns:1fr;gap:15px}.mi-flow-card,.mi-flow-card:last-child{min-height:0;grid-column:auto;padding:27px 24px 24px;border-radius:20px}.mi-flow-card>div:nth-child(2){margin:26px 0 25px}.mi-flow-card h3{font-size:36px}.mi-flow-card>div:nth-child(2) p{font-size:15px}.mi-flow-card__example{height:217px}.mi-flow-card:last-child .mi-flow-card__example{max-width:100%}.mi-code-window code{font-size:10px;padding:21px 10px}.mi-applications{padding:83px 0 93px}.mi-app-list>a{grid-template-columns:33px 1fr 23px;gap:10px;min-height:120px;padding:20px 2px}.mi-app-list>a:hover{padding-left:2px;padding-right:2px}.mi-app-list>a>span:first-child{font-size:11px;padding-top:7px}.mi-app-list h3{font-size:29px}.mi-app-list p{font-size:13px;line-height:1.5}.mi-app-list__go{font-size:19px}.mi-approach{padding:82px 0 95px}.mi-approach h2{font-size:clamp(42px,10vw,58px);margin-top:19px}.mi-approach__body>p{font-size:16px}.mi-approach__brands span{font-size:12px;padding:10px 12px}.mi-faq{padding:83px 0 95px}.mi-faq__layout{gap:35px}.mi-faq h2{font-size:52px}.mi-faq summary{font-size:16px;padding:21px 0;gap:15px}.mi-faq details>p{font-size:15px;padding-bottom:21px}.mi-end{padding-bottom:35px}.mi-end__inner{grid-template-columns:1fr;gap:27px;padding:35px 26px;border-radius:22px}.mi-end h2{font-size:clamp(51px,12vw,69px);margin-top:13px}.mi-end__inner>div:last-child p{font-size:16px;margin-bottom:22px}.mi-end__foot{font-size:11px;gap:18px;flex-wrap:wrap}}
@media(max-width:355px){.mi-hero__copy h1{font-size:44px}.mi-editor__sidebar{display:none}.mi-editor__body{grid-template-columns:1fr}.mi-editor__workspace>h2{font-size:20px}.mi-convo__bubble{font-size:12px}.mi-feature__visual{height:330px}.mi-flow-card h3{font-size:32px}.mi-faq h2{font-size:47px}}

/* WEBMIDOX — producten / zelfstandig, scoped design system */
.wmp-page{--wmp-ink:#181b1a;--wmp-muted:#65716b;--wmp-line:#e3e7e3;--wmp-white:#fff;--wmp-paper:#fafbf9;--wmp-radius:28px;color:var(--wmp-ink);background:#fff;font-family:var(--font-body,'DM Sans',Inter,Arial,sans-serif);font-weight:400;overflow:clip}
.wmp-page *, .wmp-page *::before,.wmp-page *::after{box-sizing:border-box}
.wmp-page a{text-decoration:none;color:inherit}
.wmp-page button{font:inherit}
.wmp-wrap{width:min(100% - 88px,1300px);margin-inline:auto}
.wmp-page h1,.wmp-page h2,.wmp-page h3,.wmp-page p{margin:0}
.wmp-page h1,.wmp-page h2,.wmp-page h3{font-weight:580;letter-spacing:-.065em;line-height:1.075}
.wmp-page h1{font-size:clamp(55px,6.7vw,105px)}
.wmp-page h2{font-size:clamp(43px,5.1vw,72px)}
.wmp-page h3{font-size:clamp(32px,3.2vw,51px)}
.wmp-page p{line-height:1.63}
.wmp-pad{padding-block:120px}
.wmp-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#818a84;padding:25px 0}
.wmp-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.wmp-eyebrow{font-size:12px;letter-spacing:.065em;font-weight:650;color:#686e69;text-transform:uppercase}
.wmp-eyebrow-dot{margin:0 6px}
.wmp-button{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:0 25px;border-radius:100px;font-weight:600;font-size:14px;transition:transform .26s,background .26s,color .26s;white-space:nowrap}
.wmp-button:hover{transform:translateY(-3px)}
.wmp-button:focus-visible,.wmp-page a:focus-visible,.wmp-page summary:focus-visible{outline:3px solid #6d8cfa;outline-offset:4px}
.wmp-button--dark{background:#141615;color:#fff!important}
.wmp-button--dark:hover{background:#3d5044}
.wmp-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.wmp-section-head h2{margin-top:22px}
.wmp-section-head>p{max-width:360px;font-size:17px;color:#747a75;line-height:1.58}
.wmp-section-head a{font-size:14px;font-weight:600;border-bottom:1px solid #aeb5ae;padding-bottom:7px}
/* OVERVIEW */
.wmp-overview-hero{padding-bottom:48px}
.wmp-hero-copy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:60px;align-items:end;padding:72px 0 70px}
.wmp-hero-copy h1{margin-top:24px;max-width:1000px}
.wmp-hero-copy h1 em{font-style:normal;color:#a3ada6}
.wmp-hero-aside{padding-bottom:9px}
.wmp-hero-aside p{font-size:19px;color:#636c67;margin-bottom:28px}
.wmp-hero-stage{position:relative;border-radius:var(--wmp-radius);background:#e4e8e4;min-height:480px;padding:38px;overflow:hidden;isolation:isolate}
.wmp-hero-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 63% 15%,#f8faf6 0,transparent 48%),radial-gradient(ellipse at 6% 104%,#c9d5ca 0,transparent 57%);z-index:-1}
.wmp-hero-stage__intro{position:absolute;top:45px;left:44px;z-index:2}
.wmp-hero-stage__intro>span,.wmp-hero-stage__bottom{font-size:11px;color:#627169;letter-spacing:.09em;font-weight:650}
.wmp-hero-stage__intro p{font-size:clamp(29px,3vw,48px);letter-spacing:-.055em;line-height:1.1;margin-top:21px}
.wmp-hero-stage__stack{position:absolute;left:32%;right:3%;top:12%;bottom:5%;perspective:850px}
.wmp-mini-preview{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:39%;height:69%;border:1px solid #ffffffb4;border-radius:18px;padding:23px;box-shadow:0 30px 45px #293a3125;transition:transform .5s ease}
.wmp-mini-preview b{font-size:clamp(21px,2vw,34px);letter-spacing:-.07em}
.wmp-mini-preview span{margin-top:auto;font-size:13px;opacity:.75}
.wmp-mini-preview i{width:80%;height:6px;border-radius:5px;background:currentColor;opacity:.11;margin-top:10px}
.wmp-mini-preview i:last-child{width:48%}
.wmp-mini-preview--v{left:0;top:16%;transform:rotate(-11deg);background:#e0ece2;color:#1e3d2f;z-index:2}
.wmp-mini-preview--s{left:20%;top:6%;transform:rotate(-3deg);background:#21352b;color:#ecf8e5;z-index:3}
.wmp-mini-preview--m{left:42%;top:9%;transform:rotate(8deg);background:#f3f3ed;color:#26322b;z-index:4}
.wmp-mini-preview--t{left:64%;top:23%;transform:rotate(15deg);background:#f9f1e4;color:#705b46;z-index:5}
.wmp-hero-stage:hover .wmp-mini-preview--v{transform:translateX(-12px) rotate(-14deg)}
.wmp-hero-stage:hover .wmp-mini-preview--t{transform:translateX(10px) rotate(18deg)}
.wmp-hero-stage__bottom{display:flex;justify-content:space-between;position:absolute;left:38px;right:38px;bottom:29px}
.wmp-catalog{padding-top:110px}
.wmp-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wmp-product{display:block;min-width:0;overflow:hidden;border:1px solid #e4e6e2;border-radius:var(--wmp-radius);background:#f7f8f6;transition:transform .35s ease,box-shadow .35s ease}
.wmp-product:hover{transform:translateY(-5px);box-shadow:0 24px 50px #212d2510}
.wmp-product__art{height:clamp(300px,33vw,475px);overflow:hidden;display:block}
.wmp-product__info{min-height:186px;padding:26px 30px 27px;background:#f7f8f6;display:flex;align-items:end;justify-content:space-between;gap:18px}
.wmp-mini-status{display:inline-block;color:#797d78;font-size:12px;margin-bottom:14px}
.wmp-mini-status--live{color:#3e7553}
.wmp-product__info h3{font-size:clamp(28px,2.65vw,40px);margin:0 0 8px}
.wmp-product__info p{font-size:14px;color:#6c746d;max-width:270px}
.wmp-product__cta{font-size:12px;white-space:nowrap;color:#424940;font-weight:650;border-bottom:1px solid #8f9d91;padding-bottom:5px}
.wmp-product__cta span{margin-left:7px}
.wmp-story{background:#f4f5f2;margin-top:32px}
.wmp-story__layout,.wmp-detail-intro__layout,.wmp-status-section__layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.wmp-story h2,.wmp-detail-intro h2,.wmp-status-section h2{margin-top:20px}
.wmp-story__right>p,.wmp-detail-intro__layout>div:nth-child(2)>p,.wmp-status-section__layout>div:nth-child(2)>p{font-size:19px;line-height:1.6;color:#616a62}
.wmp-story__rows{margin-top:40px}
.wmp-story__rows>div{border-top:1px solid #d5dbd5;padding:20px 0;display:grid;grid-template-columns:35px 1fr;gap:8px 20px}
.wmp-story__rows span{font-size:12px;color:#8a958b;grid-row:span 2}
.wmp-story__rows strong{font-size:20px;font-weight:600;letter-spacing:-.035em}
.wmp-story__rows small{font-size:14px;color:#7a827a}
.wmp-final{background:#e8ece6;padding:100px 0}
.wmp-final__layout{display:grid;grid-template-columns:1.2fr .6fr;gap:10%;align-items:end}
.wmp-final h2{margin-top:20px}
.wmp-final__layout>div:nth-child(2) p{font-size:18px;color:#687268;margin-bottom:28px}
/* DETAIL HERO + PROSE */
.wmp-detail-hero{padding:0 0 24px}
.wmp-detail-hero__top{display:grid;grid-template-columns:1.2fr .53fr;gap:9%;align-items:end;padding:48px 0 65px}
.wmp-detail-hero__top h1{margin-top:25px}
.wmp-detail-hero__aside{padding-bottom:7px}
.wmp-detail-hero__aside p{font-size:18px;color:#647068;line-height:1.62;margin-bottom:29px}
.wmp-detail-hero__art{height:min(66vw,640px);min-height:420px;position:relative;border-radius:var(--wmp-radius);overflow:hidden}
.wmp-detail-hero__art>.wmp-visual{height:100%}
.wmp-concept-note{position:absolute;bottom:15px;left:22px;font-size:10px;letter-spacing:.01em;border-radius:40px;background:#ffffffe8;color:#525951;padding:8px 13px;max-width:calc(100% - 44px)}
.wmp-detail-hero__foot{display:flex;justify-content:space-between;gap:20px;color:#949b93;font-size:11px;letter-spacing:.08em;padding:26px 0}
.wmp-detail-intro{padding-top:128px}
.wmp-detail-intro__points{margin-top:42px}
.wmp-detail-intro__points>div{border-top:1px solid var(--wmp-line);padding:20px 0;display:grid;grid-template-columns:32px 1fr;gap:14px}
.wmp-detail-intro__points>div>span{font-size:12px;color:#9da49c}
.wmp-detail-intro__points strong{font-weight:600;font-size:18px;letter-spacing:-.025em}
.wmp-detail-intro__points p{font-size:14px;color:#768077;margin-top:8px}
.wmp-chapters{padding-top:25px}
.wmp-chapter-list{display:flex;flex-direction:column;gap:20px}
.wmp-chapter{display:grid;grid-template-columns:39% 61%;min-height:520px;border-radius:var(--wmp-radius);overflow:hidden;background:#f1f3ef}
.wmp-chapter--reverse{grid-template-columns:61% 39%}
.wmp-chapter--reverse .wmp-chapter__copy{order:2}
.wmp-chapter--reverse .wmp-chapter__visual{order:1}
.wmp-chapter__copy{padding:clamp(34px,4.5vw,70px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.wmp-chapter__eyebrow{font-size:11px;letter-spacing:.09em;font-weight:650;color:#818981;margin-bottom:45px}
.wmp-chapter__copy h3{font-size:clamp(35px,4.1vw,60px);max-width:480px;margin-bottom:23px}
.wmp-chapter__copy p{font-size:17px;line-height:1.65;color:#687269;max-width:400px}
.wmp-chapter__visual{min-width:0;overflow:hidden}
.wmp-chapter__visual-inner,.wmp-chapter__visual-inner>.wmp-visual{height:100%;min-height:520px}
.wmp-status-section{background:#181b19;color:#f5f6f3;padding:105px 0}
.wmp-status-section h2{color:#f7f8f5}
.wmp-status-section__layout>div:nth-child(2)>p{color:#b6c1b7}
.wmp-status-section .wmp-eyebrow{color:#a5ada5}
.wmp-status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #6d746e;color:#ebefec;padding:9px 15px;border-radius:99px;margin-top:29px;font-size:13px}
.wmp-status-pill i{width:7px;height:7px;border-radius:50%;background:#d2cba1}
.wmp-status-pill.is-live i{background:#8fca9f}
.wmp-faq__layout{display:grid;grid-template-columns:40% 1fr;gap:10%}
.wmp-faq h2{margin-top:20px}
.wmp-faq__items{border-top:1px solid var(--wmp-line)}
.wmp-faq details{border-bottom:1px solid var(--wmp-line)}
.wmp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:19px;font-weight:570;letter-spacing:-.03em;padding:27px 0}
.wmp-faq summary::-webkit-details-marker{display:none}
.wmp-faq summary span{font-size:27px;font-weight:300;transition:transform .3s ease}
.wmp-faq details[open] summary span{transform:rotate(45deg)}
.wmp-faq details>p{color:#707b72;font-size:16px;padding:0 25px 28px 0;max-width:550px}
.wmp-related{background:#f4f6f3}
.wmp-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wmp-related__item{display:flex;min-height:200px;flex-direction:column;align-items:start;justify-content:space-between;border:1px solid #e1e5df;border-radius:22px;background:white;padding:27px;transition:transform .3s}
.wmp-related__item:hover{transform:translateY(-4px)}
.wmp-related__item>span:first-child{font-size:12px;color:#88938a}
.wmp-related__item strong{font-size:clamp(21px,2.2vw,31px);font-weight:580;letter-spacing:-.05em}
.wmp-related__arr{align-self:end;color:#6d786d;font-size:18px}
/* VISUALS — actual DOM UI, no fake metrics or client reviews */
.wmp-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%;width:100%;isolation:isolate}
.wmp-visual--veroza{background:#dae7dd;color:#233b2c}
.wmp-v-bloom{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;right:-30%;top:-35%;background:#b6d4bf;filter:blur(6px);opacity:.6}
.wmp-v-app{width:75%;height:68%;background:#fbfdfb;border:1px solid #ffffff9c;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 35px 55px #2c594020;transform:translate(-4%,8%);transition:transform .5s}
.wmp-v-nav{height:16%;min-height:40px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff}
.wmp-v-nav strong{font-size:clamp(12px,1.7vw,22px);letter-spacing:-.06em}
.wmp-v-nav strong span{color:#70b37c}.wmp-v-nav>span{font-size:10px;color:#829086}.wmp-v-nav>b{font-size:10px;color:white;background:#223c2d;border-radius:99px;padding:8px 12px;font-weight:500}
.wmp-v-main{padding:9% 8%;height:70%;background:linear-gradient(125deg,#eaf1e9,#ccdaca);display:flex;flex-direction:column;justify-content:center}
.wmp-v-main small{font-size:clamp(7px,.75vw,10px);letter-spacing:.1em;color:#748c78}.wmp-v-main h3{font-size:clamp(23px,3.4vw,52px);letter-spacing:-.06em;line-height:1.02;margin:16px 0 11px}.wmp-v-main p{font-size:12px;color:#5a795f}.wmp-v-pill{font-size:10px;background:#fff;min-width:150px;width:60%;padding:10px 13px;margin-top:17px;border-radius:99px;display:flex;justify-content:space-between}
.wmp-v-pill i{font-style:normal}.wmp-v-footer{display:flex;justify-content:space-between;gap:7px;padding:4% 6%;font-size:9px;color:#849187}
.wmp-v-floating{position:absolute;width:39%;right:4%;bottom:9%;background:#fff;border-radius:14px;padding:17px;box-shadow:0 25px 50px #37584133;transform:rotate(3deg);transition:transform .5s}
.wmp-v-fhead{display:flex;gap:10px;align-items:center}.wmp-v-avatar{background:#d7e8d9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:700}.wmp-v-fhead b,.wmp-v-fhead small{display:block;font-size:10px}.wmp-v-fhead small{font-size:8px;color:#8c978f;margin-top:3px}.wmp-v-stars{color:#7dab79;letter-spacing:2px;margin:10px 0}.wmp-v-floating>p{font-size:12px}.wmp-faux-line{height:5px;background:#e3e9e3;border-radius:4px;margin-top:9px;width:85%}.wmp-faux-line.short{width:55%}
.wmp-product:hover .wmp-v-app{transform:translate(-4%,5%)}.wmp-product:hover .wmp-v-floating{transform:rotate(0) translateY(-5px)}
.wmp-visual--sellnex{background:radial-gradient(circle at 30% 10%,#c9e1d0,transparent 65%),#a5baa8;color:#edf7ef}
.wmp-s-orb{position:absolute;border:1px solid #f8fff04a;width:75%;aspect-ratio:1;border-radius:50%;right:-25%;bottom:-40%}
.wmp-s-window{position:relative;width:75%;height:70%;transform:translate(-7%,2%);background:#14241c;border-radius:15px;border:1px solid #1d3829;box-shadow:0 30px 55px #233b3040;overflow:hidden;transition:transform .5s}
.wmp-s-toolbar{height:40px;border-bottom:1px solid #3b5241;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:#b9d4bb}.wmp-s-toolbar strong{font-size:14px;color:#fff;letter-spacing:-.045em}.wmp-s-dots{display:flex;gap:3px}.wmp-s-dots i{width:5px;height:5px;background:#637e6a;border-radius:50%}
.wmp-s-layout{height:calc(100% - 40px);display:flex}.wmp-s-sidebar{width:23%;background:#18291f;padding:16px 9px;display:flex;flex-direction:column;gap:15px}.wmp-s-sidebar span{color:#92ac98;font-size:8px;padding:7px;border-radius:5px}.wmp-s-sidebar span.active{background:#314a39;color:#ecffee}.wmp-s-content{flex:1;padding:8% 6% 4%}.wmp-s-content>small{font-size:9px;letter-spacing:.1em;color:#7ca386}.wmp-s-content h3{font-size:clamp(19px,2.5vw,37px);color:#f3faf5;margin:8px 0 22px}.wmp-s-smallcards{display:flex;gap:10px}.wmp-s-smallcards span{display:flex;flex-direction:column;background:#2b4133;flex:1;border-radius:7px;padding:14px;color:#a6bdad}.wmp-s-smallcards small{font-size:9px}.wmp-s-smallcards b{color:#f1faf1;font-size:23px;font-weight:400}.wmp-s-chart{height:42%;margin-top:7%;border-radius:9px;background:repeating-linear-gradient(to bottom,transparent 0 24px,#a7c9ac12 25px);overflow:hidden}.wmp-s-chart svg{width:100%;height:100%}.wmp-s-fill{fill:#7bc48a15}.wmp-s-path{fill:none;stroke:#9dde9f;stroke-width:3;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:wmp-draw 4s ease-in-out infinite alternate}@keyframes wmp-draw{to{stroke-dashoffset:0}}
.wmp-s-phone{position:absolute;right:5%;bottom:4%;height:64%;width:24%;min-width:94px;border-radius:22px;background:#101e16;border:5px solid #08140e;box-shadow:0 24px 38px #06130f60;padding:19px 10px 10px;display:flex;flex-direction:column;gap:8px}.wmp-s-phone-notch{position:absolute;top:5px;left:31%;right:31%;height:8px;background:#050e09;border-radius:0 0 7px 7px}.wmp-s-phone strong{font-size:11px}.wmp-s-phone small{font-size:7px;color:#8aa58f;margin-top:10px}.wmp-s-phone h4{font-size:17px;letter-spacing:-.04em;margin:0}.wmp-s-bars{display:flex;align-items:end;justify-content:space-between;gap:3px;height:45%;background:#223a2b;padding:12px 9px;border-radius:7px}.wmp-s-bars i{width:11%;height:35%;background:#97dba5;border-radius:3px 3px 0 0;animation:wmp-bar 3s ease-in-out infinite alternate}.wmp-s-bars i:nth-child(2){height:69%;animation-delay:.4s}.wmp-s-bars i:nth-child(3){height:50%;animation-delay:.8s}.wmp-s-bars i:nth-child(4){height:82%;animation-delay:.2s}.wmp-s-bars i:nth-child(5){height:65%;animation-delay:.7s}.wmp-s-bars i:nth-child(6){height:95%;animation-delay:.3s}@keyframes wmp-bar{to{height:48%}}.wmp-s-phone>span:not(.wmp-s-bars):not(.wmp-s-phone-notch){height:8px;border-radius:3px;background:#3b5342}
.wmp-product:hover .wmp-s-window{transform:translate(-7%,-2%)}
.wmp-visual--midox{background:#e9ebe6;color:#28312d}
.wmp-m-window{position:relative;width:79%;height:74%;background:#fcfdfa;border:1px solid #dfe3df;border-radius:13px;box-shadow:0 24px 55px #2e3e3020;overflow:hidden;transform:rotate(-3deg) translateX(-2%);transition:transform .5s}
.wmp-m-bar{display:flex;align-items:center;justify-content:space-between;height:13%;min-height:35px;border-bottom:1px solid #e8ebe7;padding:0 19px;font-size:10px;color:#8d998e}.wmp-m-bar strong{color:#222a24;font-size:clamp(10px,1.2vw,15px);letter-spacing:-.05em}
.wmp-m-body{display:flex;height:87%}.wmp-m-side{width:18%;background:#f0f3ee;border-right:1px solid #e6ebe4;display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:18px}.wmp-m-side strong{font-size:20px;letter-spacing:-.07em}.wmp-m-side span{width:42%;height:7px;border-radius:8px;background:#d2dbd0}.wmp-m-main{padding:8% 8% 5%;flex:1;overflow:hidden}.wmp-m-main small{color:#8a9b8c;font-size:9px;letter-spacing:.1em}.wmp-m-main h3{font-size:clamp(23px,3vw,47px);margin:18px 0}.wmp-m-lines{display:flex;flex-direction:column;gap:9px}.wmp-m-lines i{width:72%;height:8px;background:#e4eae2;border-radius:6px}.wmp-m-lines i:nth-child(2){width:50%}.wmp-m-lines i:nth-child(3){width:61%}.wmp-m-modules{display:flex;gap:6px;margin-top:28px}.wmp-m-modules span{font-size:9px;padding:9px 12px;background:#e7efe5;border:1px solid #dbe8d9;border-radius:7px}.wmp-m-float{position:absolute;right:5%;bottom:10%;background:#21382b;color:#edf8ed;font-size:12px;border-radius:8px;padding:17px 20px;box-shadow:0 17px 32px #1e352a35;transform:rotate(4deg)}.wmp-m-float span{display:block;font-size:10px;margin-top:8px;opacity:.55}.wmp-product:hover .wmp-m-window{transform:rotate(0) translateY(-5px)}
.wmp-visual--tegeltje{background:#e9e3d7;perspective:850px;color:#6f695b}.wmp-t-linen{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 50%,#f6f1e7,#e5dbcc);filter:contrast(.98)}.wmp-t-floor{position:absolute;width:90%;height:40%;bottom:-20%;background:#ddd0bb;filter:blur(30px);border-radius:50%}.wmp-t-tile{position:relative;width:52%;aspect-ratio:1;background:linear-gradient(120deg,#fffefb,#f8f8f4);border:6px solid #fff;border-radius:6px;box-shadow:0 20px 7px #8c877b17,0 35px 50px #655d4c3b;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;transition:transform .5s;z-index:1}.wmp-t-copy{text-align:center;font-family:Georgia,serif}.wmp-t-copy small{display:block;font-size:clamp(10px,1vw,15px);margin-bottom:9px}.wmp-t-copy strong{font-size:clamp(18px,2vw,30px);line-height:1.18;font-weight:400}.wmp-t-copy em{font-weight:400;color:#738ca0}.wmp-t-copy>span{display:block;color:#8eafbd;margin-top:16px}.wmp-t-corner{position:absolute;font-size:clamp(19px,2.1vw,30px);color:#7f9bac}.wmp-t-corner.tl{left:7%;top:5%}.wmp-t-corner.tr{right:7%;top:5%}.wmp-t-corner.bl{left:7%;bottom:5%}.wmp-t-corner.br{right:7%;bottom:5%}.wmp-t-mark{position:absolute;bottom:8%;left:7%;font-size:11px;color:#978878;letter-spacing:.04em}.wmp-product:hover .wmp-t-tile{transform:rotate(-3deg) translateY(-7px)}
/* RESPONSIVE */
@media (max-width:1100px){.wmp-wrap{width:min(100% - 56px,1300px)}.wmp-hero-copy{grid-template-columns:1.3fr .75fr;gap:28px}.wmp-page h1{font-size:clamp(54px,7vw,82px)}.wmp-chapter{grid-template-columns:43% 57%}.wmp-chapter--reverse{grid-template-columns:57% 43%}.wmp-chapter__copy{padding:36px}.wmp-related__grid{gap:10px}}
@media (max-width:780px){.wmp-wrap{width:min(100% - 36px,1300px)}.wmp-pad{padding-block:76px}.wmp-page h1{font-size:clamp(45px,10vw,74px)}.wmp-page h2{font-size:clamp(37px,8.3vw,61px)}.wmp-hero-copy,.wmp-detail-hero__top{display:block;padding:42px 0}.wmp-hero-aside,.wmp-detail-hero__aside{margin-top:25px}.wmp-hero-aside p,.wmp-detail-hero__aside p{font-size:16px;margin-bottom:20px}.wmp-hero-stage{min-height:430px}.wmp-hero-stage__stack{left:19%;right:4%;top:29%;bottom:4%}.wmp-mini-preview{height:64%;width:49%}.wmp-mini-preview--v{left:0}.wmp-mini-preview--s{left:15%}.wmp-mini-preview--m{left:36%}.wmp-mini-preview--t{left:58%}.wmp-hero-stage__intro{top:26px;left:26px}.wmp-hero-stage__bottom{left:26px;right:26px}.wmp-section-head{align-items:start;flex-direction:column;gap:18px}.wmp-section-head>p{font-size:16px}.wmp-product__info{display:block;min-height:175px}.wmp-product__cta{display:inline-block;margin-top:22px}.wmp-story__layout,.wmp-detail-intro__layout,.wmp-status-section__layout,.wmp-faq__layout,.wmp-final__layout{grid-template-columns:1fr;gap:27px}.wmp-story__right>p,.wmp-detail-intro__layout>div:nth-child(2)>p,.wmp-status-section__layout>div:nth-child(2)>p{font-size:17px}.wmp-detail-hero__art{height:480px;min-height:0}.wmp-chapter,.wmp-chapter--reverse{display:flex;flex-direction:column}.wmp-chapter__copy,.wmp-chapter--reverse .wmp-chapter__copy{order:0;padding:36px 30px}.wmp-chapter__visual,.wmp-chapter--reverse .wmp-chapter__visual{order:1;height:420px}.wmp-chapter__visual-inner,.wmp-chapter__visual-inner>.wmp-visual{min-height:420px}.wmp-chapter__eyebrow{margin-bottom:25px}.wmp-status-section{padding:76px 0}.wmp-related__grid{grid-template-columns:1fr 1fr}.wmp-faq summary{font-size:17px}.wmp-final{padding:76px 0}}
@media (max-width:580px){.wmp-wrap{width:calc(100% - 34px)}.wmp-page h1{font-size:clamp(40px,10vw,56px)}.wmp-page h2{font-size:clamp(35px,9vw,50px)}.wmp-overview-hero{padding-bottom:0}.wmp-breadcrumb{padding:20px 0}.wmp-hero-copy h1{margin-top:20px}.wmp-hero-stage{border-radius:20px;min-height:390px;padding:22px}.wmp-hero-stage__intro p{font-size:28px}.wmp-hero-stage__stack{left:5%;right:1%;top:32%;bottom:7%}.wmp-mini-preview{padding:14px;width:47%;height:59%;border-radius:11px}.wmp-mini-preview--v{left:0}.wmp-mini-preview--s{left:16%;top:9%}.wmp-mini-preview--m{left:35%}.wmp-mini-preview--t{left:60%}.wmp-mini-preview b{font-size:19px}.wmp-mini-preview span{font-size:10px}.wmp-hero-stage__bottom{bottom:17px;font-size:9px;left:18px;right:18px}.wmp-catalog-grid{grid-template-columns:1fr;gap:16px}.wmp-product{border-radius:22px}.wmp-product__art{height:360px}.wmp-product__info{padding:24px}.wmp-section-head h2{margin-top:15px}.wmp-product__info h3{font-size:33px}.wmp-v-app{width:83%;height:69%}.wmp-v-floating{width:47%;right:4%;bottom:5%;padding:12px}.wmp-v-nav{min-height:33px}.wmp-v-nav>b{display:none}.wmp-v-main h3{font-size:clamp(25px,8vw,37px)}.wmp-v-main small{font-size:7px}.wmp-v-pill{font-size:8px}.wmp-s-window{width:82%;height:74%;transform:translate(-5%,0)}.wmp-s-phone{width:27%;height:62%;right:3%;border-width:4px}.wmp-s-sidebar span{font-size:7px}.wmp-s-content h3{font-size:24px}.wmp-m-window{width:86%;height:73%}.wmp-m-main h3{font-size:30px}.wmp-m-modules span{font-size:8px;padding:7px}.wmp-t-tile{width:59%}.wmp-t-copy strong{font-size:23px}.wmp-detail-hero__art{height:385px;border-radius:22px}.wmp-concept-note{font-size:9px;left:12px;bottom:12px;max-width:calc(100% - 24px)}.wmp-detail-hero__foot{font-size:9px}.wmp-detail-intro{padding-top:77px}.wmp-chapter-list{gap:15px}.wmp-chapter{border-radius:20px}.wmp-chapter__copy{padding:35px 25px}.wmp-chapter__copy h3{font-size:40px}.wmp-chapter__copy p{font-size:15px}.wmp-chapter__visual{height:340px}.wmp-chapter__visual-inner,.wmp-chapter__visual-inner>.wmp-visual{min-height:340px}.wmp-related__grid{grid-template-columns:1fr}.wmp-related__item{min-height:150px}.wmp-story__rows{margin-top:27px}}
@media (max-width:350px){.wmp-wrap{width:calc(100% - 28px)}.wmp-page h1{font-size:39px}.wmp-hero-stage__intro p{font-size:25px}.wmp-product__art{height:310px}.wmp-s-sidebar{display:none}.wmp-s-content{padding:7%}.wmp-m-main h3{font-size:23px}.wmp-product__info{padding:20px}.wmp-detail-hero__art{height:310px}.wmp-v-floating{width:52%}.wmp-v-main h3{font-size:23px}}
@media (prefers-reduced-motion:reduce){.wmp-page *, .wmp-page *::before,.wmp-page *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:821px){.wmp-story__layout>div:first-child{position:sticky;top:145px;align-self:start}}

/* WEBMIDOX — ONS WERK / standalone, namespaced stylesheet
   Designed to layer over existing WebMidox header/footer without overrides. */
.wmw{--wmw-text:#151718;--wmw-ink:#22292e;--wmw-muted:#757a7d;--wmw-bg:#fafaf8;--wmw-border:#e4e5e3;--wmw-cream:#f2f2ee;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--wmw-text);background:#fff;line-height:1.5;overflow:clip}
.wmw *{box-sizing:border-box}.wmw a{color:inherit;text-decoration:none}.wmw :where(h1,h2,h3,p){margin:0}.wmw button,.wmw a{-webkit-tap-highlight-color:transparent}.wmw a:focus-visible{outline:2px solid #4d67ac;outline-offset:5px}.wmw-wrap{width:min(calc(100% - 96px),1360px);margin-inline:auto}.wmw-pad{padding-block:clamp(86px,11vw,164px)}.wmw-kicker{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#777e7d}.wmw-crumb{display:flex;align-items:center;gap:12px;color:#82878a;font-size:12px;padding:32px 0 14px;flex-wrap:wrap}.wmw-crumb a{transition:color .25s}.wmw-crumb a:hover{color:#141719}.wmw-crumb span[aria-current=page]{color:#2c3032}
.wmw-overview-hero{padding:0 0 72px;background:linear-gradient(180deg,#fff 0%,#f9faf8 100%)}.wmw-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(36px,6vw,116px);align-items:end;padding:clamp(52px,7vw,112px) 0 clamp(52px,6vw,88px)}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(64px,7.9vw,128px);line-height:.98;font-weight:550;letter-spacing:-.085em;max-width:1050px;margin-top:25px}.wmw-hero-grid h1 em,.wmw-detail-head h1 em,.wmw-section-heading h2 em{font-style:normal;color:#969d9e;font-weight:480}.wmw-hero-aside{max-width:365px;justify-self:end;padding-bottom:8px}.wmw-hero-aside>p,.wmw-detail-head__aside>p{font-size:clamp(16px,1.4vw,19px);line-height:1.68;color:#565d5d;margin-bottom:30px}.wmw-pill{min-height:52px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:13px 24px;font-weight:600;font-size:14px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.wmw-pill--dark{color:white!important;background:#151818}.wmw-pill--dark:hover{background:#343f41;transform:translateY(-3px);box-shadow:0 8px 22px #14191a16}.wmw-pill--light{background:white;color:#14191a!important}.wmw-pill--light:hover{transform:translateY(-3px)}.wmw-pill__line{display:block;background:currentColor;width:21px;height:1px;transform:rotate(-35deg);transform-origin:center}.wmw-lead-cover{height:clamp(340px,52vw,640px);border-radius:28px;position:relative;background:#e8ece9;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;gap:2.2%;padding:3.2%;box-shadow:0 30px 70px #111b1910}.wmw-lead-cover__a,.wmw-lead-cover__b,.wmw-lead-cover__c{overflow:hidden;border-radius:16px;min-width:0;box-shadow:0 12px 30px #1e22221a}.wmw-lead-cover__a{grid-row:span 2}.wmw-lead-cover__b,.wmw-lead-cover__c{min-height:0}.wmw-visual-label{position:absolute;right:28px;bottom:22px;padding:7px 12px;border-radius:30px;color:#3f4846;background:#fffde9f0;font-size:10px;letter-spacing:.03em}
.wmw-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.wmw-section-heading h2{font-size:clamp(43px,5vw,78px);line-height:1.06;font-weight:540;letter-spacing:-.07em;margin-top:20px}.wmw-section-heading>p{max-width:355px;color:#666e71;font-size:16px;line-height:1.7}.wmw-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 24px}.wmw-project{display:block;min-width:0}.wmw-project--wide{grid-column:1/-1}.wmw-project__visual{aspect-ratio:1.18/1;overflow:hidden;border-radius:25px;position:relative;isolation:isolate;transition:border-radius .3s}.wmw-project--wide .wmw-project__visual{aspect-ratio:2.12/1}.wmw-project:hover .wmw-project__visual{border-radius:17px}.wmw-project__visual-label{position:absolute;bottom:17px;right:19px;background:#fffffff5;padding:7px 11px;font-size:10px;color:#777;border-radius:99px}.wmw-project__caption{padding:23px 2px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.wmw-project__tag{font-size:12px;color:#838989;display:block;margin-bottom:10px}.wmw-project__caption h3{font-weight:550;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.05em;line-height:1.1}.wmw-project__caption p{font-size:14px;color:#828788;margin-top:8px}.wmw-project__open{white-space:nowrap;font-weight:600;font-size:13px;transition:transform .3s}.wmw-project:hover .wmw-project__open{transform:translateX(5px)}
.wmw-editorial{background:#171b1b;color:white;padding:clamp(100px,12vw,175px) 0;border-radius:30px}.wmw-editorial__grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.wmw-editorial .wmw-kicker{color:#b6c1bf}.wmw-editorial h2{font-size:clamp(52px,5.7vw,90px);line-height:1.05;letter-spacing:-.08em;font-weight:540;margin-top:24px}.wmw-editorial__copy{padding-top:40px}.wmw-editorial__copy>p{max-width:580px;color:#c1c7c5;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.wmw-editorial__lines{margin:52px 0 35px}.wmw-editorial__lines>div{padding:17px 0;display:flex;gap:25px;border-bottom:1px solid #4d5653;font-size:17px;align-items:center}.wmw-editorial__lines span{font-size:12px;color:#9da5a2}.wmw-editorial__lines b{font-weight:500}.wmw-textlink{display:inline-block;font-weight:600;padding:8px 0;border-bottom:1px solid currentColor;transition:opacity .2s}.wmw-textlink:hover{opacity:.6}.wmw-cta{background:#f1f1ee;padding:120px 0}.wmw-cta__inner{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.wmw-cta h2{font-size:clamp(52px,5.7vw,84px);font-weight:540;letter-spacing:-.075em;line-height:1.02;margin-top:18px}.wmw-cta__inner>div:last-child p{color:#66706c;font-size:16px;line-height:1.7;margin-bottom:30px}
.wmw-detail-hero{background:#fbfbf9;padding-bottom:90px}.wmw-detail-head{padding:clamp(42px,6.4vw,102px) 0 68px;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:55px}.wmw-detail-head h1{font-size:clamp(58px,6.7vw,108px)}.wmw-detail-head__aside{max-width:360px;margin-left:auto}.wmw-detail-stage{height:clamp(390px,53vw,720px);overflow:hidden;border-radius:28px;isolation:isolate;box-shadow:0 24px 60px #141a1710}.wmw-detail-stage>.wmw-art{height:100%;width:100%}.wmw-visual-footer{display:flex;justify-content:space-between;gap:20px;color:#888f8d;font-size:11px;padding:14px 2px}.wmw-context__grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.wmw-context h2,.wmw-delivered h2,.wmw-outro h2{font-size:clamp(48px,5.3vw,78px);line-height:1.07;letter-spacing:-.075em;font-weight:530;margin-top:21px}.wmw-context__grid>div:last-child>p{font-size:17px;line-height:1.76;color:#686e6b;margin-bottom:22px}.wmw-context__grid .wmw-context__lead{font-size:clamp(23px,2.25vw,31px)!important;line-height:1.4!important;color:#1d2523!important;letter-spacing:-.025em}.wmw-context__specs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px;padding-top:30px;border-top:1px solid var(--wmw-border)}.wmw-context__specs>div{display:flex;flex-direction:column;gap:8px}.wmw-context__specs span{font-size:12px;color:#858b89}.wmw-context__specs b{font-weight:550;font-size:15px}.wmw-story{padding:140px 0;background:#f7f8f5}.wmw-section-heading--story{margin-bottom:75px}.wmw-story__stack{display:grid;gap:28px}.wmw-chapter{border-radius:24px;background:white;min-height:530px;display:grid;grid-template-columns:1fr 1.04fr;overflow:hidden}.wmw-chapter--reverse>.wmw-chapter__art{order:-1}.wmw-chapter__copy{padding:clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;gap:50px}.wmw-chapter__copy h3{font-size:clamp(37px,4vw,59px);font-weight:540;letter-spacing:-.06em;line-height:1.08}.wmw-chapter__copy p{font-size:16px;color:#727775;line-height:1.7;max-width:440px;margin-top:27px}.wmw-chapter__art{position:relative;overflow:hidden;min-height:490px}.wmw-chapter__art .wmw-art{height:100%}.wmw-delivered__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:10%;align-items:start}.wmw-delivered__sticky{position:sticky;top:130px}.wmw-delivered__sticky>p:last-child{font-size:16px;color:#7c8180;line-height:1.7;margin-top:25px;max-width:360px}.wmw-delivered__rows>div{padding:34px 0;min-height:126px;display:grid;grid-template-columns:65px 1fr;align-items:center;border-bottom:1px solid #dfe1df;gap:10px}.wmw-delivered__rows span{font-size:13px;color:#a4aaa8}.wmw-delivered__rows h3{font-weight:520;letter-spacing:-.045em;font-size:clamp(27px,2.7vw,39px)}.wmw-outro{background:#202725;color:white;padding:clamp(100px,12vw,160px) 0}.wmw-outro__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.wmw-outro .wmw-kicker{color:#aebdb6}.wmw-outro h2{font-size:clamp(43px,4.9vw,73px)}.wmw-outro__grid>div:last-child p{color:#c4cfca;font-size:17px;line-height:1.7;margin-bottom:30px}.wmw-related .wmw-section-heading{align-items:end}.wmw-related__link{padding:36px 0;border-top:1px solid #dfe2df;border-bottom:1px solid #dfe2df;display:flex;justify-content:space-between;align-items:center;gap:30px;transition:padding .25s}.wmw-related__link:hover{padding-inline:14px}.wmw-related__link p{color:#969c9a;font-size:13px}.wmw-related__link h3{font-weight:540;font-size:clamp(38px,5vw,72px);letter-spacing:-.075em;margin-top:10px}.wmw-related__action{white-space:nowrap;font-size:13px}
/* Project cover studies — CSS only, and always disclosed as illustrative. */
.wmw-art{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;font-family:'DM Sans',sans-serif;isolation:isolate}.wmw-art--vakbouw-zutphen{background:#c9d0cd;color:#23302d}.wmw-art--textieldruk-zutphen{background:#f1e9de;color:#352c29}.wmw-art--tegeltjedruk{background:#e9e0d0;color:#24506f}.wmw-art__webtop{position:absolute;z-index:4;top:6%;left:7%;width:86%;height:9%;min-height:28px;border-radius:9px 9px 0 0;background:#f8f8f4;display:flex;align-items:center;justify-content:space-between;padding-inline:3%;font-size:clamp(10px,.95vw,15px);font-weight:650;box-shadow:0 5px 20px #0001}.wmw-art__browser-dots{display:flex;gap:5px}.wmw-art__browser-dots i{display:block;width:5px;height:5px;background:#b2b7b4;border-radius:50%}.wmw-art__webtop-action{font-weight:400;font-size:.8em}.wmw-art__webtop-action span{margin-left:8px}.wmw-art__v-layout{position:absolute;top:15%;left:7%;width:86%;height:69%;background:#e9e9e1;display:grid;grid-template-columns:.94fr 1.06fr;box-shadow:0 20px 50px #16272527}.wmw-art__v-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8%;gap:15px;min-width:0}.wmw-art__v-type small{letter-spacing:.1em;font-size:clamp(7px,.7vw,10px);font-weight:700}.wmw-art__v-type strong{letter-spacing:-.06em;line-height:1.03;font-size:clamp(20px,3.2vw,62px);font-weight:540}.wmw-art__v-type>span:not(.wmw-art__mini-btn){font-size:clamp(8px,1vw,15px)}.wmw-art__mini-btn{background:#24443b;color:#fff;padding:9px 16px;border-radius:100px;font-size:clamp(7px,.85vw,12px)}.wmw-art__architecture{background:linear-gradient(135deg,#889b8f,#4b615a);position:relative;overflow:hidden}.wmw-art__architecture-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 6%,#e9f0e2a6,transparent 60%)}.wmw-art__arch-building{position:absolute;right:8%;bottom:0;width:65%;height:78%;background:linear-gradient(105deg,#deddd5 0 30%,#b3bbb5 30% 32%,#e2e2d8 33% 100%);transform:skewY(-8deg);box-shadow:-24px -6px 30px #25352b42}.wmw-art__window{position:absolute;background:#2e453f;border:5px solid #c2cbc5;box-shadow:inset 0 0 16px #ddfcf422}.wmw-art__window--one{left:12%;top:15%;width:28%;height:23%}.wmw-art__window--two{right:12%;top:15%;width:28%;height:23%}.wmw-art__window--three{left:12%;top:52%;width:28%;height:28%}.wmw-art__window--four{right:12%;top:52%;width:28%;height:28%}.wmw-art__arch-line{position:absolute;left:-20%;right:-20%;bottom:12%;height:1px;background:#ffffff66;transform:rotate(-8deg)}.wmw-art__v-bottom{position:absolute;left:7%;width:86%;top:84%;height:9%;background:#f8f8f4;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 3%;font-size:clamp(8px,.85vw,13px);color:#647269;border-radius:0 0 7px 7px}.wmw-art__v-bottom>span:first-child{font-weight:700;letter-spacing:.1em}
.wmw-art__webtop--light{background:#fffdfa}.wmw-art__t-layout{position:absolute;top:15%;left:7%;width:86%;height:70%;display:grid;grid-template-columns:.98fr 1.02fr;background:#ead3bd;box-shadow:0 20px 55px #48352629}.wmw-art__t-copy{padding:10%;display:flex;flex-direction:column;justify-content:center;gap:15px}.wmw-art__t-copy small{letter-spacing:.11em;font-size:clamp(7px,.8vw,11px);color:#634f42}.wmw-art__t-copy strong{letter-spacing:-.07em;font-size:clamp(25px,4vw,70px);font-weight:550;line-height:1.02}.wmw-art__t-copy>span{font-size:clamp(9px,.95vw,15px)}.wmw-art__t-shirt{position:absolute;right:6%;top:15%;height:70%;width:46%;background:#7a4036;clip-path:polygon(25% 0,40% 6%,60% 6%,75% 0,100% 19%,83% 40%,75% 35%,77% 100%,23% 100%,25% 35%,17% 40%,0 19%);filter:drop-shadow(0 15px 20px #4c271e55);display:flex;align-items:center;justify-content:center;color:#ffefe2;font-weight:800;font-size:clamp(24px,4vw,70px);letter-spacing:-.08em}.wmw-art__t-shirt-neck{position:absolute;top:0;left:40%;width:20%;height:9%;background:#bba492;border-radius:0 0 99px 99px}.wmw-art__tee-dot{color:#e9b176}.wmw-art__t-bottom{position:absolute;top:85%;height:8%;width:86%;left:7%;display:flex;justify-content:space-between;align-items:center;gap:9px;background:#fffdfa;padding:0 3%;font-size:clamp(7px,.82vw,12px);color:#796960}
.wmw-art__tegel-header,.wmw-art__tegel-footer{position:absolute;left:7%;width:86%;display:flex;justify-content:space-between;align-items:center;gap:10px}.wmw-art__tegel-header{top:6%;height:8%;font-size:clamp(10px,1.3vw,19px);color:#2a3e4a;font-weight:700}.wmw-art__tegel-header>span:first-child span{color:#c56c43}.wmw-art__tegel-header>span:last-child{font-size:clamp(7px,.75vw,11px);letter-spacing:.11em;font-weight:550}.wmw-art__tegel-stage{position:absolute;left:7%;width:86%;top:17%;height:67%;background:radial-gradient(ellipse at center,#fcf8ef,#d8cfbf);display:flex;align-items:center;justify-content:center}.wmw-art__tegel-shadow{position:absolute;width:42%;height:14%;bottom:10%;background:#514b4729;filter:blur(24px);border-radius:100%}.wmw-art__tegel-tile{width:min(54%,46vh);aspect-ratio:1;background:#fffdf7;box-shadow:4px 7px 2px #c1bdaf,10px 20px 34px #4a443b35;position:relative;border-radius:5%;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);border:2px solid #faf5e8}.wmw-art__tegel-tile strong{font-size:clamp(14px,2.2vw,37px);font-family:Georgia,serif;font-weight:400;line-height:1.15;text-align:center;letter-spacing:-.025em}.wmw-art__tegel-tile em{font-style:italic}.wmw-art__tegel-ornament{position:absolute;font-size:clamp(13px,1.9vw,28px);opacity:.55}.wmw-art__tegel-ornament--tl{top:7%;left:8%}.wmw-art__tegel-ornament--tr{top:7%;right:8%;transform:scaleX(-1)}.wmw-art__tegel-ornament--bl{bottom:7%;left:8%;transform:scaleY(-1)}.wmw-art__tegel-ornament--br{bottom:7%;right:8%;transform:scale(-1)}.wmw-art__tegel-footer{bottom:6%;font-size:clamp(8px,.8vw,12px);font-weight:550;letter-spacing:.05em}
/* crop variation for chapter storytelling */
.wmw-art--teaser .wmw-art__tegel-tile{width:57%}.wmw-art--chapter2 .wmw-art__v-layout,.wmw-art--chapter2 .wmw-art__t-layout{transform:scale(1.13) translate(-2%,3%)}.wmw-art--chapter3 .wmw-art__v-layout,.wmw-art--chapter3 .wmw-art__t-layout{transform:scale(.9) translate(2%,4%)}.wmw-art--chapter2 .wmw-art__tegel-tile{transform:rotate(6deg) scale(1.04)}.wmw-art--chapter3 .wmw-art__tegel-tile{transform:rotate(0deg) scale(.9)}.wmw-art--teaser .wmw-art__v-type{gap:5px}.wmw-art--teaser .wmw-art__v-type strong{font-size:clamp(9px,1.8vw,26px)}.wmw-art--teaser .wmw-art__t-copy{gap:3px}.wmw-art--teaser .wmw-art__t-copy strong{font-size:clamp(12px,2vw,27px)}.wmw-art--teaser .wmw-art__mini-btn,.wmw-art--teaser .wmw-art__t-copy>span,.wmw-art--teaser .wmw-art__v-type>span:not(.wmw-art__mini-btn){display:none}
@media(max-width:1100px){.wmw-wrap{width:min(calc(100% - 60px),1360px)}.wmw-hero-grid,.wmw-detail-head{gap:35px}.wmw-chapter{min-height:450px}.wmw-chapter__art{min-height:420px}}
@media(max-width:780px){.wmw-wrap{width:min(calc(100% - 40px),1360px)}.wmw-hero-grid,.wmw-detail-head{grid-template-columns:1fr;gap:25px}.wmw-hero-grid{padding:58px 0 56px}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(59px,10.5vw,82px)}.wmw-hero-aside,.wmw-detail-head__aside{justify-self:start;margin:0;max-width:560px}.wmw-lead-cover{height:440px}.wmw-project-grid{gap:50px 16px}.wmw-project__caption{align-items:start}.wmw-project__open{font-size:12px}.wmw-editorial__grid,.wmw-context__grid,.wmw-delivered__grid,.wmw-outro__grid,.wmw-cta__inner{grid-template-columns:1fr;gap:35px}.wmw-editorial__copy{padding:0}.wmw-editorial{border-radius:22px}.wmw-delivered__sticky{position:static}.wmw-chapter{grid-template-columns:1fr;min-height:0}.wmw-chapter__copy{min-height:260px}.wmw-chapter__art{min-height:410px}.wmw-chapter--reverse>.wmw-chapter__art{order:0}.wmw-section-heading{align-items:start;flex-direction:column;gap:20px}.wmw-detail-stage{height:500px}.wmw-cta{padding:80px 0}}
@media(max-width:560px){.wmw-wrap{width:calc(100% - 36px)}.wmw-crumb{padding:22px 0 7px;font-size:11px}.wmw-kicker{font-size:10px}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(48px,11.7vw,67px)}.wmw-hero-grid h1{margin-top:19px}.wmw-hero-aside>p{font-size:16px;margin-bottom:22px}.wmw-lead-cover{border-radius:18px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:8px;height:510px;padding:10px}.wmw-lead-cover__a{grid-row:auto}.wmw-lead-cover__b,.wmw-lead-cover__c{min-height:0}.wmw-lead-cover>div{border-radius:9px}.wmw-visual-label{font-size:9px;bottom:12px;right:14px}.wmw-project-grid{grid-template-columns:1fr;gap:39px}.wmw-project--wide{grid-column:auto}.wmw-project__visual,.wmw-project--wide .wmw-project__visual{aspect-ratio:1.06/1;border-radius:16px}.wmw-project__caption{padding-top:16px}.wmw-project__caption h3{font-size:27px}.wmw-project__caption p{font-size:12px}.wmw-project__open{display:none}.wmw-section-heading h2,.wmw-editorial h2,.wmw-context h2,.wmw-delivered h2,.wmw-cta h2{font-size:clamp(39px,10vw,54px)}.wmw-pad{padding-block:74px}.wmw-editorial{padding:86px 0;border-radius:18px}.wmw-editorial__copy>p{font-size:17px}.wmw-editorial__lines{margin:34px 0}.wmw-detail-head{padding:55px 0 35px}.wmw-detail-head h1{font-size:clamp(48px,11vw,62px)}.wmw-detail-stage{height:410px;border-radius:17px}.wmw-visual-footer{font-size:10px;gap:12px}.wmw-context__specs{margin-top:32px}.wmw-story{padding:80px 0}.wmw-section-heading--story{margin-bottom:35px}.wmw-chapter__copy{min-height:260px;padding:27px}.wmw-chapter__copy h3{font-size:38px}.wmw-chapter__art{min-height:350px}.wmw-delivered__rows>div{padding:20px 0;min-height:87px;grid-template-columns:34px 1fr}.wmw-delivered__rows h3{font-size:25px}.wmw-outro{padding:85px 0}.wmw-outro h2{font-size:43px}.wmw-related__link{padding:24px 0}.wmw-related__link h3{font-size:36px}.wmw-related__action{display:none}.wmw-art__v-layout,.wmw-art__t-layout{width:92%;left:4%;height:72%;top:14%}.wmw-art__webtop{width:92%;left:4%;top:5%;height:9%}.wmw-art__v-bottom,.wmw-art__t-bottom{width:92%;left:4%;top:86%}.wmw-art__v-type{padding:5%;gap:8px}.wmw-art__v-type strong{font-size:clamp(17px,5vw,27px)}.wmw-art__v-type small{font-size:6px}.wmw-art__v-type>span:not(.wmw-art__mini-btn){font-size:8px}.wmw-art__mini-btn{font-size:7px;padding:6px 8px}.wmw-art__window{border-width:2px}.wmw-art__t-copy{padding:6%;gap:8px}.wmw-art__t-copy strong{font-size:clamp(20px,6vw,36px)}.wmw-art__t-copy small{font-size:6px}.wmw-art__t-copy>span{font-size:8px}.wmw-art__t-shirt{font-size:clamp(20px,7vw,40px)}.wmw-art__tegel-tile{width:69%}.wmw-art__tegel-tile strong{font-size:clamp(16px,4.6vw,26px)}.wmw-art__tegel-header{left:5%;width:90%}.wmw-art__tegel-header>span:last-child{font-size:6px}.wmw-art__tegel-stage{left:5%;width:90%}.wmw-art__tegel-footer{left:5%;width:90%;font-size:7px}.wmw-art--teaser .wmw-art__v-type strong{font-size:14px}.wmw-art--teaser .wmw-art__t-copy strong{font-size:16px}}
@media(max-width:365px){.wmw-hero-grid h1,.wmw-detail-head h1{font-size:46px}.wmw-project__caption h3{font-size:25px}.wmw-chapter__copy h3{font-size:33px}.wmw-visual-footer span:last-child{display:none}.wmw-art__t-copy small,.wmw-art__v-type small{display:none}}
@media(prefers-reduced-motion:reduce){.wmw *, .wmw *::before,.wmw *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* WEBMIDOX / OVER ONS — independent, namespaced styling.
   Layered on top of the existing header/footer. No external illustrations or libraries. */
.wma{--a-text:#191b1d;--a-muted:#757875;--a-line:#e3e5e3;--a-off:#f4f4f1;--a-paper:#f8f8f6;--a-dark:#191d1d;--a-green:#b2c9bb;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--a-text);background:#fff;overflow:clip;line-height:1.5}
.wma *,.wma *::before,.wma *::after{box-sizing:border-box}.wma :is(h1,h2,h3,p,figure){margin:0}.wma a{color:inherit;text-decoration:none}.wma a:focus-visible,.wma summary:focus-visible{outline:2px solid #465f55;outline-offset:6px}.wma-wrap{width:min(100% - 100px,1400px);margin-inline:auto}.wma-pad{padding-block:clamp(92px,10vw,158px)}.wma-kicker{color:#777d7d;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:650}.wma h1,.wma h2,.wma h3{letter-spacing:-.065em;font-weight:550}.wma-btn{display:inline-flex;align-items:center;justify-content:center;gap:29px;min-height:52px;padding:14px 22px;border-radius:100px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .22s,transform .22s,box-shadow .22s}.wma-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1b1e1c14}.wma-btn--dark{background:#171a1b;color:#fff!important}.wma-btn--dark:hover{background:#303735}.wma-btn--light{background:#f3f3f1;color:#1b1d1c!important}.wma-btn--white{background:#fff;color:#1d2320!important}.wma-btn__arrow{display:inline-block;width:13px;height:13px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;position:relative;transform:scale(.66)}.wma-btn__arrow::after{content:'';position:absolute;height:1.5px;width:18px;right:-1px;top:0;background:currentColor;transform:rotate(-45deg);transform-origin:right top}.wma-crumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#939696;padding:25px 0 0}.wma-crumb [aria-current="page"]{color:#383e3b}
/* Hero — asymmetrical typography plus studio identity without generic AI illustration */
.wma-hero{padding-bottom:25px}.wma-hero__heading{padding:clamp(72px,8.5vw,140px) 0 clamp(61px,6.2vw,106px);display:grid;grid-template-columns:minmax(0,1.47fr) minmax(280px,.53fr);align-items:end;gap:clamp(38px,6vw,110px)}.wma-hero h1{font-size:clamp(56px,7.2vw,119px);line-height:.99;margin-top:27px;max-width:1050px}.wma-hero h1 span,.wma-intro h2 span{color:#a3a6a4}.wma-hero__aside{max-width:355px;justify-self:end;padding-bottom:10px}.wma-hero__aside p{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#5e6561;margin-bottom:27px}.wma-hero__stage{height:clamp(440px,47vw,660px);display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border-radius:25px;background:#252b29}.wma-hero__stage-left{background:#e7e8e2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(27px,3.4vw,57px);position:relative}.wma-hero__edition{font-size:11px;letter-spacing:.16em;font-weight:700}.wma-hero__maintext{font-size:clamp(42px,5vw,83px);line-height:1.02;letter-spacing:-.078em;font-weight:580}.wma-hero__maintext em{font-style:normal;color:#8c9790}.wma-hero__stage-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bfc4bd;padding-top:17px;font-size:11px;color:#626c67;letter-spacing:.04em}.wma-hero__stage-right{position:relative;padding:clamp(27px,3.4vw,56px);background:radial-gradient(ellipse 85% 72% at 75% 72%,#657d73 0,#31413b 57%,#1c2423 100%);overflow:hidden;color:#f5f6f1;display:flex;flex-direction:column;justify-content:space-between}.wma-hero__stage-right::before{content:'';position:absolute;inset:-50%;background:repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 17%);transform:rotate(-18deg);opacity:.2;pointer-events:none}.wma-hero__raster{position:relative;display:flex;gap:22px;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#e7f0e4a6}.wma-hero__signature{font-size:clamp(64px,7.5vw,130px);line-height:1;letter-spacing:-.11em;font-weight:600;position:relative;align-self:center;white-space:nowrap}.wma-hero__signature span{color:#c2d7c6}.wma-hero__stage-note{font-size:13px;color:#c9d7ce;position:relative}
/* Intro editorial statement */
.wma-intro__layout{display:grid;grid-template-columns:1fr 2.1fr;gap:8%}.wma-intro__layout>.wma-kicker{padding-top:18px}.wma-intro h2{font-size:clamp(53px,5.8vw,98px);line-height:1.08;max-width:1060px}.wma-intro__layout>div p{max-width:690px;margin-top:38px;font-size:clamp(18px,1.55vw,23px);line-height:1.65;color:#666b68}
/* Portrait and founder */
.wma-founder{background:var(--a-paper)}.wma-founder__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(55px,9vw,150px)}.wma-founder__portrait{background:#e5e5df;min-height:520px;aspect-ratio:4/4.45;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;border-radius:22px}.wma-founder__portrait::before{content:'';position:absolute;inset:0;background:linear-gradient(138deg,#f0ede6,#d1d7d2);opacity:.85}.wma-founder__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:2}.wma-founder__portrait.is-missing img{display:none}.wma-founder__fallback{position:relative;z-index:1;font-size:clamp(42px,5vw,78px);line-height:1.06;letter-spacing:-.075em;font-weight:600;color:#344740;text-align:center;padding:24px}.wma-founder__fallback span{color:#9ab7a5}.wma-founder__caption{padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.wma-founder__caption span:last-child{color:#8b918d}.wma-founder__copy{padding:20px 0}.wma-founder__copy h2{font-size:clamp(47px,5vw,84px);line-height:1.055;margin:25px 0 28px}.wma-founder__copy p:not(.wma-kicker){font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:#686d6a;max-width:590px;margin-bottom:20px}.wma-founder__copy p.wma-founder__lead{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#222827}.wma-founder__sign{border-top:1px solid #d9dcd6;margin-top:36px;padding-top:19px;display:flex;justify-content:space-between;gap:22px;align-items:center}.wma-founder__sign span{font-size:15px;font-weight:700}.wma-founder__sign small{color:#898f89;font-size:12px}
/* Work expertise — editorial list */
.wma-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:61px}.wma-heading h2{font-size:clamp(51px,6vw,95px);line-height:1.055;margin-top:23px}.wma-heading>p{width:325px;color:#656d68;font-size:17px;line-height:1.6;padding-bottom:7px}.wma-expertise__list{border-top:1px solid var(--a-line)}.wma-expertise__item{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;gap:22px;align-items:center;border-bottom:1px solid var(--a-line);padding:31px 8px 31px 1px;transition:background .2s,padding .2s}.wma-expertise__item:hover{background:#f6f7f4;padding-left:18px}.wma-expertise__item>span:first-child{align-self:start;color:#9da09e;font-size:12px;padding-top:12px}.wma-expertise__item h3{font-size:clamp(29px,3.25vw,52px);line-height:1.1}.wma-expertise__item p{color:#808784;margin-top:10px;font-size:15px}.wma-expertise__icon{width:28px;height:28px;border:1px solid #cbd0ce;border-radius:50%;position:relative}.wma-expertise__icon::after{content:'';position:absolute;top:9px;left:9px;width:9px;height:9px;border-right:1.5px solid #232d28;border-top:1.5px solid #232d28;transform:rotate(45deg)}.wma-textlink{display:inline-flex;gap:19px;align-items:center;padding:26px 0 4px;font-weight:650;font-size:15px}.wma-textlink__line{width:30px;height:1px;background:currentColor;transition:width .25s}.wma-textlink:hover .wma-textlink__line{width:52px}
/* technology sticky */
.wma-technology{background:#1a1f1e;color:#f1f3f0}.wma-technology__layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(65px,8vw,150px);align-items:start}.wma-technology__intro{align-self:stretch}.wma-technology__sticky{position:sticky;top:125px;padding-top:18px}.wma-technology__sticky .wma-kicker{color:#9eada4}.wma-technology h2{font-size:clamp(54px,5.1vw,86px);line-height:1.07;margin:24px 0 25px}.wma-technology__sticky>p:not(.wma-kicker){color:#afb8b1;font-size:clamp(16px,1.28vw,19px);line-height:1.68;max-width:450px;margin-bottom:27px}.wma-technology__chapters{display:grid;gap:20px}.wma-tech-chapter{border:1px solid #414944;background:#272e2b;border-radius:22px;padding:clamp(27px,3vw,51px);min-height:650px;display:flex;flex-direction:column;align-items:start}.wma-tech-chapter>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#a1afa5}.wma-tech-chapter h3{font-size:clamp(38px,3.4vw,57px);line-height:1.08;margin-top:34px}.wma-tech-chapter>p{font-size:16px;line-height:1.65;color:#b1bbb3;max-width:440px;margin:20px 0 34px}.wma-tech-visual{margin-top:auto;height:260px;background:#dfe8df;border-radius:13px;position:relative;width:100%;overflow:hidden;color:#2a3e31;padding:23px}.wma-tech-caption{position:relative;z-index:1;font-size:10px;letter-spacing:.12em;font-weight:750;color:#667a6b}.wma-tech-visual--structure{background:#ebede7}.wma-tech-visual--structure>div{display:flex;align-items:center;justify-content:space-between;gap:7px;position:absolute;left:8%;right:8%;top:43%}.wma-tech-visual--structure i{font-size:clamp(11px,1.2vw,16px);font-weight:650;font-style:normal;background:#fff;border-radius:100px;padding:18px 18px;min-width:0;box-shadow:0 8px 25px #24352f12}.wma-tech-visual--structure b{height:1px;flex:1;background:#a5b9a9;min-width:9px}.wma-tech-visual--models{background:#e1e3d9}.wma-tech-visual__model{margin:29px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:410px}.wma-tech-visual__model span,.wma-tech-visual__model strong{display:grid;place-items:center;text-align:center;font-size:13px;font-weight:550;background:#f4f6ef;min-height:62px;border:1px solid #ced6ce;border-radius:9px}.wma-tech-visual__model strong{grid-column:span 2;background:#274335;color:#f6f8f2;border-color:#274335;font-weight:650}.wma-tech-visual--blocks{background:#d9ded9}.wma-tech-visual--blocks>div{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wma-tech-visual--blocks>div span{background:#f6f7f3;padding:22px 12px;border-radius:10px;font-size:14px;font-weight:650;box-shadow:0 2px 10px #2b44331c}
/* Approach */
.wma-heading--compact h2{max-width:920px}.wma-approach__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}.wma-approach__steps article{padding:39px 45px 43px 0;min-height:335px}.wma-approach__steps article+article{border-left:1px solid var(--a-line);padding-left:45px}.wma-approach__steps article>span{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#858e87;font-weight:700}.wma-approach__steps h3{font-size:clamp(27px,2.4vw,40px);line-height:1.12;margin:58px 0 19px}.wma-approach__steps p{max-width:295px;font-size:16px;line-height:1.6;color:#747a77}
/* Projects */
.wma-projects{background:#f6f6f3}.wma-projects .wma-heading{align-items:end}.wma-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wma-project__art{aspect-ratio:1.03;min-height:300px;border-radius:17px;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.wma-project:hover .wma-project__art{transform:translateY(-5px)}.wma-project__top,.wma-project__bottom{font-size:10px;letter-spacing:.12em;font-weight:750;z-index:1}.wma-project__cover{font-size:clamp(36px,3.3vw,61px);letter-spacing:-.073em;line-height:1.07;font-weight:600;z-index:1}.wma-project__cover em{font-weight:500;font-style:normal;opacity:.75}.wma-project--vakbouw .wma-project__art{background:#c9d3cf;color:#24443d}.wma-project--vakbouw .wma-project__art::before{content:'';position:absolute;right:-4%;bottom:-10%;width:62%;height:77%;border:20px solid #8ba49a55;box-shadow:inset 0 0 0 25px #e9eee81e;transform:rotate(-12deg)}.wma-project--textiel .wma-project__art{background:#d7beab;color:#472b24}.wma-project--textiel .wma-project__art::before{content:'';position:absolute;right:-14%;top:-17%;height:100%;width:65%;border-radius:50%;background:#f1dfca55;transform:rotate(20deg)}.wma-project--tegeltje .wma-project__art{background:#e7e7dd;color:#3c5658}.wma-project--tegeltje .wma-project__art::before{content:'';position:absolute;width:55%;aspect-ratio:1;right:-12%;top:5%;background:#f9f6e9;transform:rotate(13deg);box-shadow:8px 13px 12px #45524b19;border:4px solid #fffdf6}.wma-project__caption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 2px 0}.wma-project__caption h3{font-size:22px;letter-spacing:-.03em}.wma-project__caption span{color:#8a908d;font-size:13px}.wma-projects__note{font-size:12px;color:#979d99;margin-top:28px}
/* Principles */
.wma-principles__grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.wma-principles h2{font-size:clamp(54px,5vw,83px);line-height:1.05;margin-top:23px}.wma-principles__text>p{font-size:21px;line-height:1.55;margin:15px 0 45px;max-width:550px;color:#656b66}.wma-principles__line{border-top:1px solid var(--a-line);display:grid;grid-template-columns:35px 1fr auto;gap:18px;align-items:center;padding:22px 0}.wma-principles__line:last-child{border-bottom:1px solid var(--a-line)}.wma-principles__line span{font-size:12px;color:#9b9f9c}.wma-principles__line b{font-size:18px;font-weight:600}.wma-principles__line small{font-size:12px;color:#9a9e9c;text-align:right}
/* FAQ */
.wma-faq{background:#f7f7f4}.wma-faq__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:14%}.wma-faq h2{font-size:clamp(53px,5vw,81px);line-height:1.06;margin-top:24px}.wma-faq__layout>div:first-child>p:not(.wma-kicker){font-size:17px;color:#757b77;margin-top:22px}.wma-faq__items{border-top:1px solid #dedfdb}.wma-faq__items details{border-bottom:1px solid #dedfdb}.wma-faq__items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:23px;padding:25px 0;font-size:17px;font-weight:600}.wma-faq__items summary::-webkit-details-marker{display:none}.wma-faq__items details p{font-size:15px;color:#727a73;line-height:1.7;max-width:600px;padding:0 45px 25px 0}.wma-faq__plus{flex:0 0 27px;width:27px;height:27px;border:1px solid #d2d6d1;border-radius:50%;position:relative}.wma-faq__plus::before,.wma-faq__plus::after{content:'';position:absolute;background:#1f2822;left:8px;top:12px;width:9px;height:1px;transition:transform .2s}.wma-faq__plus::after{transform:rotate(90deg)}.wma-faq details[open] .wma-faq__plus::after{transform:rotate(0)}
/* Contact final */
.wma-contact{background:#dbe4db;padding:48px 0 35px}.wma-contact__eyebrow{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #a8b9aa;padding-bottom:21px;font-size:11px;letter-spacing:.1em;font-weight:650}.wma-contact__body{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:clamp(75px,9vw,145px) 0 clamp(75px,9vw,145px)}.wma-contact h2{font-size:clamp(72px,8vw,130px);line-height:.98}.wma-contact__body p{color:#536058;font-size:18px;line-height:1.6;margin-top:30px;max-width:540px}.wma-contact__end{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #a8b9aa;padding-top:22px;font-size:14px;font-weight:600}
/* Interaction enhancement never hides un-initialized content. */
.wma [data-wma-appear]{transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .75s}.wma.js-wma-ready [data-wma-appear]:not(.is-in-view){transform:translateY(12px);opacity:1}.wma.js-wma-ready [data-wma-appear].is-in-view{transform:translateY(0);opacity:1}
@media(max-width:1100px){.wma-wrap{width:min(100% - 64px,1400px)}.wma-hero__heading{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}.wma-hero h1{font-size:clamp(57px,7vw,90px)}.wma-founder__grid{gap:60px}.wma-technology__layout{gap:65px}.wma-hero__raster span:nth-child(2){display:none}.wma-project__art{min-height:260px}}
@media(max-width:800px){.wma-wrap{width:min(100% - 44px,1400px)}.wma-hero__heading,.wma-intro__layout,.wma-founder__grid,.wma-technology__layout,.wma-principles__grid,.wma-faq__layout{grid-template-columns:1fr}.wma-hero__heading{padding:72px 0 55px;gap:30px}.wma-hero__aside{max-width:580px;justify-self:start}.wma-hero h1{font-size:clamp(52px,8vw,81px)}.wma-hero__stage{height:500px}.wma-hero__signature{font-size:clamp(45px,7vw,80px)}.wma-intro__layout{gap:28px}.wma-founder__grid{gap:40px}.wma-founder__portrait{min-height:0;aspect-ratio:4/3.6}.wma-founder__copy{padding:0}.wma-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:43px}.wma-heading>p{width:auto;max-width:570px}.wma-technology__layout{gap:45px}.wma-technology__sticky{position:static}.wma-technology__chapters{grid-template-columns:1fr;gap:14px}.wma-tech-chapter{min-height:540px}.wma-approach__steps article{padding-right:20px}.wma-approach__steps article+article{padding-left:20px}.wma-projects__grid{gap:13px}.wma-project__art{min-height:215px}.wma-project__cover{font-size:clamp(29px,4.7vw,47px)}.wma-project__top,.wma-project__bottom{font-size:8px}.wma-project__caption h3{font-size:18px}.wma-principles__grid{gap:35px}.wma-faq__layout{gap:42px}}
@media(max-width:620px){.wma-wrap{width:calc(100% - 36px)}.wma-pad{padding-block:80px}.wma-crumb{padding-top:20px;font-size:11px}.wma-kicker{font-size:10px}.wma-hero__heading{padding:71px 0 42px}.wma-hero h1{font-size:clamp(43px,11.3vw,64px);letter-spacing:-.073em;margin-top:20px}.wma-hero__aside p{font-size:16px;margin-bottom:20px}.wma-btn{min-height:48px;font-size:13px;padding:12px 19px}.wma-hero__stage{height:auto;min-height:680px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;border-radius:18px}.wma-hero__stage-left,.wma-hero__stage-right{min-height:340px;padding:24px}.wma-hero__maintext{font-size:clamp(48px,10.5vw,71px)}.wma-hero__stage-bottom{font-size:9px}.wma-hero__signature{font-size:clamp(53px,11vw,76px)}.wma-hero__raster{font-size:9px}.wma-hero__stage-note{font-size:12px}.wma-intro h2,.wma-heading h2,.wma-founder__copy h2,.wma-technology h2,.wma-principles h2,.wma-faq h2{font-size:clamp(41px,10vw,58px)}.wma-intro__layout>div p{margin-top:24px;font-size:17px}.wma-founder__portrait{aspect-ratio:1/1.15;border-radius:16px}.wma-founder__fallback{font-size:51px}.wma-founder__caption{font-size:12px}.wma-founder__copy h2{margin-top:20px}.wma-founder__copy p:not(.wma-kicker){font-size:15px}.wma-founder__copy p.wma-founder__lead{font-size:18px}.wma-expertise__item{grid-template-columns:26px 1fr 24px;gap:10px;padding:25px 0}.wma-expertise__item:hover{padding-left:5px}.wma-expertise__item>span:first-child{font-size:10px;padding-top:6px}.wma-expertise__item h3{font-size:clamp(27px,7.1vw,39px)}.wma-expertise__item p{font-size:13px;line-height:1.55}.wma-expertise__icon{width:22px;height:22px}.wma-expertise__icon::after{top:7px;left:7px;width:7px;height:7px}.wma-tech-chapter{min-height:510px;padding:25px;border-radius:17px}.wma-tech-chapter h3{font-size:clamp(34px,8.7vw,48px);margin-top:27px}.wma-tech-chapter>p{font-size:14px;margin:17px 0 25px}.wma-tech-visual{height:200px;padding:17px}.wma-tech-visual--structure i{padding:15px 10px;font-size:11px}.wma-tech-visual--blocks>div span{font-size:12px;padding:17px 7px}.wma-tech-visual__model{margin-top:18px;gap:7px}.wma-tech-visual__model span,.wma-tech-visual__model strong{font-size:11px;min-height:52px}.wma-approach__steps{grid-template-columns:1fr}.wma-approach__steps article,.wma-approach__steps article+article{min-height:0;border-left:0;border-top:1px solid var(--a-line);padding:23px 0 32px}.wma-approach__steps article:first-child{border-top:0}.wma-approach__steps h3{font-size:33px;margin:27px 0 12px}.wma-approach__steps p{font-size:14px;max-width:460px}.wma-projects__grid{grid-template-columns:1fr;gap:35px}.wma-project__art{aspect-ratio:1.22;min-height:0;border-radius:16px}.wma-project__cover{font-size:clamp(39px,11vw,67px)}.wma-project__top,.wma-project__bottom{font-size:9px}.wma-project__caption h3{font-size:22px}.wma-projects__note{font-size:11px}.wma-principles__text>p{font-size:17px;margin-top:0}.wma-principles__line{grid-template-columns:23px 1fr;gap:12px;padding:19px 0}.wma-principles__line small{grid-column:2;text-align:left}.wma-principles__line b{font-size:17px}.wma-faq__items summary{font-size:15px;padding:22px 0}.wma-faq__items details p{font-size:14px}.wma-contact{padding:30px 0}.wma-contact__eyebrow{font-size:9px}.wma-contact__body{align-items:start;flex-direction:column;padding:78px 0 85px}.wma-contact h2{font-size:clamp(57px,13vw,84px)}.wma-contact__body p{font-size:16px;margin-top:20px}.wma-contact__end{font-size:12px}}
@media(max-width:360px){.wma-hero h1{font-size:42px}.wma-hero__maintext{font-size:46px}.wma-hero__signature{font-size:50px}.wma-hero__stage-left,.wma-hero__stage-right{min-height:320px}.wma-founder__caption{gap:5px}.wma-founder__caption span:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wma *,.wma *::before,.wma *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* WEBMIDOX / CONTACT + JURIDISCH
   Scoped styles: do not touch the original hero, pages, header, or footer.
*/
.wmcl{--ink:#1a1c1b;--mute:#737a76;--line:#e5e8e4;--paper:#fafbf8;--green:#c9ddd1;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-weight:400;overflow:clip;background:#fff;line-height:1.5}
.wmcl *, .wmcl *::before,.wmcl *::after{box-sizing:border-box}
.wmcl :is(h1,h2,h3,p,ul){margin:0}
.wmcl a{color:inherit;text-decoration:none}
.wmcl-wrap{width:min(1352px,calc(100% - 104px));margin:0 auto}
.wmcl :is(h1,h2,h3){font-family:'DM Sans',system-ui,sans-serif;font-weight:540;letter-spacing:-.075em;line-height:1.05}
.wmcl em{font-style:normal;color:#a3aaa4}
.wmcl-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;color:#78817b;text-transform:uppercase;line-height:1.5}
.wmcl-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:21px;border-bottom:1px solid var(--line);font-size:11px;font-weight:650;letter-spacing:.12em;color:#838c86;text-transform:uppercase}
.wmcl-topline a{transition:color .2s}.wmcl-topline a:hover{color:#111}
.wmcl :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #51816d;outline-offset:4px}
.wmcl-pill{display:inline-flex;align-items:center;gap:35px;justify-content:space-between;min-height:54px;padding:15px 24px;border:0;border-radius:50px;font-size:14px;font-weight:650;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;max-width:100%}
.wmcl-pill:hover{transform:translateY(-2px)}.wmcl-pill--dark{background:#171b19;color:#fff!important}.wmcl-pill--dark:hover{background:#35463e}.wmcl-pill--light{background:#fff;color:#151b18!important}
.wmcl-line-arrow{display:inline-block;flex:none;height:12px;width:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:2px}
/* Contact hero */
.wmc-hero{background:linear-gradient(180deg,#fff 0%,#fafaf8 100%);padding-bottom:92px}
.wmc-hero__grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;padding:clamp(70px,9vw,138px) 0 75px}
.wmc-hero h1{font-size:clamp(64px,8.6vw,138px);margin-top:19px;line-height:.98;letter-spacing:-.093em}
.wmc-hero__aside{max-width:370px;justify-self:end;padding-bottom:10px}.wmc-hero__aside p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;letter-spacing:-.018em;color:#626b66;margin-bottom:33px}
.wmc-hero__art{min-height:570px;display:grid;grid-template-columns:1fr .85fr;gap:16px;padding:22px;background:#e6eae5;border-radius:23px;overflow:hidden}
.wmc-hero__art-left,.wmc-hero__art-right{border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:40px;min-width:0}
.wmc-hero__art-left{background:#fefefd;position:relative;overflow:hidden}
.wmc-hero__art-left::before{content:'';position:absolute;right:-12%;top:-35%;height:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#deebdf 5%,#edf3e9 47%,transparent 70%);pointer-events:none}
.wmc-hero__micro{font-size:11px;letter-spacing:.14em;color:#7b8980;font-weight:700;z-index:1}
.wmc-hero__typography{font-size:clamp(76px,8vw,132px);line-height:.91;letter-spacing:-.105em;font-weight:550;position:relative;z-index:1;padding:36px 0}
.wmc-hero__typography>span{color:#97b49f}.wmc-hero__typography i{font-style:normal;color:#9eaca2}
.wmc-hero__art-right{background:linear-gradient(135deg,#2b473a,#111d18);color:#eef5ef;align-items:flex-start;gap:22px}
.wmc-hero__art-right>span:first-child{font-size:12px;color:#b8d3c2;letter-spacing:.08em}
.wmc-hero__art-message,.wmc-hero__art-answer{max-width:89%;font-size:clamp(16px,1.5vw,22px);line-height:1.45;letter-spacing:-.022em;border-radius:22px;padding:22px 25px}
.wmc-hero__art-message{background:#f6faf5;color:#26382c;border-bottom-left-radius:6px;box-shadow:0 15px 45px #0001}
.wmc-hero__art-answer{background:#42614d;color:#f4faf3;align-self:flex-end;border-bottom-right-radius:6px}
.wmc-hero__art-bottom{font-size:12px;color:#bad1be;line-height:1.4;margin-top:auto}
/* Contact form */
.wmc-form-section{padding:clamp(90px,12vw,160px) 0;background:#fff}
.wmc-form-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:clamp(45px,8vw,155px);align-items:start}
.wmc-form-intro{position:sticky;top:135px}
.wmc-form-intro h2{font-size:clamp(55px,6.4vw,99px);margin:28px 0;line-height:1.04}.wmc-form-intro>p:not(.wmcl-kicker){font-size:18px;line-height:1.7;color:#666f69;max-width:410px}
.wmc-form-contact{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:67px;font-size:14px;color:#8a928b}.wmc-form-contact a{font-size:20px;color:#19251d;font-weight:650;letter-spacing:-.04em;border-bottom:1px solid #aab4ac;padding-bottom:7px}
.wmc-form-card{background:#f6f7f4;border:1px solid #e6e9e5;border-radius:22px;padding:clamp(26px,4.6vw,62px)}
.wmc-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}
.wmc-field{min-width:0;display:flex;flex-direction:column;gap:12px}.wmc-field--wide{grid-column:1/-1}
.wmc-field label{font-weight:650;font-size:13px;color:#273029}.wmc-field label>span:not(.wmc-optional){color:#6b8b78}
.wmc-field .wmc-optional{font-size:11px;color:#939a94;margin-left:3px;font-weight:500}
.wmc-field :is(input,textarea,select){font:inherit;color:#202b25;min-width:0;width:100%;outline:none;border:1px solid #dde2dd;border-radius:10px;padding:17px 16px;background:#fff;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease}
.wmc-field :is(input,textarea,select):focus{border-color:#789782;box-shadow:0 0 0 3px #6eaa7730}
.wmc-field :is(input,textarea)::placeholder{color:#939c95}.wmc-field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 7 6 6 6-6' fill='none' stroke='%236a786e' stroke-width='1.7'/%3E%3C/svg%3E") right 15px center/17px no-repeat;padding-right:38px}
.wmc-field textarea{resize:vertical;min-height:170px;line-height:1.6}.wmc-field>small{font-size:11px;color:#a1aaa3}
.wmc-form-bottom{margin-top:36px;border-top:1px solid #dfe4df;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.wmc-form-bottom p{font-size:12px;color:#89938b;max-width:360px;line-height:1.7}.wmc-form-bottom p a{color:#253b2c;text-decoration:underline;text-underline-offset:3px}
.wmc-form-bottom .wmcl-pill{flex:none}
.wmc-honey{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}
.wmc-alert{padding:18px 21px;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.6}.wmc-alert strong{display:block;margin-bottom:6px}.wmc-alert p{margin:0}.wmc-alert ul{padding-left:17px}.wmc-alert--success{background:#e4f1e6;color:#245139}.wmc-alert--error{background:#faece7;color:#6c3023}
/* Approach */
.wmc-after{padding:clamp(80px,11vw,145px) 0;background:#fafbf8}
.wmcl-section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}
.wmcl-section-top h2{font-size:clamp(50px,5.6vw,84px)}
.wmc-after-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dfe3dd}
.wmc-after-steps article{padding:35px 38px 40px 0;border-bottom:1px solid #dfe3dd;min-height:220px}
.wmc-after-steps article+article{border-left:1px solid #dfe3dd;padding-left:38px}
.wmc-after-steps article>span{font-size:12px;font-weight:650;color:#849087}
.wmc-after-steps h3{font-size:clamp(26px,2.4vw,39px);line-height:1.14;margin:45px 0 15px}
.wmc-after-steps p{font-size:15px;line-height:1.65;color:#7f8981;max-width:340px}
.wmc-last{background:#d7e4d9;padding:clamp(80px,10vw,145px) 0}
.wmc-last__grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:end}
.wmc-last h2{font-size:clamp(53px,6.6vw,106px);margin-top:27px}
.wmc-last__grid>div:last-child p{font-size:17px;line-height:1.6;color:#526957;margin-bottom:29px}
/* Legal index */
.wml-index-hero{background:#f8f9f6}.wml-index-heading{display:grid;grid-template-columns:1fr .5fr;align-items:end;gap:60px;padding:clamp(72px,9.2vw,145px) 0 clamp(83px,10vw,150px)}
.wml-index-heading h1{font-size:clamp(78px,10vw,153px);margin-top:22px;letter-spacing:-.095em}
.wml-index-heading>p{font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:#676f69;max-width:410px;padding-bottom:11px}
.wml-index-links{background:#fff;padding:clamp(80px,9vw,140px) 0}.wml-index-links .wmcl-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.wml-index-card{display:flex;flex-direction:column;min-height:440px;padding:clamp(27px,3.2vw,50px);background:#f3f5f2;border:1px solid #e6eae6;border-radius:19px;position:relative;transition:transform .22s ease,background .22s ease}
.wml-index-card:nth-child(2){background:#e3ece5}.wml-index-card:nth-child(3){background:#edf0eb}
.wml-index-card:hover{transform:translateY(-5px);background:#dae8dd}
.wml-index-card>span{font-size:11px;font-weight:700;letter-spacing:.11em;color:#758177}
.wml-index-card h2{font-size:clamp(33px,3vw,49px);margin-top:auto;line-height:1.08;letter-spacing:-.055em}
.wml-index-card p{font-size:15px;color:#637068;line-height:1.6;margin-top:17px;max-width:300px}
.wml-index-card i{position:absolute;right:30px;top:25px;font-size:24px;font-weight:300;font-style:normal;color:#445349}
.wml-index-company{padding:clamp(85px,11vw,160px) 0;background:#19251d;color:#fff}
.wml-index-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.wml-index-company h2{font-size:clamp(75px,8vw,130px);margin-top:24px}.wml-index-company .wmcl-kicker{color:#b2c8b7}
.wml-company-info{display:grid;grid-template-columns:1fr 1fr;gap:35px 40px;margin-top:12px}
.wml-company-info span{font-size:12px;color:#9eb2a4}.wml-company-info p{font-size:18px;line-height:1.55;margin-top:11px}.wml-company-info a{text-decoration:underline;text-underline-offset:4px}
.wml-index-dev{padding:20px 0;color:#936938;font-size:13px;line-height:1.65}
/* Legal documents */
.wml-hero{background:#f9faf7}.wml-hero .wmcl-kicker{margin-top:clamp(75px,10vw,155px)}
.wml-hero h1{font-size:clamp(71px,9.4vw,151px);margin-top:20px;letter-spacing:-.095em;overflow-wrap:break-word}.wml-hero h1 span{color:#a1b6a4}
.wml-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:clamp(37px,5vw,85px) 0 65px}
.wml-hero-bottom p{font-size:clamp(20px,1.8vw,28px);color:#636d66;line-height:1.5;max-width:650px;letter-spacing:-.025em}
.wml-hero-bottom span{color:#929991;font-size:12px;flex:none}
.wml-document{padding:clamp(84px,9.6vw,150px) 0;background:#fff}
.wml-document-grid{display:grid;grid-template-columns: .34fr .66fr;gap:clamp(55px,7vw,130px);align-items:stretch}
.wml-aside-sticky{position:sticky;top:125px;padding-bottom:30px}.wml-aside .wmcl-kicker{margin-bottom:28px}
.wml-toc{display:flex;flex-direction:column;border-left:1px solid #e5e9e4}.wml-toc a{font-size:13px;color:#828d84;line-height:1.5;padding:11px 0 11px 20px;transition:color .2s ease,border .2s ease;border-left:2px solid transparent;margin-left:-1px}
.wml-toc a:hover,.wml-toc a.is-active{color:#1f3025;border-left-color:#5a8c69}
.wml-back{display:inline-block;margin-top:30px;color:#576b5a!important;font-size:13px;text-decoration:underline!important;text-underline-offset:4px}
.wml-document-lead{font-size:clamp(25px,2.35vw,36px);letter-spacing:-.045em;line-height:1.45;color:#26352a;font-weight:500;max-width:740px;margin-bottom:55px!important}
.wml-dev-note,.wml-note{padding:18px 22px;background:#fcf5e9;color:#7c6240;border:1px solid #f5e8d4;border-radius:10px;font-size:13px;line-height:1.6;margin:0 0 27px!important}
.wml-note{margin-top:22px!important}
.wml-clause{padding:45px 0 55px;border-top:1px solid #e4e8e3;scroll-margin-top:120px}
.wml-clause h2{font-size:clamp(27px,2.7vw,40px);letter-spacing:-.055em;line-height:1.2;margin-bottom:25px}
.wml-clause p,.wml-clause li{font-size:15px;line-height:1.9;color:#68736b;max-width:690px}
.wml-clause p+p{margin-top:14px}.wml-clause ul{padding-left:20px;margin-top:15px}.wml-clause li+li{margin-top:6px}
.wml-inline-link{display:inline-flex;margin-top:25px;border-bottom:1px solid #405e47;color:#264c31!important;font-size:14px;font-weight:650;padding-bottom:5px}
.wml-company{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:48px 0;border-top:1px solid #e4e8e3;margin-top:18px}
.wml-company h2{font-size:clamp(37px,3.6vw,55px);margin-top:14px}.wml-company address{font-style:normal;font-size:15px;color:#69766b;line-height:2}
.wml-company address a{text-decoration:underline;text-underline-offset:3px}
.wml-ending{background:#e4ede4;padding:clamp(63px,7vw,110px) 0}
.wml-ending .wmcl-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.wml-ending p{font-size:clamp(30px,3.6vw,54px);letter-spacing:-.06em;line-height:1.15;max-width:700px}
/* Tablet */
@media(max-width:1100px){.wmcl-wrap{width:min(1352px,calc(100% - 68px))}.wmc-hero h1{font-size:clamp(66px,8.7vw,100px)}.wmc-hero__art{min-height:470px}.wmc-hero__art-left,.wmc-hero__art-right{padding:30px}.wmc-form-layout{gap:55px}.wmc-fields{gap:22px 16px}.wmc-form-bottom{flex-direction:column;align-items:flex-start}.wml-index-card{min-height:355px}}
@media(max-width:800px){.wmcl-wrap{width:calc(100% - 44px)}.wmc-hero__grid{grid-template-columns:1fr;padding:82px 0 50px;gap:30px}.wmc-hero h1{font-size:clamp(67px,11.7vw,105px)}.wmc-hero__aside{justify-self:start;max-width:570px}.wmc-hero__art{grid-template-columns:1fr;gap:12px;min-height:0;padding:14px}.wmc-hero__art-left{min-height:360px}.wmc-hero__typography{font-size:clamp(82px,14vw,132px)}.wmc-hero__art-right{min-height:400px}.wmc-hero__art-message,.wmc-hero__art-answer{font-size:19px}.wmc-form-layout{grid-template-columns:1fr;gap:45px}.wmc-form-intro{position:static}.wmc-form-intro h2{font-size:clamp(60px,10vw,86px)}.wmc-form-contact{margin-top:35px}.wmc-form-card{padding:38px}.wmc-form-bottom{flex-direction:row}.wmc-after-steps{grid-template-columns:1fr 1fr}.wmc-after-steps article+article{border:0;padding-left:0}.wmc-after-steps article:nth-child(even){border-left:1px solid #dfe3dd;padding-left:28px}.wmc-last__grid{grid-template-columns:1fr}.wmc-last__grid>div:last-child{max-width:500px}.wml-index-heading{grid-template-columns:1fr;gap:30px}.wml-index-heading h1{font-size:clamp(80px,13vw,126px)}.wml-index-heading>p{max-width:640px}.wml-index-links .wmcl-wrap{grid-template-columns:1fr 1fr}.wml-index-card:last-child{grid-column:1/-1;min-height:245px}.wml-index-company-grid{grid-template-columns:1fr;gap:50px}.wml-document-grid{grid-template-columns:1fr;gap:45px}.wml-aside-sticky{position:static;padding:0}.wml-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:0 15px}.wml-toc a{border-bottom:1px solid #e8ebe7;border-left:0;padding:13px 0;margin:0}.wml-toc a:hover,.wml-toc a.is-active{border-left:0;border-bottom-color:#708b75}}
/* Mobile */
@media(max-width:560px){.wmcl-wrap{width:calc(100% - 36px)}.wmcl-topline{font-size:10px}.wmc-hero{padding-bottom:70px}.wmc-hero__grid{padding:65px 0 42px}.wmc-hero h1{font-size:clamp(58px,13.2vw,79px);margin-top:14px;letter-spacing:-.09em}.wmc-hero__aside p{font-size:17px;margin-bottom:24px}.wmc-hero__art{padding:9px;border-radius:19px}.wmc-hero__art-left,.wmc-hero__art-right{padding:25px 23px;border-radius:13px}.wmc-hero__art-left{min-height:310px}.wmc-hero__typography{font-size:clamp(75px,18vw,118px)}.wmc-hero__micro{font-size:9px}.wmc-hero__art-right{min-height:340px}.wmc-hero__art-message,.wmc-hero__art-answer{font-size:16px;padding:17px 20px}.wmc-form-section{padding:75px 0}.wmc-form-intro h2{font-size:clamp(53px,12vw,70px);margin:22px 0}.wmc-form-intro>p:not(.wmcl-kicker){font-size:16px}.wmc-form-contact a{font-size:18px}.wmc-form-card{padding:24px 18px;border-radius:17px}.wmc-fields{grid-template-columns:1fr;gap:22px}.wmc-field--wide{grid-column:auto}.wmc-form-bottom{flex-direction:column;align-items:stretch;gap:20px}.wmc-form-bottom .wmcl-pill{justify-content:center}.wmc-after{padding:78px 0}.wmcl-section-top{display:block;margin-bottom:35px}.wmcl-section-top h2{font-size:clamp(44px,10.7vw,61px);margin-top:18px}.wmc-after-steps{grid-template-columns:1fr}.wmc-after-steps article,.wmc-after-steps article:nth-child(even){border-left:0;padding:27px 0;min-height:0}.wmc-after-steps h3{font-size:34px;margin:26px 0 12px}.wmc-last{padding:78px 0}.wmc-last h2{font-size:clamp(51px,12vw,71px)}.wmc-last__grid{gap:35px}.wml-index-heading{padding:75px 0 85px}.wml-index-heading h1{font-size:clamp(72px,16vw,100px)}.wml-index-heading>p{font-size:17px}.wml-index-links{padding:70px 0}.wml-index-links .wmcl-wrap{grid-template-columns:1fr}.wml-index-card,.wml-index-card:last-child{min-height:310px;grid-column:auto;padding:29px}.wml-index-card h2{font-size:40px}.wml-index-company{padding:80px 0}.wml-index-company h2{font-size:78px}.wml-company-info{grid-template-columns:1fr;gap:23px}.wml-company-info p{font-size:17px}.wml-hero .wmcl-kicker{margin-top:70px}.wml-hero h1{font-size:clamp(49px,11.7vw,75px);word-break:normal;letter-spacing:-.075em}.wml-hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;padding:45px 0 58px}.wml-hero-bottom p{font-size:20px}.wml-document{padding:65px 0}.wml-document-grid{gap:45px}.wml-toc{grid-template-columns:1fr}.wml-aside .wmcl-kicker{margin-bottom:12px}.wml-document-lead{font-size:25px;margin-bottom:33px!important}.wml-clause{padding:36px 0 42px}.wml-clause h2{font-size:30px}.wml-clause p,.wml-clause li{font-size:15px}.wml-company{grid-template-columns:1fr;gap:22px}.wml-company h2{font-size:44px}.wml-ending .wmcl-wrap{flex-direction:column;align-items:flex-start;gap:26px}.wml-ending p{font-size:36px}}
@media(max-width:355px){.wmc-hero h1{font-size:53px}.wmc-hero__typography{font-size:68px}.wmc-last h2{font-size:49px}.wml-index-heading h1{font-size:68px}.wml-hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.wmcl *, .wmcl *::before,.wmcl *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* WEBMIDOX — multipage navigatie, ontworpen voor de bestaande rustige layout. */
.wm-global-header { overflow:visible; isolation:isolate; }
.wm-global-header .site-header__inner { gap:clamp(14px,2.1vw,28px); }
.wm-global-header .desktop-nav.wm-global-nav { gap:clamp(12px,1.8vw,26px); }
.wm-nav-item { display:flex; align-items:center; position:relative; gap:2px; }
.wm-global-header .nav-link,
.wm-global-header .wm-nav-toggle { color:#292b2d; }
.wm-global-header .nav-link.is-active,
.wm-global-header .wm-nav-item.is-current > .nav-link { color:#111214; font-weight:650; }
.wm-nav-toggle { appearance:none; border:0; background:none; padding:8px 7px; min-width:25px; min-height:32px; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:7px; }
.wm-nav-toggle:hover { background:#f4f5f4; }
.wm-nav-toggle > span { border-right:1.4px solid currentColor; border-bottom:1.4px solid currentColor; width:6px; height:6px; transform:translateY(-2px) rotate(45deg); transition:transform .2s ease; }
.wm-nav-item.is-open .wm-nav-toggle > span { transform:translateY(1px) rotate(225deg); }
.wm-nav-panel {
  position:absolute; left:50%; top:100%; z-index:50; width:278px;
  display:flex; flex-direction:column; gap:2px;
  padding:20px 12px 12px; border:1px solid #e8e9e6;
  border-radius:16px; background:#fff; box-shadow:0 22px 55px rgba(20,22,24,.11);
  transform:translate(-50%,7px); opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.wm-nav-item:hover .wm-nav-panel,
.wm-nav-item:focus-within .wm-nav-panel,
.wm-nav-item.is-open .wm-nav-panel {
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0);
}
.wm-nav-panel__eyebrow { padding:0 12px 8px; color:#8b8f90; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.12em; }
.wm-nav-panel a {
  display:flex; flex-direction:column; padding:10px 12px;
  border-radius:9px; color:#232527; font-size:13px; font-weight:500;
  line-height:1.35; text-decoration:none; transition:background .2s ease;
}
.wm-nav-panel a small { padding-top:3px; color:#8b8e8e; font-size:11px; font-weight:400; }
.wm-nav-panel a:hover,
.wm-nav-panel a:focus-visible,
.wm-nav-panel a[aria-current="page"] { background:#f3f4f2; color:#131517; }
.wm-global-header .header-cta.is-active { background:#313539; }
/* Voettekst */
.wm-global-footer { background:#fff; }
.wm-global-footer .wm-footer__inner { max-width:1376px; }
.wm-global-footer__head { display:flex; justify-content:space-between; align-items:start; gap:32px; padding-bottom:47px; }
.wm-global-footer__head p { color:#858a88; line-height:1.65; margin:19px 0 0; font-size:14px; }
.wm-global-footer__mail { border-bottom:1px solid #222; padding-bottom:4px; font-size:15px; color:#222; }
.wm-global-footer__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; padding:26px 0 42px; border-top:1px solid #ebedeb; }
.wm-global-footer__links nav { display:flex; flex-direction:column; align-items:start; gap:13px; min-width:0; }
.wm-global-footer__links h2 { margin:0 0 11px; font-size:12px; font-weight:650; color:#979b99; letter-spacing:.04em; }
.wm-global-footer__links a { font-size:14px; line-height:1.35; color:#343637; transition:color .2s ease; }
.wm-global-footer__links a:hover { color:#979b99; }
.wm-global-footer__bottom { margin-top:0; gap:25px; }
.wm-global-footer__bottom nav { display:flex; gap:clamp(16px,2.4vw,35px); flex-wrap:wrap; }
.wm-global-footer__bottom nav a,
.wm-global-footer__top { color:#777d7b; font-size:12px; white-space:nowrap; }
.wm-global-footer__top { justify-self:end; }
@media(max-width:1100px){
 .wm-global-header .desktop-nav.wm-global-nav,
 .wm-global-header .header-cta { display:none !important; }
 .wm-global-header .menu-toggle { display:block !important; }
 .wm-global-header .site-header__inner { grid-template-columns:1fr auto; min-height:75px; }
 .wm-global-header .mobile-menu.wm-mobile-nav {
   display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0;
   padding:12px max(24px,5vw) 30px; background:#fff; border-top:1px solid #ededed;
   max-height:calc(100svh - 74px); overflow-y:auto; overscroll-behavior:contain;
   box-shadow:0 18px 40px rgba(20,20,20,.07); visibility:hidden; opacity:0;
   transform:translateY(-8px); pointer-events:none; transition:opacity .2s ease,transform .2s ease,visibility .2s;
 }
 .wm-global-header .mobile-menu.wm-mobile-nav.is-open { visibility:visible; opacity:1; transform:none; pointer-events:auto; }
 .wm-global-header .mobile-menu.wm-mobile-nav > a,
 .wm-global-header .wm-mobile-nav__group summary {
   display:block; border-bottom:1px solid #eee; padding:16px 0;
   color:#1c1d1e; font-size:20px; line-height:1.35; font-weight:500; letter-spacing:-.04em;
 }
 .wm-global-header .wm-mobile-nav__group summary { list-style:none; cursor:pointer; position:relative; padding-right:32px; }
 .wm-global-header .wm-mobile-nav__group summary::-webkit-details-marker { display:none; }
 .wm-mobile-nav__group summary::after { content:''; position:absolute; right:7px; top:calc(50% - 5px); width:8px; height:8px; transform:rotate(45deg); border-right:1.5px solid #515558; border-bottom:1.5px solid #515558; transition:transform .2s; }
 .wm-mobile-nav__group[open] summary::after { transform:translateY(5px) rotate(225deg); }
 .wm-global-header .wm-mobile-nav__sublinks { display:grid; grid-template-columns:1fr 1fr; gap:2px 17px; padding:6px 0 16px 15px; border-bottom:1px solid #eee; }
 .wm-global-header .wm-mobile-nav__sublinks a { padding:10px 0; border:0; font-size:14px; letter-spacing:-.01em; line-height:1.35; color:#626769; }
 .wm-global-header .wm-mobile-nav a[aria-current="page"] { color:#171819; font-weight:700; }
 .wm-global-footer .wm-footer__inner { width:calc(100% - 64px); }
}
@media(max-width:700px){
 .wm-global-footer__head { display:block; padding-bottom:29px; }
 .wm-global-footer__mail { display:inline-block; margin-top:22px; }
 .wm-global-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:39px 24px; padding-bottom:35px; }
 .wm-global-footer__bottom { display:flex; flex-direction:column; align-items:start; gap:16px; }
}
@media(max-width:440px){
 .wm-global-header .mobile-menu.wm-mobile-nav { padding-left:22px; padding-right:22px; }
 .wm-global-header .wm-mobile-nav__sublinks { grid-template-columns:1fr; }
 .wm-global-footer .wm-footer__inner { width:calc(100% - 40px); }
 .wm-global-footer__links { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce){
 .wm-nav-panel,.wm-nav-toggle > span,.wm-global-footer__links a { transition:none !important; }
}

/* WebMidox — websitepakketten / editorial product pages.
   Scoped to .wpk-* to avoid interfering with the current homepage. */
.wpk-page,.wpk-hub{--wpk-black:#171918;--wpk-quiet:#777b78;--wpk-line:#e5e7e4;--wpk-paper:#f7f7f4;--wpk-cream:#f2f0ea;--wpk-radius:26px;color:var(--wpk-black);font-family:var(--font-body,'DM Sans',sans-serif);background:#fff}
.wpk-page *,.wpk-hub .wpk-site-hub *,.wpk-hub .wpk-overview-decision *,.wpk-hub .wpk-hosting *,.wpk-hub .wpk-section--faq *,.wpk-hub .wpk-cta *{box-sizing:border-box}
.wpk-page h1,.wpk-page h2,.wpk-page h3,.wpk-hub .wpk-site-hub h2,.wpk-hub .wpk-overview-decision h2,.wpk-hub .wpk-hosting h2,.wpk-hub .wpk-section--faq h2,.wpk-hub .wpk-cta h2{margin:0;color:inherit;letter-spacing:-.067em;font-weight:600;line-height:1.045}
.wpk-page p,.wpk-hub .wpk-site-hub p,.wpk-hub .wpk-overview-decision p,.wpk-hub .wpk-hosting p,.wpk-hub .wpk-section--faq p,.wpk-hub .wpk-cta p{margin:0}
.wpk-page a,.wpk-hub .wpk-site-hub a,.wpk-hub .wpk-overview-decision a,.wpk-hub .wpk-hosting a,.wpk-hub .wpk-section--faq a,.wpk-hub .wpk-cta a{text-decoration:none;color:inherit}
.wpk-wrap{width:min(calc(100% - 96px),1300px);margin-inline:auto;min-width:0}
.wpk-label{font-size:11px;letter-spacing:.105em;text-transform:uppercase;font-weight:650;color:#777d76}
.wpk-page h1{font-size:clamp(58px,7vw,112px);max-width:880px}
.wpk-page h1 span,.wpk-page h2 span,.wpk-hub .wpk-site-hub h2 span,.wpk-hub .wpk-overview-decision h2 span,.wpk-hub .wpk-hosting h2 span{color:#989c96}
.wpk-page h2,.wpk-hub .wpk-site-hub h2,.wpk-hub .wpk-overview-decision h2,.wpk-hub .wpk-hosting h2,.wpk-hub .wpk-section--faq h2,.wpk-hub .wpk-cta h2{font-size:clamp(42px,5vw,77px)}
.wpk-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:#8d908c;padding:23px 0 0}
.wpk-breadcrumb a:hover{color:#111}
.wpk-hero{padding:0 0 104px;background:#fff}
.wpk-hero__grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:42px;align-items:end;padding-top:55px}
.wpk-hero__copy{padding-bottom:25px;min-width:0}
.wpk-hero__copy h1{margin:25px 0 25px}
.wpk-hero__intro{font-size:clamp(17px,1.65vw,23px);line-height:1.55;max-width:570px;letter-spacing:-.027em;color:#5a5d59}
.wpk-hero__actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:36px}
.wpk-btn{border-radius:100px;display:inline-flex;justify-content:center;align-items:center;gap:36px;padding:15px 24px;font-size:15px;font-weight:600;line-height:1.25;min-height:52px;white-space:nowrap;transition:transform .22s ease,background .22s ease,color .22s ease}
.wpk-btn:hover{transform:translateY(-2px)}
.wpk-btn--dark{background:#171918;color:#fff!important}
.wpk-btn--dark:hover{background:#333734}
.wpk-btn--line{background:#f0f1ee;color:#171918}
.wpk-btn--line:hover{background:#e5e8e2}
.wpk-btn--light{background:#fff;color:#171918!important}
.wpk-link{font-size:15px;border-bottom:1px solid #c9cdc8;padding-bottom:4px}
.wpk-hero__visual{min-width:0;min-height:480px;height:clamp(440px,39vw,610px);border-radius:30px;overflow:hidden;position:relative;background:#e9eee8;display:grid;place-items:center;isolation:isolate}
.wpk-hero__visual-label{position:absolute;left:27px;bottom:21px;color:#455047;font-weight:600;letter-spacing:.1em;font-size:10px;z-index:8}
/* Three distinct product-style hero illustrations. */
.wpk-visual-story,.wpk-visual-personal,.wpk-visual-business{height:100%;width:100%;position:relative;display:grid;place-items:center;overflow:hidden}
.wpk-visual-story{background:linear-gradient(133deg,#a7bdc6,#5c6f8c 49%,#1b2237)}
.wpk-visual-window{width:72%;height:76%;margin-left:12%;margin-top:5%;border-radius:17px;overflow:hidden;background:#fffaf6;box-shadow:0 30px 70px #1a25354b;transform:rotate(-5deg)}
.wpk-visual-bar{height:58px;display:flex;gap:7px;align-items:center;padding:0 23px;border-bottom:1px solid #f0ebe5;font-size:16px}
.wpk-visual-bar span{margin-right:auto;font-weight:750;letter-spacing:-.05em}.wpk-visual-bar i{width:5px;height:5px;border-radius:50%;background:#c4c7c4}
.wpk-visual-story__content{display:flex;align-items:start;justify-content:center;flex-direction:column;gap:22px;height:calc(100% - 58px);padding:45px 11%;background:radial-gradient(ellipse at 110% 110%,#b5c3af 0,transparent 54%),#f8f7f2}
.wpk-visual-story__content small{letter-spacing:.13em;font-size:10px;color:#737a72}
.wpk-visual-story__content strong{font-size:clamp(28px,3.1vw,51px);line-height:1.06;letter-spacing:-.075em}.wpk-visual-story__content em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
.wpk-visual-story__button{padding:11px 17px;background:#222923;color:#fff;border-radius:100px;font-size:10px}
.wpk-visual-story__note{position:absolute;bottom:85px;left:35px;color:#eef3f1;font-size:12px;font-weight:600;letter-spacing:.06em;transform:rotate(-90deg);transform-origin:left center}
.wpk-visual-personal{background:linear-gradient(135deg,#eee5dc,#c8bbad)}
.wpk-visual-personal__sheet{width:67%;height:79%;display:flex;flex-direction:column;align-items:start;gap:23px;padding:43px 9% 0;background:#f8f5ef;border-radius:17px;box-shadow:0 25px 45px #554b462a;transform:rotate(4deg);overflow:hidden}
.wpk-visual-personal__sheet small{font-size:11px;color:#8f8983}.wpk-visual-personal__sheet strong{font-size:clamp(26px,3vw,48px);letter-spacing:-.06em;line-height:1.1;font-weight:550}
.wpk-visual-personal__image{height:44%;min-height:80px;width:100%;border-radius:160px 160px 0 0;margin-top:auto;background:radial-gradient(ellipse at 20% 80%,#bbd0bb 0,transparent 60%),linear-gradient(125deg,#8a9f91,#dbd9bd)}
.wpk-visual-personal__sheet>span{font-size:10px;color:#777b76;padding-bottom:22px}
.wpk-visual-business{background:linear-gradient(135deg,#cbd5c7,#dce5d8 45%,#7e9687)}
.wpk-visual-business__screen{width:88%;height:73%;border-radius:13px;overflow:hidden;background:#f7f7f4;box-shadow:0 25px 58px #2e413d32;transform:translate(3%,0) rotate(-2deg)}
.wpk-visual-business__nav{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;color:#26362f;font-weight:750;letter-spacing:-.04em;border-bottom:1px solid #e1e5df}
.wpk-visual-business__nav span{font-size:10px;font-weight:400;letter-spacing:0}
.wpk-visual-business__hero{padding:40px 10% 33px;display:flex;align-items:start;flex-direction:column;gap:18px;color:#29382f;background:linear-gradient(140deg,#f8faf5,#e3e9dc)}
.wpk-visual-business__hero small{letter-spacing:.13em;font-size:10px;color:#718072}
.wpk-visual-business__hero strong{font-size:clamp(22px,2.5vw,42px);font-weight:560;letter-spacing:-.075em;line-height:1.08}
.wpk-visual-business__hero>span{background:#293f30;color:#fff;font-size:10px;padding:11px 18px;border-radius:100px}
.wpk-visual-business__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:16px 7%;background:#fff}.wpk-visual-business__mini span{height:46px;border-radius:9px;background:#e3e8df}
/* Sections with alternating editorial and product-like compositions */
.wpk-section{padding:118px 0}.wpk-section--why{background:#f7f7f4}.wpk-why,.wpk-examples,.wpk-faq,.wpk-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:start}
.wpk-why h2,.wpk-examples h2,.wpk-faq h2,.wpk-detail-grid h2{margin:18px 0 26px}
.wpk-why>div:first-child>p:last-child,.wpk-examples>div:first-child>p:last-child,.wpk-large-intro,.wpk-faq>div:first-child>p:last-child{font-size:17px;line-height:1.7;color:#686c67;max-width:520px}
.wpk-why__side{padding:18px 0 0}.wpk-why__side>span{font-size:13px;color:#8c8f8a;display:block;margin-bottom:25px}
.wpk-why__item{border-top:1px solid #dfe1dc;padding:23px 0;display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start}
.wpk-why__item small{font-size:13px;color:#9a9d98}.wpk-why__item p{font-size:clamp(16px,1.75vw,23px);letter-spacing:-.035em;line-height:1.3}
.wpk-section--packages{background:#fff}.wpk-section-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:52px}
.wpk-section-heading h2{margin-top:19px;max-width:800px}.wpk-section-heading>p{max-width:365px;font-size:16px;color:#6a6e69;line-height:1.6;padding-bottom:5px}
.wpk-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wpk-price-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.wpk-price-card{background:#f5f5f2;border-radius:26px;padding:36px;display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid transparent;transition:transform .3s ease,border-color .3s ease}
.wpk-price-card:hover{transform:translateY(-4px);border-color:#dcdfda}
.wpk-price-card.is-selected{background:#e9eee8;border-color:#bccfc0}
.wpk-price-card__top{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.075em;color:#777a75}
.wpk-price-card__top span:last-child{color:#a3a5a1}
.wpk-price-card h3{font-size:clamp(25px,2.5vw,39px);line-height:1.09;letter-spacing:-.055em;margin:57px 0 18px;font-weight:600}
.wpk-price-card__desc{font-size:15px;line-height:1.6;color:#656965;min-height:75px}
.wpk-price-card__price{border-bottom:1px solid #dce0d9;padding:30px 0 23px;display:flex;flex-direction:column;gap:6px}
.wpk-price-card__price strong{font-size:clamp(36px,3.5vw,53px);line-height:1;letter-spacing:-.07em}
.wpk-price-card__price small{font-size:12px;color:#7c807c}
.wpk-price-card__pages{padding:18px 0 5px;font-size:15px;font-weight:650}
.wpk-price-card ul,.wpk-host-card ul,.wpk-detail-inclusions ul{list-style:none;padding:0;margin:20px 0 33px}
.wpk-price-card li,.wpk-host-card li,.wpk-detail-inclusions li{padding:10px 0 10px 23px;position:relative;font-size:14px;line-height:1.45;color:#555a54}
.wpk-price-card li:before,.wpk-host-card li:before,.wpk-detail-inclusions li:before{content:'';width:6px;height:6px;border-radius:50%;background:#758977;position:absolute;top:17px;left:3px}
.wpk-price-card .wpk-btn{margin-top:auto;justify-content:space-between;gap:12px;font-size:14px}
.wpk-price-grid--4 .wpk-price-card{padding:26px 21px}
.wpk-price-grid--4 .wpk-price-card h3{font-size:28px;margin-top:53px}
.wpk-price-grid--4 .wpk-price-card__price strong{font-size:39px}
.wpk-footnote{font-size:13px;line-height:1.65;color:#818581;margin-top:25px;max-width:1020px}
.wpk-section--examples{background:#f6f6f3}.wpk-examples ol{counter-reset:wpk-list;list-style:none;padding:0;margin:0}.wpk-examples li{counter-increment:wpk-list;padding:17px 0 17px 55px;border-top:1px solid #dfe2dc;font-size:clamp(17px,2vw,23px);letter-spacing:-.035em;position:relative}.wpk-examples li::before{content:counter(wpk-list,decimal-leading-zero);position:absolute;left:0;top:22px;font-size:12px;color:#91968e}
.wpk-section--details{background:#fff}.wpk-detail-inclusions{background:#f6f6f3;border-radius:26px;padding:38px}.wpk-detail-stat{display:flex;flex-direction:column;gap:8px;padding-bottom:33px;border-bottom:1px solid #dedfd9}
.wpk-detail-stat span{font-size:13px;color:#666c66}.wpk-detail-stat strong{font-size:58px;letter-spacing:-.08em;line-height:1.05}.wpk-detail-stat small{color:#838782;font-size:12px}
.wpk-detail-inclusions h3{font-size:25px;letter-spacing:-.04em;margin-top:30px}.wpk-detail-inclusions li{font-size:15px}
.wpk-section--scope{background:#f3f4f0}.wpk-scope{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.wpk-scope>div{background:#fff;padding:34px;border-radius:24px}.wpk-scope h2{font-size:33px;margin-bottom:20px}.wpk-scope p{color:#707470;font-size:16px;line-height:1.7}
/* Reusable hosting plans on overview and individual packages */
.wpk-hosting{background:#f5f4f0}.wpk-host-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wpk-host-card{background:#fff;border:1px solid #e7e7e2;border-radius:24px;padding:33px;display:flex;flex-direction:column;min-width:0}
.wpk-host-card__type{font-size:19px;letter-spacing:-.04em;font-weight:650}
.wpk-host-card__amount{margin:36px 0 20px;display:flex;align-items:baseline;gap:8px}.wpk-host-card__amount strong{font-size:clamp(36px,4vw,55px);letter-spacing:-.065em;line-height:1}.wpk-host-card__amount span{font-size:14px;color:#777c76}
.wpk-host-card__summary{min-height:58px;font-size:15px;line-height:1.6;color:#777b76;border-bottom:1px solid #e4e5e1;padding-bottom:19px}
.wpk-host-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:15px;font-weight:650;border-top:1px solid #e4e5e1;padding-top:21px}
.wpk-host-card a span{font-size:19px;transition:transform .2s}.wpk-host-card a:hover span{transform:translate(3px,-3px)}
.wpk-host-card li{padding-block:7px;font-size:14px}.wpk-host-card li:before{top:14px}
.wpk-section--method{background:#fff}.wpk-method__head{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;align-items:start;margin-bottom:60px}.wpk-method__head h2{margin-top:0}.wpk-method__head>p:last-child{font-size:16px;color:#737873;line-height:1.65}
.wpk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.wpk-steps>div{border-top:1px solid #dadfdb;padding-top:24px}.wpk-steps small{font-size:13px;color:#9da29b}.wpk-steps h3{margin:60px 0 19px;font-size:32px}.wpk-steps p{font-size:15px;line-height:1.67;color:#717670;max-width:315px}
.wpk-section--faq{background:#f8f8f5}.wpk-faq__list details{border-bottom:1px solid #dadfda}.wpk-faq__list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;font-size:clamp(16px,1.5vw,20px);line-height:1.35;letter-spacing:-.03em;font-weight:550}
.wpk-faq__list summary::-webkit-details-marker{display:none}.wpk-faq__list summary span{font-size:28px;color:#878b86;transition:transform .2s;font-weight:300;flex-shrink:0}.wpk-faq__list details[open] summary span{transform:rotate(45deg)}
.wpk-faq__list details>p{color:#767b76;font-size:15px;line-height:1.7;max-width:610px;padding:0 0 26px}
.wpk-cta{background:#171918;padding:90px 0 105px;color:#fff}.wpk-cta .wpk-label{color:#a9afa9}.wpk-cta__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-top:30px}
.wpk-cta__grid h2{font-size:clamp(54px,6vw,92px)}.wpk-cta__grid p{font-size:17px;color:#c2c7c2;line-height:1.6;margin-bottom:32px;max-width:380px}
/* Websites hub extension: preserves V5 hero / services unrelated pages */
.wpk-hub .wpk-site-hub,.wpk-hub .wpk-overview-decision{padding:118px 0;background:#fff}
.wpk-hub .wpk-overview-decision{background:#f8f8f5}
.wpk-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wpk-family{border-radius:26px;min-height:440px;padding:35px;display:flex;flex-direction:column;align-items:start;background:#e8eeea;transition:transform .25s ease}
.wpk-family:nth-child(2){background:#f1ebe5}.wpk-family:nth-child(3){background:#e0e4e8}
.wpk-family:hover{transform:translateY(-5px)}.wpk-family>span{font-size:12px;font-weight:600;color:#636962}
.wpk-family h3{font-size:clamp(31px,2.8vw,43px);letter-spacing:-.06em;line-height:1.08;font-weight:600;margin-top:90px}
.wpk-family p{font-size:15px;line-height:1.55;color:#616862;margin-top:16px}.wpk-family strong{margin-top:auto;font-size:14px;display:flex;gap:25px;align-items:center}
.wpk-table-scroll{overflow-x:auto}.wpk-compare{width:100%;border-collapse:collapse;min-width:670px;font-size:15px}.wpk-compare th,.wpk-compare td{text-align:left;padding:22px 18px;border-bottom:1px solid #dcdfda}.wpk-compare th:first-child,.wpk-compare td:first-child{padding-left:0}.wpk-compare thead th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#939792}.wpk-compare tbody th{font-size:18px;letter-spacing:-.035em;font-weight:650}.wpk-compare td{color:#606560}.wpk-compare td small{font-size:11px;color:#9b7770}.wpk-compare td a{color:#1f3325;font-weight:650;border-bottom:1px solid #b1bdb2}
/* Small-screen layouts prioritize reading and cards, no awkward sticky UI. */
@media(max-width:1080px){
 .wpk-wrap{width:min(calc(100% - 64px),1300px)}
 .wpk-hero__grid{gap:25px}.wpk-hero__visual{min-height:400px}
 .wpk-price-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .wpk-price-grid--4 .wpk-price-card{padding:31px}
 .wpk-method__head{grid-template-columns:1fr 1fr}.wpk-method__head>.wpk-label{grid-column:span 2}.wpk-family{padding:25px;min-height:430px}
}
@media(max-width:760px){
 .wpk-wrap{width:calc(100% - 38px)}
 .wpk-page h1{font-size:clamp(45px,10.8vw,76px)}
 .wpk-page h2,.wpk-hub .wpk-site-hub h2,.wpk-hub .wpk-overview-decision h2,.wpk-hub .wpk-hosting h2,.wpk-hub .wpk-section--faq h2,.wpk-hub .wpk-cta h2{font-size:clamp(36px,8.5vw,56px)}
 .wpk-hero{padding-bottom:70px}.wpk-breadcrumb{padding-top:15px;font-size:11px}
 .wpk-hero__grid{grid-template-columns:1fr;padding-top:36px;gap:35px}
 .wpk-hero__copy{padding:0}.wpk-hero__copy h1{margin:19px 0 22px}
 .wpk-hero__intro{font-size:17px;max-width:580px}
 .wpk-hero__actions{margin-top:29px;gap:23px}
 .wpk-hero__visual{height:clamp(340px,100vw,570px);min-height:0;border-radius:22px}
 .wpk-visual-window{width:81%;height:72%}.wpk-visual-personal__sheet{width:73%;height:79%}.wpk-visual-business__screen{width:90%;height:74%}
 .wpk-section,.wpk-hub .wpk-site-hub,.wpk-hub .wpk-overview-decision{padding:76px 0}
 .wpk-why,.wpk-examples,.wpk-faq,.wpk-detail-grid{grid-template-columns:1fr;gap:35px}
 .wpk-section-heading{flex-direction:column;align-items:start;gap:17px;margin-bottom:35px}.wpk-section-heading>p{max-width:600px}
 .wpk-price-grid,.wpk-price-grid--4{grid-template-columns:1fr}
 .wpk-price-card,.wpk-price-grid--4 .wpk-price-card{padding:29px;min-height:0}
 .wpk-price-card h3,.wpk-price-grid--4 .wpk-price-card h3{font-size:34px;margin:30px 0 15px}
 .wpk-price-card__desc{min-height:0}.wpk-price-card ul{margin:13px 0 26px}
 .wpk-host-grid{grid-template-columns:1fr}.wpk-host-card{padding:28px}.wpk-host-card__amount{margin:25px 0 20px}
 .wpk-method__head{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.wpk-steps{grid-template-columns:1fr;gap:25px}.wpk-steps h3{margin:23px 0 13px}
 .wpk-detail-inclusions{padding:29px}.wpk-detail-stat strong{font-size:48px}
 .wpk-scope{grid-template-columns:1fr;gap:12px;margin-top:25px}.wpk-scope>div{padding:28px}
 .wpk-cta{padding:78px 0}.wpk-cta__grid{grid-template-columns:1fr;gap:28px}
 .wpk-family-grid{grid-template-columns:1fr}.wpk-family{min-height:330px;padding:30px}.wpk-family h3{margin-top:65px}
}
@media(max-width:380px){
 .wpk-wrap{width:calc(100% - 30px)}
 .wpk-hero__actions{align-items:start;flex-direction:column;gap:19px}.wpk-btn{gap:24px}
 .wpk-hero__visual{height:350px}.wpk-visual-window{width:83%;height:75%;margin-left:6%}
 .wpk-visual-business__nav{height:45px}.wpk-visual-business__nav span{font-size:8px}
 .wpk-visual-business__hero{padding:25px 8%}.wpk-visual-business__hero strong{font-size:21px}
 .wpk-visual-personal__sheet{padding:30px 9% 0}
 .wpk-price-card,.wpk-price-grid--4 .wpk-price-card,.wpk-host-card{padding:25px}
}
@media(prefers-reduced-motion:reduce){.wpk-page *,.wpk-hub .wpk-site-hub *,.wpk-hub .wpk-hosting *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* WebMidox · aansluiting Websitepakketten op bestaande Diensten V5 */
.wpk-entry{background:#fff;color:#191b1a;padding:clamp(64px,8vw,124px) 0 clamp(80px,9vw,144px);font-family:var(--font-body,"DM Sans",sans-serif);border-top:1px solid #eceeea}
.wpk-entry *{box-sizing:border-box}
.wpk-entry__inner{min-width:0}
.wpk-entry__eyebrow{font-size:11px;letter-spacing:.13em;font-weight:650;color:#777c78;margin:0 0 25px;text-transform:uppercase}
.wpk-entry__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(245px,.7fr);gap:clamp(22px,5vw,80px);align-items:end;margin-bottom:52px}
.wpk-entry__heading h2{margin:0;font-size:clamp(42px,5.6vw,83px);line-height:1.045;letter-spacing:-.065em;font-weight:600;color:#171918}
.wpk-entry__heading h2 span{color:#a0a3a0}
.wpk-entry__heading>p{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#6b706d;max-width:440px;margin:0 0 5px}
.wpk-entry__families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wpk-entry__family{min-width:0;min-height:345px;padding:clamp(23px,2.8vw,38px);background:#f3f3f0;border:1px solid #eaece8;border-radius:24px;text-decoration:none;color:#1b1d1b;display:flex;flex-direction:column;transition:transform .35s ease,background .35s ease,border-color .35s ease;position:relative;overflow:hidden}
.wpk-entry__family--one-pager{background:#eef0f1}
.wpk-entry__family--particulier{background:#f4f0e9}
.wpk-entry__family--zakelijk{background:#e9eeeb}
.wpk-entry__family:hover{transform:translateY(-5px);border-color:#c9d0ca}
.wpk-entry__family:focus-visible,.wpk-entry__package:focus-visible{outline:3px solid #6a7dff;outline-offset:3px}
.wpk-entry__family-top,.wpk-entry__family-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wpk-entry__family-top{font-size:12px;font-weight:650;color:#6c726d}
.wpk-entry__family-title{display:block;font-size:clamp(25px,2.6vw,39px);line-height:1.1;letter-spacing:-.047em;font-weight:600;margin:67px 0 14px;max-width:300px}
.wpk-entry__family-description{font-size:15px;line-height:1.55;color:#6b706d;max-width:300px}
.wpk-entry__family-bottom{margin-top:auto;padding-top:35px;border-top:1px solid #d8ddd8;font-size:15px;font-weight:600}
.wpk-entry__family-bottom small{font-size:11px;color:#818681;font-weight:400}
.wpk-entry__family-link{font-size:12px;white-space:nowrap;font-weight:600}
.wpk-entry__compare{margin-top:clamp(90px,10vw,150px)}
.wpk-entry__compare-head{display:flex;justify-content:space-between;gap:32px;align-items:end;padding-bottom:32px}
.wpk-entry__compare-head .wpk-entry__eyebrow{margin-bottom:15px}
.wpk-entry__compare-head h3{font-size:clamp(34px,4.5vw,62px);line-height:1.12;letter-spacing:-.06em;font-weight:600;margin:0}
.wpk-entry__compare-head>p{max-width:370px;color:#737975;font-size:15px;line-height:1.6;margin:0}
.wpk-entry__package-group{border-top:1px solid #dedfdb;padding:28px 0 48px}
.wpk-entry__package-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.wpk-entry__package-head h4{font-weight:600;font-size:20px;letter-spacing:-.025em;margin:0}
.wpk-entry__package-head>a{font-size:13px;color:#626964;text-underline-offset:4px}
.wpk-entry__package-head>a:hover{color:#111}
.wpk-entry__packages{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wpk-entry__packages--zakelijk{grid-template-columns:repeat(4,minmax(0,1fr))}
.wpk-entry__package{text-decoration:none;color:#161916;background:#f8f9f7;border-radius:20px;border:1px solid #ebeeea;padding:clamp(19px,2.2vw,28px);min-height:210px;display:flex;flex-direction:column;transition:background .25s ease,border-color .25s ease}
.wpk-entry__package:hover{background:#edf1ee;border-color:#cbd5cd}
.wpk-entry__package-label{font-size:11px;color:#7a827c;min-height:20px;line-height:1.3}
.wpk-entry__package>strong{font-weight:600;letter-spacing:-.04em;font-size:clamp(19px,2vw,27px);line-height:1.15;margin:18px 0 10px}
.wpk-entry__package-pages{font-size:13px;color:#777d78}
.wpk-entry__package-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #e3e6e1;padding-top:18px;margin-top:auto}
.wpk-entry__package-bottom b{font-size:clamp(19px,1.8vw,25px);letter-spacing:-.04em;white-space:nowrap}
.wpk-entry__package-bottom span{font-size:11px;color:#697169;text-align:right}
.wpk-entry__note{font-size:13px;line-height:1.65;color:#777d78;max-width:960px;margin:5px 0 0}
@media(max-width:1020px){.wpk-entry__families{grid-template-columns:repeat(2,minmax(0,1fr))}.wpk-entry__families>:last-child{grid-column:1/-1;min-height:270px}.wpk-entry__families>:last-child .wpk-entry__family-title{margin-top:40px}.wpk-entry__packages--zakelijk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wpk-entry__heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.wpk-entry__families{grid-template-columns:1fr;gap:12px}.wpk-entry__families>:last-child{grid-column:auto}.wpk-entry__family,.wpk-entry__families>:last-child{min-height:280px;border-radius:20px}.wpk-entry__family-title,.wpk-entry__families>:last-child .wpk-entry__family-title{margin-top:50px;font-size:31px}.wpk-entry__family-bottom{padding-top:25px}.wpk-entry__compare-head{display:block}.wpk-entry__compare-head>p{margin-top:16px}.wpk-entry__package-group{padding:22px 0 35px}.wpk-entry__package-head{align-items:start}.wpk-entry__packages,.wpk-entry__packages--zakelijk{grid-template-columns:1fr}.wpk-entry__package{min-height:175px}.wpk-entry__package>strong{margin:11px 0 8px;font-size:23px}.wpk-entry__package-bottom{padding-top:12px}.wpk-entry__heading>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wpk-entry__family,.wpk-entry__package{transition:none}.wpk-entry__family:hover{transform:none}}

/* WebMidox zakelijke pakketten — rustige aanbeveling voor Zakelijk Plus */
.wpk-price-card.is-recommended { border-color: #a3b6a6; background: #eff2ed; }
.wpk-price-card.is-recommended .wpk-price-card__top span:last-child { color: #374e3c; font-weight: 750; }
.wpk-entry__package.is-recommended { outline: 1px solid #9fb4a2; outline-offset: -1px; }
.wpk-entry__package.is-recommended .wpk-entry__package-label { color: #3a5840; }

/* WebMidox · aanvullende transparantie / scope / Midox Intelligence · V3 */
.wpk-clarity,.wpk-extras,.wpk-technology {font-family:var(--font-body,"DM Sans",sans-serif)}
.wpk-clarity {background:#fff;color:#191b19}
.wpk-clarity__grid {display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(50px,9vw,160px);align-items:start}
.wpk-clarity__intro {position:sticky;top:130px}
.wpk-clarity__intro h2,.wpk-extras h2,.wpk-technology h2 {font-size:clamp(38px,4.4vw,67px);line-height:1.06;letter-spacing:-.065em;max-width:850px;font-weight:600;margin:22px 0}
.wpk-clarity__intro h2 span,.wpk-extras h2 span {color:#a0a49f}
.wpk-clarity__intro>p:not(.wpk-label) {max-width:465px;font-size:16px;line-height:1.75;color:#6d736e;margin:20px 0 28px}
.wpk-inline-link {display:inline-flex;gap:17px;align-items:center;font-size:15px;color:#171c19;text-underline-offset:6px}
.wpk-clarity__item {display:grid;grid-template-columns:42px 1fr;gap:15px;padding:32px 0;border-top:1px solid #e2e5e0}
.wpk-clarity__item:last-child{border-bottom:1px solid #e2e5e0}
.wpk-clarity__num{color:#848e84;font-size:13px;padding-top:6px}
.wpk-clarity__item h3{font-weight:600;font-size:clamp(22px,2.3vw,34px);letter-spacing:-.05em;line-height:1.1;margin:0 0 14px}
.wpk-clarity__item p{font-size:15px;line-height:1.75;color:#727872;margin:0;max-width:555px}
.wpk-technology{background:#171c19;color:#fff;overflow:hidden}
.wpk-technology__grid {display:grid;grid-template-columns:1fr .7fr;gap:clamp(35px,7vw,140px);align-items:end}
.wpk-technology .wpk-label {color:#b3c8b8}
.wpk-technology h2{margin-bottom:0;color:#fff}
.wpk-technology h2 span{color:#8aa18f}
.wpk-technology__aside p{color:#bec8bf;font-size:clamp(15px,1.3vw,18px);line-height:1.75;margin:0 0 21px}
.wpk-technology__aside strong{color:#fff;font-weight:600}
.wpk-technology__aside a{display:inline-flex;align-items:center;gap:14px;color:#fff;font-weight:600;padding:6px 0 3px;border-bottom:1px solid #829488;font-size:15px}
.wpk-technology__meta{display:flex;gap:30px;margin-top:70px;padding-top:19px;border-top:1px solid #435147;flex-wrap:wrap}
.wpk-technology__meta span{font-size:12px;color:#b7c4b9}
.wpk-extras{background:#f5f6f2;color:#181a18}
.wpk-extras__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wpk-extras__item{border-radius:21px;border:1px solid #e0e4dd;background:#fff;min-width:0;padding:clamp(23px,3vw,42px);display:flex;flex-direction:column;min-height:280px}
.wpk-extras__item>span{font-size:11px;color:#899087;letter-spacing:.08em;font-weight:650}
.wpk-extras__item strong{font-size:clamp(29px,3.7vw,49px);font-weight:600;letter-spacing:-.06em;line-height:1.12;margin:54px 0 18px;white-space:normal}
.wpk-extras__item strong small{font-size:15px;color:#878d87;letter-spacing:0}
.wpk-extras__item p{color:#727870;font-size:15px;line-height:1.65;margin:0;max-width:330px}
.wpk-extras>.wpk-wrap>.wpk-footnote{margin-top:22px}
@media(max-width:920px){.wpk-clarity__intro{position:static}.wpk-clarity__grid,.wpk-technology__grid{grid-template-columns:1fr;gap:35px}.wpk-extras__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wpk-extras__grid>:last-child{grid-column:1/-1;min-height:230px}.wpk-extras__item strong{margin-top:26px}}
@media(max-width:760px){.wpk-clarity__grid,.wpk-technology__grid{gap:32px}.wpk-clarity__intro h2,.wpk-extras h2,.wpk-technology h2{font-size:clamp(36px,9vw,54px)}.wpk-extras__grid{grid-template-columns:1fr}.wpk-extras__grid>:last-child{grid-column:auto}.wpk-extras__item{min-height:0;padding:27px}.wpk-extras__item strong{margin:32px 0 17px}.wpk-clarity__item{grid-template-columns:28px 1fr;gap:12px;padding:25px 0}.wpk-technology__meta{margin-top:38px;gap:12px 22px}}

/* WebMidox | Growth Suite: independent stylesheet, does not replace site CSS. */
.wmg{font-family:"DM Sans",Inter,system-ui,sans-serif;color:#141715;background:#fff;--ink:#141715;--muted:#747973;--line:#e3e4e0;--paper:#f6f6f3;--sage:#dce8df}
.wmg *{box-sizing:border-box}.wmg-wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.wmg h1,.wmg h2,.wmg h3,.wmg p{margin-top:0}.wmg h1,.wmg h2,.wmg h3{letter-spacing:-.065em;line-height:1.07;font-weight:600}.wmg h1{font-size:clamp(58px,7.6vw,126px)}.wmg h2{font-size:clamp(35px,4.6vw,74px)}.wmg h3{font-size:clamp(22px,2vw,33px)}.wmg em{color:#8f9892;font-style:normal}.wmg p{line-height:1.7;color:#5f6862}.wmg a{color:inherit}.wmg-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#65736b!important}.wmg-hero{padding-block:clamp(74px,10vw,148px) clamp(60px,7vw,110px)}.wmg-hero h1{margin:28px 0 35px;max-width:1050px}.wmg-hero>p:not(.wmg-kicker){max-width:700px;font-size:clamp(18px,2vw,24px)}.wmg-quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px}.wmg-quicklinks a{border:1px solid #e5e7e2;text-decoration:none;background:#f8f8f6;border-radius:100px;padding:11px 17px;font-size:13px;font-weight:600;transition:background .25s}.wmg-quicklinks a:hover,.wmg-quicklinks a:focus-visible{background:#e6eee7}.wmg-section{padding:clamp(76px,8vw,138px) 0}.wmg-section--pale{background:#f6f6f3}.wmg-section--dark{background:#161c1a;color:white}.wmg-section--dark p,.wmg-section--dark .wmg-kicker{color:#c4cec8!important}.wmg-section-title{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:46px}.wmg-section-title h2{margin-bottom:0}.wmg-section-title>p{max-width:450px}.wmg-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #151918;background:#151918;color:#fff!important;border-radius:100px;padding:17px 26px;font-weight:650;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s}.wmg-btn:hover,.wmg-btn:focus-visible{transform:translateY(-2px);background:#303c35}.wmg-btn--light{background:#fff;border-color:#e4e5e0;color:#171b17!important}.wmg-btn--light:hover{background:#f0f2ec}.wmg-choice-grid,.wmg-split,.wmg-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,6vw,110px);align-items:start}.wmg-intro{position:sticky;top:115px}.wmg-intro>p{max-width:420px}.wmg-form-card{background:#fff;border:1px solid #e4e6e1;border-radius:28px;padding:clamp(24px,3vw,54px);min-width:0}.wmg-form-card fieldset{border:0;padding:0 0 35px;margin:0 0 35px;border-bottom:1px solid var(--line);display:grid;gap:12px}.wmg-form-card fieldset:last-of-type{border-bottom:0}.wmg-form-card legend{font-size:21px;font-weight:650;letter-spacing:-.04em;margin-bottom:22px}.wmg-form-card fieldset>label:not(.wmg-field){display:flex;gap:12px;align-items:flex-start;font-size:15px;padding:10px 0;color:#272d28}.wmg-form-card input[type=radio],.wmg-form-card input[type=checkbox]{accent-color:#181d1a;width:18px;height:18px;flex:0 0 auto}.wmg-form-card label:has(> input:checked){font-weight:650}.wmg-result{align-items:center}.wmg-result-cta{display:grid;justify-items:start;gap:16px}.wmg-result-cta strong{font-size:34px;letter-spacing:-.05em}.wmg-comparison{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:24px;scrollbar-width:thin}.wmg-comparison table{border-collapse:separate;border-spacing:0;width:100%;min-width:690px;text-align:left;font-size:14px}.wmg-comparison th,.wmg-comparison td{padding:19px 22px;border-bottom:1px solid #e9ece7;vertical-align:top}.wmg-comparison th:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:192px}.wmg-comparison thead th{background:#f8f9f6;font-size:14px}.wmg-comparison thead th:first-child{background:#f8f9f6;z-index:2}.wmg-comparison th small{display:block;color:#567c5f;font-size:11px;letter-spacing:.04em;margin-top:8px}.wmg-comparison__price{font-weight:700;white-space:nowrap}.wmg-comparison td a{display:inline-block;margin:4px 0;text-underline-offset:3px}.wmg-quote-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.64fr);gap:34px;align-items:start}.wmg-form-card .wmg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.wmg-field{display:grid;gap:9px;font-size:13px;font-weight:650;color:#252a27}.wmg-field input,.wmg-field select,.wmg-field textarea{display:block;width:100%;min-width:0;border:1px solid #d9dcd7;border-radius:12px;background:#fff;padding:16px 14px;font:inherit;font-size:15px;font-weight:400;color:#151b17;outline-offset:3px}.wmg-field textarea{resize:vertical;min-height:145px}.wmg-form-card fieldset>.wmg-field{margin:14px 0}.wmg-checkboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.wmg-checkboxes>span{grid-column:1/-1;font-size:14px;font-weight:650}.wmg-checkboxes label{display:flex;align-items:center;gap:10px;font-size:14px}.wmg-privacy{font-size:12px;margin:5px 0 20px}.wmg-honey{position:absolute;opacity:0;pointer-events:none;left:-10000px}.wmg-price-panel{position:sticky;top:110px;background:#e3eae5;border-radius:25px;padding:34px}.wmg-price-panel h2{font-size:clamp(26px,2.9vw,42px);margin-bottom:45px}.wmg-price-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #bbc7bd;font-size:13px}.wmg-price-line strong{font-size:clamp(18px,1.7vw,25px);white-space:nowrap}.wmg-price-panel p{font-size:13px;margin-top:20px}.wmg-price-panel small{font-size:11px}.wmg-alert{background:#fff0ed;border:1px solid #e9b8ae;border-radius:15px;padding:19px;margin-bottom:22px;color:#663c33}.wmg-alert--success{background:#edf7ed;border-color:#b6ceb9;color:#28532f}.wmg-demos,.wmg-hosts,.wmg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wmg-demo{display:block;text-decoration:none;min-width:0}.wmg-demo__media{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:350px;padding:34px;border-radius:30px;background:#d5e4d9;transition:transform .25s}.wmg-demo:hover .wmg-demo__media{transform:translateY(-5px)}.wmg-demo__media--personal{background:#eaded7}.wmg-demo__media--business{background:#d5e0e9}.wmg-demo__window{width:100%;height:280px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 55px #00000012;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transform:rotate(-2deg)}.wmg-demo__window small{font-weight:700;letter-spacing:-.04em}.wmg-demo__window b{font-size:clamp(27px,2.6vw,42px);letter-spacing:-.07em;line-height:1.1;margin-top:36px}.wmg-demo__window i{display:block;background:#e1e5df;width:85%;height:8px;border-radius:15px}.wmg-demo__window i:last-child{width:55%}.wmg-demo__info{display:grid;gap:9px;padding:22px 5px}.wmg-demo__info small{color:#7c837c;font-size:11px;letter-spacing:.06em;font-weight:700}.wmg-demo__info strong{font-size:26px;letter-spacing:-.055em}.wmg-demo__info>span:last-child{font-size:14px;color:#5f6962;line-height:1.5}.wmg-projects{border-top:1px solid #dedfda}.wmg-projects a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 12px;border-bottom:1px solid #dedfda;text-decoration:none;font-size:clamp(21px,2.6vw,38px);font-weight:600;letter-spacing:-.05em;transition:padding .25s}.wmg-projects a:hover{padding-left:24px}.wmg-projects a span{font-size:13px;color:#7f877e;letter-spacing:0;font-weight:400}.wmg-hosts article{padding:32px;background:white;border:1px solid #e6e8e3;border-radius:25px}.wmg-hosts strong{font-size:40px;letter-spacing:-.055em;display:block;margin:30px 0}.wmg-hosts small{font-size:12px;color:#818a82;font-weight:400;letter-spacing:0}.wmg-hosts ul{padding-left:20px;font-size:14px;line-height:2;color:#555f57}.wmg-cost-list article{display:grid;grid-template-columns:64px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid #e3e4e0}.wmg-cost-list article>span{font-size:12px;color:#818b82}.wmg-cost-list article h3{font-size:clamp(24px,2.9vw,39px);margin-bottom:9px}.wmg-cost-list article p{max-width:800px}.wmg-steps article{border:1px solid #e3e4e0;padding:30px;border-radius:20px}.wmg-steps article span{font-size:12px;color:#8c958c}.wmg-steps article h3{margin:70px 0 15px}.wmg-cta{display:grid;grid-template-columns:1.5fr 1fr auto;gap:40px;align-items:center}.wmg-cta h2{margin:0}.wmg-demo-banner{display:flex;justify-content:space-between;gap:15px;background:#151a17;color:#fff;font-size:12px;padding:13px max(22px,calc((100vw - 1250px)/2));letter-spacing:.05em}.wmg-demo-hero{background:var(--accent);padding:clamp(70px,8vw,130px) max(26px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.wmg-demo-hero h1{font-size:clamp(45px,6vw,92px);margin:25px 0}.wmg-demo-hero>div>span{font-size:19px;font-weight:700}.wmg-demo-visual{height:450px;border-radius:28px;background:#ffffff86;position:relative;overflow:hidden;display:grid;place-items:center}.wmg-demo-visual div{width:45%;height:55%;border-radius:25px;background:#fff;transform:rotate(-12deg);box-shadow:0 25px 40px #00000018;position:absolute}.wmg-demo-visual div:nth-child(2){transform:rotate(10deg) translate(60%,20%);background:#e4ede7}.wmg-demo-visual div:nth-child(3){transform:rotate(-8deg) translate(-60%,25%);background:#f6ece0}.wmg-demo-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:100px}.wmg-demo-blocks article{border-top:1px solid #ddd;padding-top:25px}.wmg-demo-blocks article span{font-size:12px;color:#849186}.wmg-demo-blocks h2{margin:35px 0 15px;font-size:38px}.wmg-portal{min-height:350px}.wmg-portal-dashboard{width:100%}.wmg-portal-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.wmg-portal-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wmg-portal-panels article{background:white;padding:28px;border-radius:24px}.wmg-portal-panels article h3{font-size:27px}.wmg-portal-panels ul{padding-left:20px}.wmg-portal-panels form{display:grid;gap:15px;margin-top:20px}
@media(max-width:1050px){.wmg-quote-grid{grid-template-columns:1fr}.wmg-price-panel{position:static}.wmg-cta{grid-template-columns:1fr 1fr}.wmg-cta a{justify-self:start}.wmg-portal-panels{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wmg-wrap{width:min(100% - 36px,590px)}.wmg-hero{padding-block:64px 55px}.wmg h1{font-size:clamp(41px,10.2vw,70px)}.wmg h2{font-size:clamp(32px,7.7vw,46px)}.wmg-section{padding:75px 0}.wmg-hero>p:not(.wmg-kicker){font-size:17px}.wmg-quicklinks{margin-top:28px}.wmg-quicklinks a{padding:10px 13px;font-size:12px}.wmg-section-title,.wmg-choice-grid,.wmg-split,.wmg-result,.wmg-cta,.wmg-demo-hero{grid-template-columns:1fr;gap:25px}.wmg-intro{position:static}.wmg-form-card{border-radius:20px;padding:24px}.wmg-form-card .wmg-fields,.wmg-checkboxes{grid-template-columns:1fr}.wmg-price-panel{padding:25px}.wmg-demos,.wmg-hosts,.wmg-steps,.wmg-demo-blocks,.wmg-portal-panels{grid-template-columns:1fr}.wmg-demo__media{min-height:340px}.wmg-demo__window{height:260px}.wmg-comparison{margin-inline:-1px;border-radius:18px}.wmg-comparison th,.wmg-comparison td{padding:16px}.wmg-comparison th:first-child{min-width:155px;max-width:170px}.wmg-projects a{align-items:flex-start;flex-direction:column;gap:7px;padding:23px 4px}.wmg-cta{gap:27px}.wmg-demo-hero{padding:60px 20px}.wmg-demo-visual{height:290px}.wmg-demo-blocks{padding-block:60px}.wmg-demo-banner{font-size:10px}.wmg-portal-bar{align-items:flex-start;gap:15px;flex-direction:column}}
@media (prefers-reduced-motion:reduce){.wmg *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.wpk-page .wmg-section,.wpk-site-hub + .wmg-section{font-family:"DM Sans",Inter,system-ui,sans-serif}
.wpk-compare small{display:inline-block;margin-left:5px;color:#757e78;font-size:11px;font-weight:400}

/* progressive quote wizard */
.wmg-form-card fieldset[hidden],.wmg-form-card .wmg-btn[hidden]{display:none!important}.wmg-wizard-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.wmg-wizard-progress{font-size:13px;color:#69776f;margin-right:auto}.wmg-form-card fieldset:only-of-type{border-bottom:0}


/* ====================================================================
   WEBMIDOX / MOBILE + TABLET POLISH | 2026-10
   Decoration only. Never hide functional dropdown toggles, status indicators,
   chart graphics or accessibility labels.
   ==================================================================== */
@media (max-width: 1024px) {
  /* Homepage */
  .wm-hero__button > [aria-hidden="true"],
  .wm-hero__scroll,
  .wm-motion__all > [aria-hidden="true"],
  .wm-motion__title > [aria-hidden="true"],
  .wm-intelligence__link > [aria-hidden="true"],
  .wm-service__arrow,
  .wm-services__contact > [aria-hidden="true"],
  .wm-work__project-arrow,
  .wm-work__footer a > [aria-hidden="true"],
  .wm-contact__cta-arrow,
  .wm-contact__bottom a > [aria-hidden="true"],
  .wm-footer__bottom a > [aria-hidden="true"],
  /* Detail pages & services */
  .wmv-service-card__arrow,
  .wmcl-line-arrow,
  .wpk-link > [aria-hidden="true"],
  .wpk-btn > [aria-hidden="true"],
  .wpk-entry__family-bottom > [aria-hidden="true"],
  .wpk-entry__package-bottom > [aria-hidden="true"],
  .wpk-inline-link > [aria-hidden="true"],
  .wpk-technology__aside a > [aria-hidden="true"],
  .wpk-price-card a > [aria-hidden="true"],
  .wmg-btn > [aria-hidden="true"] {
    display: none !important;
  }
  .wm-hero__button,
  .wm-services__contact,
  .wm-contact__cta,
  .wpk-btn,
  .wmg-btn { gap: 0; }
}

/* Slow anchor-scroll is provided by assets/js/smooth-scroll.js.
   Native touch/trackpad/wheel scrolling is deliberately not hijacked. */
html[data-wm-slow-scroll="on"] {
  scroll-behavior: auto;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  html[data-wm-slow-scroll="on"] { scroll-behavior: auto !important; }
}

/* ==========================================
   WEBMIDOX — CLEAN MOBILE & TABLET
   Geen decoratieve pijlen
========================================== */

@media (max-width: 1024px) {

    .wm-motion__title > span[aria-hidden="true"],
    .wm-motion__all > span[aria-hidden="true"],
    .wm-service__arrow,
    .wm-work__project-arrow,
    .wm-hero__scroll,
    .wm-hero__button > span[aria-hidden="true"],
    .wm-contact__cta-arrow {
        display: none !important;
    }

}

/* WEBMIDOX / HOSTING V1 — independent editorial system. Scoped to .wh-page. */
.wh-page{--wh-ink:#181b1a;--wh-muted:#6e7370;--wh-line:#e0e3df;--wh-surface:#f5f5f2;--wh-radius:29px; background:#fff;color:var(--wh-ink);font-family:'DM Sans',system-ui,sans-serif;overflow-x:clip}
.wh-page *, .wh-page *::before,.wh-page *::after{box-sizing:border-box}
.wh-page a{color:inherit;text-decoration:none}
.wh-page h1,.wh-page h2,.wh-page h3,.wh-page p{margin:0}
.wh-page h1,.wh-page h2,.wh-page h3{font-weight:550;letter-spacing:-.058em;line-height:1.07}
.wh-page a:focus-visible,.wh-page button:focus-visible,.wh-page summary:focus-visible{outline:3px solid #465ee2;outline-offset:4px}
.wh-wrap{width:min(calc(100% - 100px),1290px);margin-inline:auto}
.wh-kicker{display:block;color:#777d7a;font-weight:600;font-size:12px;letter-spacing:.065em;text-transform:uppercase}
.wh-section{padding:116px 0}
.wh-page h2{font-size:clamp(38px,4.85vw,74px)}
.wh-page h2 span,.wh-page h2 em,.wh-page h1 em{font-style:normal;color:#9a9f9b}
.wh-page h3{font-size:clamp(24px,2.15vw,34px)}
.wh-page p{line-height:1.66}
.wh-page .wh-btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:15px 24px;border-radius:999px;background:#181b1a;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;transition:background .2s,transform .25s}
.wh-page .wh-btn:hover{background:#363a38;transform:translateY(-2px)}
.wh-page .wh-text-link{font-size:15px;font-weight:600;border-bottom:1px solid #a5aaa4;padding-bottom:7px;display:inline-flex;max-width:max-content;transition:border-color .2s}
.wh-page .wh-text-link:hover{border-color:#20221f}
.wh-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:28px;color:#888c87;font-size:12px}
.wh-breadcrumb a:hover{color:#242624;text-decoration:underline;text-underline-offset:4px}
.wh-breadcrumb [aria-current]{color:#282d29}
/* Hero */
.wh-hero{padding-top:95px;padding-bottom:123px;display:grid;grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);gap:clamp(35px,5.2vw,110px);align-items:center}
.wh-hero__copy h1{font-size:clamp(55px,5.9vw,92px);max-width:800px;margin:22px 0 27px;letter-spacing:-.075em}
.wh-hero__copy>p:not(.wh-kicker){font-size:clamp(17px,1.3vw,19px);color:#6c726e;max-width:530px}
.wh-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:33px}
.wh-hero-art{background:#ecedeb;min-height:540px;aspect-ratio:1 / 1.02;border-radius:32px;display:flex;flex-direction:column;padding:26px;position:relative;overflow:hidden;isolation:isolate}
.wh-hero-art::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:#c9d5d0;filter:blur(85px);top:90px;left:-100px;opacity:.6;pointer-events:none}
.wh-hero-art__top,.wh-hero-art__bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:10px;color:#606963;font-size:11px;font-weight:550}
.wh-hero-art__live{font-size:10px;letter-spacing:.045em}
.wh-hero-art__panel{width:94%;background:#fcfdfb;border:1px solid #e0e5e0;box-shadow:0 30px 55px rgba(22,43,36,.12);padding:28px;position:relative;margin:auto;z-index:2;border-radius:20px;transform:rotate(-2deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wh-hero-art:hover .wh-hero-art__panel{transform:rotate(0deg) translateY(-4px)}
.wh-hero-art__identity{display:flex;align-items:center;gap:15px}
.wh-hero-art__mark{display:grid;place-items:center;font-weight:700;font-size:25px;letter-spacing:-.1em;width:58px;height:58px;border-radius:16px;background:#1b2923;color:#fff}
.wh-hero-art__identity div{display:grid;gap:1px;color:#747c77;font-size:12px}
.wh-hero-art__identity strong{font-size:20px;color:#1c2420;font-weight:650;letter-spacing:-.04em}
.wh-hero-art__separators{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:32px 0 25px}
.wh-hero-art__separators span{height:5px;border-radius:10px;background:#d5e5d9}
.wh-hero-art__separators span:nth-child(2){background:#c7d6ca}.wh-hero-art__separators span:last-child{background:#e6ebe6}
.wh-hero-art__rows div{display:grid;grid-template-columns:36% auto;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #e9ece8}
.wh-hero-art__rows b{font-size:13px;font-weight:650}.wh-hero-art__rows span{color:#7a817b;font-size:12px}
/* Common */
.wh-intro{border-top:1px solid var(--wh-line);border-bottom:1px solid var(--wh-line);background:#fafaf8}
.wh-intro__grid{display:grid;grid-template-columns:1.25fr .7fr;gap:11%;align-items:end}
.wh-intro h2{max-width:900px}.wh-intro p{font-size:18px;color:#69706b;max-width:500px}
.wh-section-heading{display:grid;grid-template-columns:1.25fr .7fr;gap:11%;align-items:end;margin-bottom:55px}
.wh-section-heading h2{margin-top:20px}
.wh-section-heading>div+div>p,.wh-section-heading>p{font-size:17px;color:#717774;max-width:380px}
/* Pricing */
.wh-plans{background:#fff}
.wh-price-toggle{display:inline-flex;background:#f3f4f1;padding:4px;gap:3px;border:1px solid #e6e7e3;border-radius:999px;margin-top:24px}
.wh-price-toggle button{border:0;border-radius:999px;background:transparent;color:#686d69;padding:10px 17px;min-height:40px;font-weight:600;font-size:13px;cursor:pointer}
.wh-price-toggle button[aria-pressed=true]{background:#fff;color:#161817;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.wh-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wh-price-card{border:1px solid #e2e4e1;border-radius:26px;background:#f7f7f5;padding:31px 30px;display:flex;flex-direction:column;min-height:570px}
.wh-price-card--highlight{background:#e8ede8;border-color:#d9dfda}
.wh-price-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wh-price-card__name{font-size:16px;letter-spacing:-.035em;font-weight:650}
.wh-plan-number{color:#999f98;font-size:12px}
.wh-price-card__cost{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:48px;line-height:1}
.wh-price-card__amount{font-size:clamp(35px,3.25vw,50px);font-weight:650;letter-spacing:-.07em}
.wh-price-card__cost>span{font-size:13px;color:#808681}
.wh-price-card__tax{color:#888c89;margin-top:15px!important;font-size:12px;min-height:20px}
.wh-price-card__summary{font-size:15px;color:#656b66;margin-top:22px!important;min-height:52px}
.wh-price-card__divider{height:1px;background:#d9ddd8;margin:27px 0 21px}
.wh-tick-list{list-style:none;padding:0;margin:0;display:grid;gap:19px;font-size:14px;color:#505851}
.wh-tick-list li{display:flex;align-items:flex-start;gap:13px;line-height:1.48}
.wh-tick-list li::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#809e88;margin-top:8px;flex:0 0 auto}
.wh-price-card__link{display:flex;align-items:center;justify-content:center;border-radius:999px;background:#191d1b;color:#fff!important;min-height:51px;margin-top:auto;padding:14px 20px;font-weight:600;font-size:14px;transition:background .2s}
.wh-price-card__link:hover{background:#444a46}
.wh-note{font-size:12px;color:#8a8f8b;margin-top:25px!important;max-width:1050px}
/* Benefits */
.wh-benefits{background:#f5f6f3}
.wh-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dee3dd}
.wh-benefit-grid article{min-height:275px;padding:38px 10% 45px 0;border-bottom:1px solid #dee3dd}
.wh-benefit-grid article:nth-child(2n){padding-left:10%;padding-right:0}
.wh-benefit-grid article:nth-child(2n-1){border-right:1px solid #dee3dd}
.wh-benefit-grid article>span{color:#929992;font-size:12px}
.wh-benefit-grid h3{margin:36px 0 13px}
.wh-benefit-grid p{font-size:16px;color:#707670;max-width:465px}
/* sticky */
.wh-split-feature__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:12%}
.wh-split-feature__sticky{position:sticky;top:136px;align-self:start}
.wh-split-feature__sticky h2{margin:24px 0}
.wh-split-feature__sticky h2 em{font-style:normal;color:#9a9f9a}
.wh-split-feature__sticky p:not(.wh-kicker){font-size:17px;color:#737873;max-width:450px;margin-bottom:22px}
.wh-steps{display:grid;gap:16px}
.wh-steps article{min-height:310px;background:#f2f3f0;border-radius:24px;padding:35px 38px;display:flex;flex-direction:column;justify-content:space-between}
.wh-steps article:nth-child(2){background:#e3ebe5}.wh-steps article:nth-child(3){background:#eaebe7}
.wh-steps article>span{font-size:12px;color:#898e8a}
.wh-steps h3{margin-top:auto;margin-bottom:15px;max-width:390px}
.wh-steps p{font-size:15px;color:#6f746f;max-width:410px}
/* List */
.wh-detail-list{background:#fafaf8}
.wh-rows{border-top:1px solid #dce0dc}
.wh-rows article{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,.85fr);gap:40px;padding:35px 5px;border-bottom:1px solid #dce0dc;align-items:center}
.wh-rows span{color:#939893;font-size:12px}
.wh-rows h3{font-size:clamp(20px,2vw,30px)}.wh-rows p{color:#727770;font-size:15px}
.wh-inline-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.wh-inline-links a{padding:13px 18px;border:1px solid #dfe2dd;border-radius:40px;font-size:13px;font-weight:600;background:#fff}
.wh-inline-links a:hover{background:#ecefe9}
/* Migration */
.wh-migrate{background:#ebece7}
.wh-migrate__inner{display:grid;grid-template-columns:1.1fr .85fr;align-items:center;gap:11%}
.wh-migrate h2{margin:23px 0}
.wh-migrate p:not(.wh-kicker){font-size:17px;color:#6a706a;max-width:530px;margin-bottom:28px}
.wh-migrate__diagram{min-height:360px;border-radius:28px;background:#f8f9f6;display:flex;align-items:center;justify-content:center;padding:36px;gap:14px}
.wh-migrate__diagram div{border:1px solid #d9e0d9;border-radius:18px;flex:1;min-width:0;min-height:116px;display:grid;place-items:center;font-size:11px;font-weight:650;color:#66716b;text-align:center;padding:12px}
.wh-migrate__diagram div:last-child{background:#23382c;color:#fff;border:0}
.wh-migrate__line{height:1px;width:36px;flex:0 0 36px;background:#9eaaa0;position:relative}
.wh-migrate__line::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;transform:rotate(45deg);border-top:1px solid #9eaaa0;border-right:1px solid #9eaaa0}
/* FAQ */
.wh-faq{background:#fff}
.wh-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:13%}
.wh-faq h2{margin:23px 0}
.wh-faq__grid>div:first-child>p{color:#707570;margin:0 0 22px}
.wh-faq__items{border-top:1px solid #dfe2de}
.wh-faq details{border-bottom:1px solid #dfe2de}
.wh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-weight:600;font-size:17px;line-height:1.42;padding:27px 1px}
.wh-faq summary::-webkit-details-marker{display:none}
.wh-faq__plus{width:18px;height:18px;position:relative;flex:0 0 18px}
.wh-faq__plus:before,.wh-faq__plus:after{content:'';position:absolute;background:#777f77;left:1px;right:1px;top:8px;height:1px}
.wh-faq__plus:after{transform:rotate(90deg);transition:transform .2s}
.wh-faq details[open] .wh-faq__plus:after{transform:rotate(0)}
.wh-faq details>p{color:#6a716b;max-width:570px;font-size:15px;padding:0 33px 28px 1px}
/* Last section */
.wh-last{padding:105px 0 110px;background:#1a211c;color:#fff}
.wh-last__inner{display:grid;grid-template-columns:1.15fr .65fr;gap:13%;align-items:end}
.wh-last__inner>div:first-child p{font-size:12px;letter-spacing:.06em;color:#aebbb2}
.wh-last h2{font-size:clamp(48px,5.8vw,85px);margin-top:28px;max-width:800px}
.wh-last__inner>div:last-child p{font-size:18px;color:#bfcbc2;margin-bottom:27px}
.wh-page .wh-btn--light{background:#fff;color:#1c211d}
.wh-page .wh-btn--light:hover{background:#dfe7df}
/* Detail */
.wh-detail-hero{padding:100px 0 120px}
.wh-detail-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:11%}
.wh-detail-hero h1{font-size:clamp(52px,5.6vw,85px);margin:26px 0 30px}
.wh-detail-hero__grid>div>p:not(.wh-kicker){font-size:18px;color:#737874;max-width:630px}
.wh-detail-hero__price{background:#edf1ed;padding:36px;border-radius:28px;display:flex;flex-direction:column;gap:10px;min-height:325px}
.wh-detail-hero__price p:first-child{font-size:18px;font-weight:650;margin-bottom:auto}
.wh-detail-hero__price span{font-size:13px;color:#747b75}
.wh-detail-hero__price strong{font-size:clamp(43px,4vw,65px);font-weight:650;line-height:1;letter-spacing:-.065em}
.wh-detail-hero__line{height:1px;background:#d0d8d1;margin:12px 0}
.wh-detail-hero__price .wh-detail-hero__note{font-size:12px;color:#7e867e;margin-top:11px}
.wh-details{background:#f7f8f5}
.wh-details__grid{display:grid;grid-template-columns:1fr 1.08fr;gap:12%}
.wh-details h2{margin:23px 0}
.wh-details__grid>div:first-child>p:not(.wh-kicker){font-size:17px;color:#747a74;max-width:390px}
.wh-details__items{border-top:1px solid #dce1db}
.wh-details__items article{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:30px 0;border-bottom:1px solid #dce1db}
.wh-details__items article>span{font-size:12px;color:#949c94;padding-top:7px}
.wh-details__items h3{font-size:clamp(22px,2.2vw,32px);margin-bottom:12px}
.wh-details__items p{font-size:15px;color:#737973}
.wh-plan-focus__grid{display:grid;grid-template-columns:1fr .85fr;gap:11%;align-items:center}
.wh-plan-focus__card{min-height:500px;border-radius:30px;background:radial-gradient(circle at 10% 95%,#738e7c,transparent 68%),#263d2e;color:#fff;display:flex;flex-direction:column;padding:35px}
.wh-plan-focus__card p{font-size:12px;letter-spacing:.06em;color:#e1e7e0}
.wh-plan-focus__card strong{font-size:clamp(40px,4.1vw,68px);line-height:1.1;letter-spacing:-.06em;font-weight:550;margin:auto 0}
.wh-plan-focus__card strong em{font-style:normal;color:#c3ddc9}
.wh-plan-focus__pill{border-top:1px solid #ffffff42;padding-top:21px;font-size:12px;color:#e9f1ea}
.wh-plan-focus h2{margin:24px 0 32px}
.wh-audience{margin:0 0 26px;padding:0;list-style:none;border-top:1px solid #e1e3df}
.wh-audience li{padding:17px 0 17px 21px;border-bottom:1px solid #e1e3df;position:relative;font-size:16px}
.wh-audience li:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#85a38b;top:25px;left:0}
.wh-plan-focus__grid>div:last-child>p:not(.wh-kicker){font-size:15px;color:#747a75}
.wh-what-not{background:#f3f4f1}
.wh-what-not__grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.wh-what-not h2{margin-top:23px}
.wh-what-not__row{padding:25px 0;border-top:1px solid #dadeda}
.wh-what-not__row strong{font-size:18px;font-weight:650}
.wh-what-not__row p{font-size:15px;color:#727873;margin-top:8px}
.wh-other-plans{background:#fafbf8}
.wh-other-plans__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wh-other-plans__grid>a{background:#e8eee7;border-radius:22px;padding:32px;min-height:235px;display:flex;flex-direction:column;transition:transform .2s}
.wh-other-plans__grid>a:hover{transform:translateY(-3px)}
.wh-other-plans__grid>a:nth-child(2){background:#ededeb}
.wh-other-plans__grid>a>span:first-child{font-size:15px;font-weight:650}
.wh-other-plans__grid strong{font-size:32px;letter-spacing:-.045em;margin-top:16px}
.wh-other-plans__grid strong small{font-size:13px;color:#787f78;font-weight:400;letter-spacing:0}
.wh-other-plans__grid p{font-size:14px;color:#6e766e;margin:8px 0 20px}
.wh-other-plans__view{margin-top:auto;font-size:13px;font-weight:650}
@media(max-width:1100px){.wh-wrap{width:min(calc(100% - 64px),1290px)}.wh-section{padding:100px 0}.wh-hero{gap:45px}.wh-hero-art{min-height:460px}.wh-hero-art__panel{padding:23px}.wh-price-card{padding:26px 23px}.wh-price-card__amount{font-size:39px}.wh-price-card__cost{margin-top:38px}.wh-detail-hero{padding:85px 0 100px}}
@media(max-width:850px){.wh-section{padding:80px 0}.wh-wrap{width:min(calc(100% - 48px),1290px)}.wh-hero,.wh-intro__grid,.wh-section-heading,.wh-split-feature__grid,.wh-migrate__inner,.wh-faq__grid,.wh-detail-hero__grid,.wh-details__grid,.wh-plan-focus__grid,.wh-what-not__grid,.wh-last__inner{grid-template-columns:1fr;gap:36px}.wh-hero{padding-top:70px;padding-bottom:90px}.wh-hero__copy h1{font-size:clamp(48px,7.6vw,70px)}.wh-hero-art{width:100%;max-width:650px;min-height:450px;aspect-ratio:auto}.wh-section-heading{margin-bottom:38px}.wh-section-heading>div+div>p,.wh-section-heading>p{max-width:580px}.wh-prices{grid-template-columns:1fr 1fr}.wh-prices .wh-price-card:last-child{grid-column:span 2;min-height:auto}.wh-price-card{min-height:530px}.wh-split-feature__sticky{position:static}.wh-steps{gap:13px}.wh-steps article{min-height:270px}.wh-migrate__diagram{min-height:250px}.wh-rows article{grid-template-columns:35px 1fr;gap:12px 22px}.wh-rows article>p{grid-column:2}.wh-detail-hero__price{max-width:680px}.wh-plan-focus__card{min-height:400px}.wh-last__inner{gap:25px}.wh-faq__grid{gap:32px}}
@media(max-width:600px){.wh-wrap{width:calc(100% - 34px)}.wh-section{padding:65px 0}.wh-breadcrumb{font-size:11px;padding-top:17px}.wh-kicker{font-size:11px}.wh-page h2{font-size:clamp(38px,10vw,49px)}.wh-hero{padding-top:60px;padding-bottom:72px;gap:40px}.wh-hero__copy h1{font-size:clamp(43px,10.8vw,60px);line-height:1.05;margin:18px 0 22px}.wh-hero__copy>p:not(.wh-kicker){font-size:16px}.wh-actions{gap:18px;margin-top:24px}.wh-page .wh-btn{min-height:49px;font-size:14px;padding:13px 20px}.wh-hero-art{min-height:410px;padding:18px;border-radius:22px}.wh-hero-art__panel{padding:22px 18px;width:100%;border-radius:16px}.wh-hero-art__rows div{grid-template-columns:1fr;gap:2px;padding:11px 0}.wh-hero-art__top,.wh-hero-art__bottom{font-size:9px}.wh-hero-art__identity strong{font-size:18px}.wh-intro p,.wh-section-heading>p{font-size:16px}.wh-prices,.wh-benefit-grid,.wh-other-plans__grid{grid-template-columns:1fr}.wh-prices .wh-price-card:last-child{grid-column:auto}.wh-price-card{min-height:510px;padding:26px 24px}.wh-price-card__cost{margin-top:31px}.wh-price-card__amount{font-size:44px}.wh-price-card__summary{min-height:unset}.wh-tick-list{gap:17px}.wh-benefit-grid article,.wh-benefit-grid article:nth-child(2n){border-right:0;padding:32px 0;min-height:auto}.wh-benefit-grid h3{margin:18px 0 11px}.wh-steps article{padding:28px;min-height:275px}.wh-steps h3{font-size:29px}.wh-rows article{padding:28px 0}.wh-rows h3{font-size:24px}.wh-migrate__diagram{min-height:210px;padding:19px;border-radius:23px}.wh-migrate__diagram div{min-height:90px;font-size:9px}.wh-migrate__line{flex-basis:18px;width:18px}.wh-faq summary{font-size:16px;padding:24px 1px}.wh-last{padding:70px 0 76px}.wh-last h2{font-size:clamp(40px,10.1vw,57px)}.wh-last__inner>div:last-child p{font-size:16px}.wh-detail-hero{padding:63px 0 80px}.wh-detail-hero h1{font-size:clamp(44px,10.4vw,60px)}.wh-detail-hero__grid>div>p:not(.wh-kicker){font-size:16px}.wh-detail-hero__price{padding:30px;min-height:290px}.wh-detail-hero__price strong{font-size:53px}.wh-details__items article{padding:24px 0}.wh-plan-focus__card{min-height:365px;padding:27px}.wh-plan-focus__card strong{font-size:clamp(38px,9vw,55px)}.wh-other-plans__grid>a{padding:27px;min-height:210px}}
@media(prefers-reduced-motion:reduce){.wh-page *,.wh-page *::before,.wh-page *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.wh-price-card h3.wh-price-card__name{font-size:16px;line-height:1.25;letter-spacing:-.035em;font-weight:650}
/* ====== intelligence-luxe.css ======
   Premium laag bovenop de editorial-opmaak: ruimte, dubbele rand, pilvormige labels, rustige beweging.
   Alleen transform/opacity worden geanimeerd. */
.intelligence.wm-intelligence.wm-intelligence--editorial { --wm-i-ease: cubic-bezier(.32,.72,0,1); }
.intelligence.wm-intelligence--editorial .intelligence__inner,
.wm-intelligence--editorial .intelligence__inner {
  padding-block: clamp(120px, 14vw, 200px);
  gap: clamp(54px, 9vw, 150px);
}
.wm-intelligence--editorial .intelligence__sticky h2 {
  font-size: clamp(48px, 6.6vw, 104px);
  line-height: .98;
  letter-spacing: -.045em;
  max-width: 720px;
}
.wm-intelligence--editorial .intelligence__sticky > p.wm-intelligence__lead {
  color: #9d9f9c;
  line-height: 1.85;
  max-width: 440px;
}
.wm-intelligence--editorial .wm-intelligence__kicker {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  border: 1px solid rgba(245,245,242,.14);
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .18em;
  margin-bottom: clamp(36px, 4.5vw, 64px);
}

/* Knop: pil met pijl in eigen cirkel */
.wm-intelligence--editorial .wm-intelligence__link > .wm-intelligence__link-label { display: inline; }
.wm-intelligence--editorial .wm-intelligence__link {
  gap: 16px;
  min-height: 56px;
  padding: 6px 6px 6px 26px;
  border: 0;
  border-radius: 999px;
  background: #f5f5f2;
  color: #171819;
  font-size: 15px;
  font-weight: 600;
  transition: transform .6s var(--wm-i-ease, cubic-bezier(.32,.72,0,1)), background-color .4s ease;
}
.wm-intelligence--editorial .wm-intelligence__link:hover { background: #fff; color: #171819; border: 0; }
.wm-intelligence--editorial .wm-intelligence__link:active { transform: scale(.98); }
.wm-intelligence--editorial .wm-intelligence__link .wm-intelligence__link-icon,
.wm-intelligence--editorial .wm-intelligence__link > [aria-hidden="true"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #171819;
  color: #f5f5f2;
  font-size: 18px;
  line-height: 1;
  transition: transform .6s var(--wm-i-ease, cubic-bezier(.32,.72,0,1));
}
.wm-intelligence--editorial .wm-intelligence__link:hover .wm-intelligence__link-icon { transform: translate(3px,-2px) scale(1.06); }
.wm-intelligence--editorial .wm-intelligence__link:focus-visible { outline: 2px solid #f5f5f2; outline-offset: 5px; }

/* Kaarten: dubbele rand, zachte diepte */
.wm-intelligence--editorial .intelligence__modules { gap: 36px; }
.wm-intelligence--editorial .module-card.wm-intelligence__step {
  border: 0;
  border-radius: 28px;
  min-height: clamp(420px, 40vw, 520px);
  padding: clamp(32px, 3.4vw, 52px);
  box-shadow:
    0 0 0 8px rgba(245,245,242,.045),
    0 0 0 9px rgba(245,245,242,.09),
    0 40px 80px -36px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition: transform .8s var(--wm-i-ease, cubic-bezier(.32,.72,0,1)), background-color .5s ease, opacity .9s var(--wm-i-ease, cubic-bezier(.32,.72,0,1));
}
.wm-intelligence--editorial .module-card.wm-intelligence__step:hover { transform: translateY(-6px); }

.wm-intelligence--editorial .wm-intelligence__step-top span:first-child {
  font-size: clamp(44px, 4.4vw, 68px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1;
  color: #1b1d1c;
}
.wm-intelligence--editorial .wm-intelligence__step-top span:last-child {
  padding: 7px 14px;
  border: 1px solid rgba(25,26,26,.14);
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .18em;
  color: #5d615d;
  white-space: nowrap;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step h3 {
  font-size: clamp(36px, 3.6vw, 58px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.wm-intelligence--editorial .module-card.wm-intelligence__step p { color: #5d615d; line-height: 1.8; }
.wm-intelligence--editorial .wm-intelligence__step-bottom { border-top-color: rgba(22,27,24,.1); }

/* Beweging: onderdelen komen een voor een omhoog */
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__kicker,
.wm-intel-js.wm-intelligence--editorial .intelligence__sticky h2,
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__lead,
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__link,
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__step {
  opacity: 0;
  transform: translateY(32px);
}
.wm-intel-js.wm-intelligence--editorial .is-in.is-in {
  opacity: 1;
  transform: none;
}
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__kicker { transition: opacity .9s var(--wm-i-ease), transform .9s var(--wm-i-ease); }
.wm-intel-js.wm-intelligence--editorial .intelligence__sticky h2 { transition: opacity .9s var(--wm-i-ease) .08s, transform .9s var(--wm-i-ease) .08s; }
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__lead { transition: opacity .9s var(--wm-i-ease) .16s, transform .9s var(--wm-i-ease) .16s; }
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__link { transition: opacity .9s var(--wm-i-ease) .24s, transform .6s var(--wm-i-ease), background-color .4s ease; }
.wm-intel-js.wm-intelligence--editorial .wm-intelligence__step.is-in.is-in:hover { transform: translateY(-6px); }

@media (max-width: 1050px) {
  .wm-intelligence--editorial .intelligence__inner { padding-block: 100px; }
  .wm-intelligence--editorial .intelligence__sticky h2 { font-size: clamp(48px, 9vw, 84px); }
}
@media (max-width: 640px) {
  .wm-intelligence--editorial .intelligence__inner { padding-block: 84px 92px; }
  .wm-intelligence--editorial .intelligence__sticky h2 { font-size: clamp(42px, 12vw, 58px); }
  .wm-intelligence--editorial .intelligence__modules { gap: 28px; }
  .wm-intelligence--editorial .module-card.wm-intelligence__step { border-radius: 22px; min-height: 380px; padding: 26px; box-shadow: 0 0 0 6px rgba(245,245,242,.045), 0 0 0 7px rgba(245,245,242,.09); }
  .wm-intelligence--editorial .wm-intelligence__step-top { flex-wrap: wrap; }
  .wm-intelligence--editorial .wm-intelligence__step-top span:first-child { font-size: 40px; }
  .wm-intelligence--editorial .wm-intelligence__step-top span:last-child { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-intel-js.wm-intelligence--editorial .is-in,
  .wm-intelligence--editorial .module-card.wm-intelligence__step:hover { transform: none; }
}

/* ====== services-motion.css ======
   Subtiele animaties voor de homepage-sectie Diensten. Alleen transform/opacity. */
.wm-services { --wm-s-ease: cubic-bezier(.32,.72,0,1); }

/* Lijnen als getekende lagen (scaleX) in plaats van borders */
.wm-services .wm-services__list { position: relative; border-top-color: transparent; }
.wm-services .wm-services__list::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: #dedfdb; transform-origin: left center;
}
.wm-services .wm-service { border-bottom-color: transparent; }
.wm-services .wm-service::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: #202223; opacity: .14; transform-origin: left center;
  transition: opacity .5s var(--wm-s-ease), transform 1.1s var(--wm-s-ease);
}
.wm-services .wm-service:hover::after,
.wm-services .wm-service:focus-visible::after { opacity: .6; }

/* Hover: titel schuift op, pijltje verschijnt */
.wm-services .wm-service__copy { transition: transform .6s var(--wm-s-ease); }
.wm-services .wm-service:hover .wm-service__copy,
.wm-services .wm-service:focus-visible .wm-service__copy { transform: translateX(6px); }
.wm-services .wm-service__go {
  position: absolute; right: 16px; top: 38px; width: 36px; height: 36px;
  display: grid; place-items: center; color: #202223;
  opacity: 0; transform: translate(-8px, 4px);
  transition: opacity .45s var(--wm-s-ease), transform .6s var(--wm-s-ease);
  pointer-events: none;
}
.wm-services .wm-service__go svg { width: 20px; height: 20px; }
.wm-services .wm-service:hover .wm-service__go,
.wm-services .wm-service:focus-visible .wm-service__go { opacity: 1; transform: none; }

/* Knop: onderstreping tekent zich op hover, lichte magnetische beweging */
.wm-services .wm-services__contact {
  position: relative; border-bottom-color: rgba(32,34,35,.22);
  transition: transform .5s var(--wm-s-ease);
}
.wm-services .wm-services__contact::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: #202223; transform-origin: left center;
}
.wm-services .wm-services__contact:hover::after { animation: wmUnderline .7s var(--wm-s-ease); }
@keyframes wmUnderline { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Kop onthult zich regel voor regel */
.wm-services .wm-line { display: block; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }
.wm-services .wm-line__in { display: block; }
.wm-services .wm-line, .wm-services .wm-line__in { color: inherit; }
.wm-services .wm-line__in > span { color: #999b98; }
.wm-svc-js .wm-line__in { transform: translateY(105%); transition: transform 1s var(--wm-s-ease); }
.wm-svc-js .wm-line:nth-child(2) .wm-line__in { transition-delay: .09s; }
.wm-svc-js.is-ready .wm-line__in { transform: none; }

/* Diensten en lijnen komen in beeld bij scrollen */
.wm-svc-js .wm-services__list::before { transform: scaleX(0); transition: transform 1.2s var(--wm-s-ease); }
.wm-svc-js .wm-services__list.is-in::before { transform: scaleX(1); }
.wm-svc-js .wm-service { opacity: 0; transform: translateY(20px); transition: opacity .9s var(--wm-s-ease), transform .9s var(--wm-s-ease), color .3s ease; transition-delay: calc(var(--i, 0) * 90ms), calc(var(--i, 0) * 90ms), 0s; }
.wm-svc-js .wm-service::after { transform: scaleX(0); transition-delay: 0s, calc(var(--i, 0) * 90ms + 150ms); }
.wm-svc-js .wm-service.is-in { opacity: 1; transform: none; }
.wm-svc-js .wm-service.is-in::after { transform: scaleX(1); }

@media (max-width: 640px) {
  .wm-services .wm-service__go { top: 30px; right: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-services .wm-service__copy,
  .wm-services .wm-service__go,
  .wm-services .wm-services__contact { transition: none; }
  .wm-services .wm-services__contact:hover::after { animation: none; }
}

/* ====== process-motion.css ======
   Subtiele animaties voor de werkwijze-sectie. De sticky kaartenstapel zelf blijft ongemoeid;
   alleen de inhoud van de kaarten beweegt (translate/scale/opacity). */
.wm-process { --wm-p-ease: cubic-bezier(.32,.72,0,1); }

.wm-process .wm-line { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .12em; margin-bottom: -.12em; }
.wm-process .wm-line__in { display: inline-block; }
.wm-process .wm-line:first-child { display: block; }
.wm-process .wm-line:nth-child(2) { display: block; }

.wm-proc-js .wm-line__in { transform: translateY(105%); transition: transform 1s var(--wm-p-ease); }
.wm-proc-js .wm-line:nth-child(2) .wm-line__in { transition-delay: .09s; }
.wm-proc-js.is-ready .wm-line__in { transform: none; }
.wm-proc-js .wm-process__intro { opacity: 0; translate: 0 16px; transition: opacity .9s var(--wm-p-ease) .25s, translate .9s var(--wm-p-ease) .25s; }
.wm-proc-js.is-ready .wm-process__intro { opacity: 1; translate: 0 0; }

/* Inhoud van elke kaart, gestaffeld */
.wm-proc-js .wm-process__step,
.wm-proc-js .wm-process__copy-main,
.wm-proc-js .wm-process__meta,
.wm-proc-js .wm-process__number-label {
  opacity: 0; translate: 0 18px;
  transition: opacity .9s var(--wm-p-ease), translate .9s var(--wm-p-ease);
}
.wm-proc-js .wm-process__copy-main { transition-delay: .07s; }
.wm-proc-js .wm-process__meta { transition-delay: .14s; }
.wm-proc-js .wm-process__number-label { transition-delay: .1s; }
.wm-proc-js .is-in .wm-process__step,
.wm-proc-js .is-in .wm-process__copy-main,
.wm-proc-js .is-in .wm-process__meta,
.wm-proc-js .is-in .wm-process__number-label { opacity: 1; translate: 0 0; }

/* Nummerpaneel */
.wm-proc-js .wm-process__number { opacity: 0; translate: 0 32px; transition: opacity 1.1s var(--wm-p-ease) .12s, translate 1.1s var(--wm-p-ease) .12s, transform .65s var(--wm-p-ease); }
.wm-proc-js .is-in .wm-process__number { opacity: 1; translate: 0 0; }
.wm-proc-js .wm-process__progress i { scale: 0 1; transform-origin: left center; transition: scale .9s var(--wm-p-ease), opacity .4s ease; }
.wm-proc-js .is-in .wm-process__progress i { scale: 1 1; }
.wm-proc-js .is-in .wm-process__progress i:nth-child(1) { transition-delay: .35s, 0s; }
.wm-proc-js .is-in .wm-process__progress i:nth-child(2) { transition-delay: .47s, 0s; }
.wm-proc-js .is-in .wm-process__progress i:nth-child(3) { transition-delay: .59s, 0s; }
@media (hover: hover) {
  .wm-process__card:hover .wm-process__progress i:not(.is-current) { opacity: .32; }
}

/* ====== hero-lines.css ======
   Dunne bewegende lijnen achter de foto en de tekst. Blokkeert geen klikken. */
.wm-hero__lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* Foto: geen contrastfilter, zodat het witte van de afbeelding gelijk blijft aan de witte pagina. */
.wm-hero .wm-hero__photo { filter: saturate(.82) brightness(1.045); }

/* ====== products-scroll.css ======
   Scroll-weergave voor Producten (desktop, zonder reduced motion):
   kaart 1+2 staan vast, vervagen langzaam, daarna verschijnen kaart 3+4.
   De kaartopmaak zelf blijft ongewijzigd. Mobiel/tablet blijft het gewone raster. */
.wm-motion__aura { display: none; }
.wm-motion .wm-line { display: block; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }
.wm-motion .wm-line__in { display: block; transition: transform 1s cubic-bezier(.32,.72,0,1); }
.wm-prod-js:not(.is-in) .wm-line__in { transform: translateY(105%); }

.wm-prod-js.wm-motion.products { padding: 40px 0 0; overflow: clip; }
.wm-prod-js .wm-motion__inner.container { position: sticky; top: 100px; isolation: isolate; }
.wm-prod-js .wm-motion__grid { grid-template-rows: auto; }
.wm-prod-js .wm-motion__card { height: clamp(420px, calc(100svh - 280px), 565px); will-change: opacity, translate; }
.wm-prod-js .wm-motion__card:nth-child(1) { grid-column: 1; grid-row: 1; --k: 0; }
.wm-prod-js .wm-motion__card:nth-child(2) { grid-column: 2; grid-row: 1; --k: 1; }
.wm-prod-js .wm-motion__card:nth-child(3) { grid-column: 1; grid-row: 1; --k: 2; }
.wm-prod-js .wm-motion__card:nth-child(4) { grid-column: 2; grid-row: 1; --k: 3; }

/* Kaarten komen één voor één binnen als de sectie voor het eerst in beeld is */
.wm-prod-js .wm-motion__card {
  animation: wmCardIn 1.1s cubic-bezier(.32,.72,0,1) backwards paused;
  animation-delay: calc(var(--k, 0) * 120ms);
}
.wm-prod-js.is-in .wm-motion__card { animation-play-state: running; }
@keyframes wmCardIn { from { opacity: 0; transform: translateY(34px); } }

/* Zachte kleurwolken op de witte achtergrond, passend bij de kaarten */
.wm-prod-js .wm-motion__aura {
  display: block; position: absolute; z-index: -1; pointer-events: none;
  left: 50%; top: -90px; width: min(1560px, 124vw); height: 900px;
  margin-left: calc(min(1560px, 124vw) / -2);
  animation: wmAura 20s ease-in-out infinite alternate;
}
.wm-prod-js .wm-motion__aura--a {
  background: radial-gradient(ellipse 34% 46% at 24% 48%, rgba(150,184,198,.26), transparent 70%),
              radial-gradient(ellipse 34% 46% at 76% 52%, rgba(190,224,204,.24), transparent 70%);
}
.wm-prod-js .wm-motion__aura--b {
  opacity: 0; animation-direction: alternate-reverse;
  background: radial-gradient(ellipse 34% 46% at 24% 48%, rgba(192,202,242,.26), transparent 70%),
              radial-gradient(ellipse 34% 46% at 76% 52%, rgba(240,226,206,.34), transparent 70%);
}
@keyframes wmAura { from { translate: -26px 6px; } to { translate: 26px -14px; } }

/* Kaartverfijning: de illustratie zoomt rustig mee bij hover */
.wm-motion__art { transition: transform 1.2s cubic-bezier(.32,.72,0,1); }
@media (hover: hover) {
  .wm-motion__card:hover .wm-motion__art { transform: scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
  .wm-motion__art, .wm-motion .wm-line__in { transition: none; }
  .wm-motion__card:hover .wm-motion__art { transform: none; }
}

/* ====== process-bg.css ======
   Zachte vormen op de achtergrond van Werkwijze: driften langzaam en scrollen op eigen snelheid mee. */
.wm-process__bg { position: absolute; inset: 0; z-index: -1; overflow: clip; pointer-events: none; }
.wm-process__bg > span { position: absolute; display: block; will-change: transform; }
.wm-process__bg > span::before { content: ""; position: absolute; inset: 0; border-radius: 50%; animation: wmProcDrift 22s ease-in-out infinite alternate; }
.wm-process__orb--1 { width: 640px; height: 640px; top: 3%; left: -9%; }
.wm-process__orb--1::before { background: radial-gradient(circle at 50% 50%, rgba(170,186,170,.30), transparent 68%); }
.wm-process__orb--2 { width: 760px; height: 760px; top: 46%; right: -12%; }
.wm-process__orb--2::before { background: radial-gradient(circle at 50% 50%, rgba(214,204,186,.40), transparent 68%); animation-duration: 28s; animation-direction: alternate-reverse; }
.wm-process__ring--1 { width: 560px; height: 560px; top: 10%; right: -7%; }
.wm-process__ring--2 { width: 480px; height: 480px; top: 60%; left: -9%; }
.wm-process__ring--3 { width: 220px; height: 220px; top: 28%; left: 44%; }
.wm-process__ring::before { border: 1px solid rgba(25,27,27,.085); animation-duration: 30s; }
.wm-process__ring--3::before { border-color: rgba(25,27,27,.06); animation-duration: 18s; animation-direction: alternate-reverse; }
@keyframes wmProcDrift { from { translate: -18px 10px; } to { translate: 22px -16px; } }
@media (max-width: 700px) {
  .wm-process__orb--1 { width: 420px; height: 420px; }
  .wm-process__orb--2 { width: 480px; height: 480px; }
  .wm-process__ring--1 { width: 360px; height: 360px; }
  .wm-process__ring--2 { width: 320px; height: 320px; }
  .wm-process__ring--3 { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-process__bg > span::before { animation: none; }
}

/* ====== easter-egg.css ======
   Verborgen terminal: klik op de man in de hero (alleen desktop). Kleuren via --egg-* (thema's). */
.wm-hero__egg {
  position: absolute; z-index: 1; left: 32%; width: 36%; top: 6%; bottom: 0;
  margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.wm-hero__egg:focus-visible { outline: 2px solid #171819; outline-offset: -6px; border-radius: 24px; }
@media (max-width: 1000px), (pointer: coarse) { .wm-hero__egg { display: none; } }

html.wm-egg-lock { overflow: hidden; }
.wm-egg { position: fixed; inset: 0; z-index: 1000; display: none; }
.wm-egg.is-open { display: block; }
.wm-egg__liquid {
  position: absolute; pointer-events: none; will-change: transform;
  background: rgba(244, 245, 247, .46);
  -webkit-backdrop-filter: blur(18px) saturate(1.15); backdrop-filter: blur(18px) saturate(1.15);
  border-radius: 46% 54% 50% 50% / 52% 46% 54% 48%;
  transform: scale(0);
  transition: transform 1.15s cubic-bezier(.32,.72,0,1);
  animation: wmEggBlob 2.6s ease-in-out infinite alternate;
}
.wm-egg.is-in .wm-egg__liquid { transform: scale(1); }
@keyframes wmEggBlob {
  0% { border-radius: 46% 54% 50% 50% / 52% 46% 54% 48%; }
  50% { border-radius: 54% 46% 44% 56% / 45% 56% 44% 55%; }
  100% { border-radius: 48% 52% 56% 44% / 56% 44% 52% 48%; }
}
.wm-egg__win {
  --egg-bg: #0f1112; --egg-fg: #e8eae6; --egg-ac: #b7f5d2; --egg-dim: #8d928c; --egg-bar: #16181a;
  --egg-line: rgba(255,255,255,.18); --egg-btn: rgba(255,255,255,.07);
  position: absolute; left: 50%; top: 50%;
  width: min(820px, calc(100vw - 80px)); height: min(580px, calc(100vh - 100px));
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--egg-bg); color: var(--egg-fg); border-radius: 18px;
  box-shadow: 0 40px 90px -30px rgba(0,0,0,.6), 0 0 0 1px var(--egg-line);
  font: 14px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  opacity: 0; transform: translate(-50%, -46%) scale(.97);
  transition: opacity .6s cubic-bezier(.32,.72,0,1), transform .9s cubic-bezier(.32,.72,0,1), background-color .5s ease, color .5s ease;
  outline: none;
}
.wm-egg.is-in .wm-egg__win { opacity: 1; transform: translate(-50%, -50%); transition-delay: .4s, .4s, 0s, 0s; }
.wm-egg__bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 10px 20px; background: var(--egg-bar); color: var(--egg-dim); font-size: 12px; }
.wm-egg__close { width: 28px; height: 28px; border: 0; border-radius: 50%; background: var(--egg-btn); color: var(--egg-fg); font: 18px/1 ui-monospace, Menlo, monospace; cursor: pointer; transition: background .3s ease, transform .5s cubic-bezier(.32,.72,0,1); }
.wm-egg__close:hover { transform: rotate(90deg); }
.wm-egg__close:focus-visible, .wm-egg__chip:focus-visible, .wm-egg__opt:focus-visible, .wm-egg__link:focus-visible { outline: 2px solid var(--egg-ac); outline-offset: 2px; }
.wm-egg__out { flex: 1; overflow: auto; padding: 18px 22px 8px; }
.wm-egg__line { white-space: pre-wrap; overflow-wrap: anywhere; min-height: 1.6em; }
.wm-egg__dim { color: var(--egg-dim); }
.wm-egg__ok { color: var(--egg-ac); }
.wm-egg__echo { opacity: .85; }
.wm-egg__bot { padding-left: 14px; border-left: 2px solid var(--egg-ac); margin: 2px 0; }
.wm-egg__link { color: var(--egg-ac); text-decoration: underline; text-underline-offset: 3px; }
.wm-egg__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 6px; }
.wm-egg__chip { padding: 6px 14px; border: 1px solid var(--egg-line); border-radius: 999px; background: none; color: var(--egg-fg); font: inherit; cursor: pointer; transition: background .3s ease, transform .4s cubic-bezier(.32,.72,0,1); }
.wm-egg__chip:hover { background: var(--egg-btn); transform: translateY(-1px); }
.wm-egg__chip:active { transform: scale(.97); }
.wm-egg__opt { display: block; width: 100%; padding: 2px 0; border: 0; background: none; color: var(--egg-ac); font: inherit; text-align: left; cursor: pointer; }
.wm-egg__opt:hover { text-decoration: underline; text-underline-offset: 3px; }
.wm-egg__form { display: flex; align-items: center; gap: 10px; padding: 12px 22px 16px; background: var(--egg-bg); }
.wm-egg__form[hidden] { display: none; }
.wm-egg__prompt { color: var(--egg-ac); white-space: nowrap; }
.wm-egg__input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: var(--egg-fg); caret-color: var(--egg-ac); font: inherit; }
.wm-egg__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wm-egg__llama { margin: 10px 0 4px; }
.wm-egg__sprite { display: block; width: 400px; max-width: 100%; height: 112px; image-rendering: pixelated; }
.wm-egg__bubble { display: grid; gap: 4px; }
.wm-egg__matrix { margin: 8px 0; overflow: hidden; border-radius: 8px; transition: opacity .6s ease; }
.wm-egg__matrix canvas { display: block; width: 100%; }
.wm-egg__matrix.is-gone { opacity: 0; }
.wm-egg__game { display: flex; gap: 24px; align-items: flex-start; margin: 6px 0; }
.wm-egg__board, .wm-egg__next { border-radius: 6px; box-shadow: 0 0 0 1px var(--egg-line); }
.wm-egg__side { display: grid; gap: 14px; font-size: 13px; color: var(--egg-dim); }
.wm-egg__stat { white-space: pre; color: var(--egg-ac); }
@media (prefers-reduced-motion: reduce) {
  .wm-egg__liquid { animation: none; transition: none; transform: scale(1); border-radius: 0; }
  .wm-egg__win, .wm-egg__close, .wm-egg__chip, .wm-egg__matrix { transition: none; }
  .wm-egg.is-in .wm-egg__win { transform: translate(-50%, -50%); }
}

/* WebMidox / Webshops — standalone section-scoped styling, v2 */
.wms{--wms-ink:#171917;--wms-muted:#666a67;--wms-paper:#fff;--wms-cream:#f5f4f1;--wms-dark:#202b2a;--wms-ease:cubic-bezier(.2,.8,.2,1);background:#fff;color:var(--wms-ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55;isolation:isolate}
.wms *,.wms *::before,.wms *::after{box-sizing:border-box}
.wms h1,.wms h2,.wms h3,.wms p{margin:0}
.wms a{text-decoration:none;color:inherit}
.wms button,.wms input,.wms select,.wms textarea{font:inherit}
.wms a:focus-visible,.wms button:focus-visible,.wms input:focus-visible,.wms select:focus-visible,.wms textarea:focus-visible{outline:3px solid #536a56;outline-offset:4px}
.wms-wrap{width:min(1310px,calc(100% - 96px));margin-inline:auto}
.wms-block{padding:125px 0}
.wms-block--light{background:var(--wms-cream)}
.wms-kicker{font-size:11px;line-height:1.3;font-weight:650;letter-spacing:.095em;text-transform:uppercase;color:#6f736d}
.wms h1{font-size:clamp(60px,6.2vw,101px);line-height:1.03;letter-spacing:-.075em;font-weight:600}
.wms h1 span{color:#9da09b}
.wms h2{font-size:clamp(39px,4.75vw,74px);line-height:1.095;letter-spacing:-.069em;font-weight:600}
.wms h3{font-size:clamp(24px,2.3vw,35px);line-height:1.17;letter-spacing:-.048em;font-weight:600}
.wms-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px 24px;border:1px solid #1c201e;background:#1c201e;border-radius:100px;font-weight:600;font-size:14px;color:#fff!important;cursor:pointer;transition:background .25s,transform .25s;max-width:100%}
.wms-btn:hover{background:#3c4740;transform:translateY(-2px)}
.wms-btn--outline{background:transparent;color:#1a201b!important;border-color:#c2c8c1}
.wms-btn--outline:hover{background:#e8ece6}
.wms-underlink{display:inline-flex;font-weight:600;font-size:15px;text-decoration:underline!important;text-decoration-color:#abb4aa!important;text-underline-offset:7px;transition:text-decoration-color .2s}
.wms-underlink:hover{text-decoration-color:#1b201b!important}
.wms-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.4;color:#81857f;padding:28px 0 0}
.wms-breadcrumb a{color:#4d514e}
.wms-breadcrumb a:hover{text-decoration:underline}
.wms-hero{padding:0 0 115px;background:#fff}
.wms-hero__top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:65px;align-items:end;padding:105px 0 48px}
.wms-hero__top h1{margin-top:19px;max-width:950px}
.wms-hero__aside{display:flex;flex-direction:column;align-items:start;gap:23px;padding:0 0 9px}
.wms-hero__aside p{font-size:clamp(16px,1.35vw,20px);line-height:1.57;letter-spacing:-.014em;max-width:390px;color:#4a514d}
.wms-detail-hero h1{font-size:clamp(55px,5.85vw,92px)}
.wms-detail-hero__price{display:block;font-size:clamp(29px,3.1vw,49px);line-height:1.1;font-weight:600;letter-spacing:-.06em}
.wms-detail-hero__vat{font-size:12px;color:#71766f;margin-top:-17px}
.wms-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:end;gap:60px;margin-bottom:45px}
.wms-section-heading h2{margin-top:21px}
.wms-section-heading>p{justify-self:end;max-width:360px;color:#626660;font-size:17px;line-height:1.65}
.wms-intro__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:50px}
.wms-intro__grid>div{max-width:720px}
.wms-intro__grid h2{margin-bottom:24px}
.wms-intro__grid div p{color:#5e625e;font-size:19px;max-width:640px;line-height:1.75;margin-bottom:15px}
.wms-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.wms-price-card{display:flex;flex-direction:column;min-width:0;min-height:465px;background:#fff;border:1px solid #e2e4de;border-radius:22px;overflow:hidden;transition:transform .36s var(--wms-ease),box-shadow .36s var(--wms-ease)}
.wms-price-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #1b241512}
.wms-price-card--focus{background:#e7ebe5;border-color:#d6ddd3}
.wms-price-card__top{padding:24px 23px 0;display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:10px;color:#666d65;letter-spacing:.075em;font-weight:700}
.wms-price-card__top>span:last-child{font-size:10px;letter-spacing:0;text-align:right;max-width:55%;font-weight:500}
.wms-price-card__body{padding:65px 23px 20px}
.wms-price-card__body h3{font-size:clamp(28px,2.9vw,40px);margin-bottom:18px}
.wms-price-card__body p{font-size:14px;line-height:1.7;color:#70756e;min-height:76px}
.wms-price-card__body strong{display:block;font-size:clamp(25px,2.5vw,35px);line-height:1.15;font-weight:600;letter-spacing:-.045em;margin-top:23px;white-space:nowrap}
.wms-price-card__body>small{font-size:11px;color:#818782}
.wms-price-card__foot{margin-top:auto;padding:20px 23px 25px;display:grid;gap:14px}
.wms-price-card__foot .wms-btn{width:100%}
.wms-price-card__foot>a:last-child{display:block;text-align:center;font-size:13px;font-weight:600;color:#555c55}
.wms-pricing-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px;color:#676d67}
.wms-pricing-bottom p{font-size:13px;max-width:630px}
.wms-visual{width:100%;min-width:0;aspect-ratio:1.95;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;isolation:isolate;background:#ebece7}
.wms-visual--store{background:linear-gradient(125deg,#ebe7df,#e6ece3)}
.wms-visual--catalog{background:linear-gradient(120deg,#dbe4dc,#edf1ea)}
.wms-visual--checkout{background:linear-gradient(120deg,#dee2e0,#c7d4cc)}
.wms-visual--manage{background:linear-gradient(130deg,#d8dedd,#e6e9e3)}
.wms-visual--story{background:linear-gradient(120deg,#292e2d,#4a5750);color:#fff}
.wms-visual__disclaimer{position:absolute;bottom:18px;left:22px;z-index:6;font-size:10px;color:#596159;background:#ffffffbd;padding:5px 11px;border-radius:100px}
.wms-store{width:76%;height:78%;background:#f8f8f3;border-radius:12px;box-shadow:0 24px 68px #3844372b;overflow:hidden;transform:translateY(3%);transition:transform .8s var(--wms-ease)}
.wms-visual:hover .wms-store{transform:translateY(0)}
.wms-store__bar{height:13%;display:flex;align-items:center;gap:25px;padding:0 5%;background:#fdfdfb;border-bottom:1px solid #e3e6df;color:#3c473e;font-size:11px}
.wms-store__bar strong{font-size:clamp(12px,1.4vw,22px);font-weight:650;letter-spacing:-.055em;margin-right:auto}
.wms-store__bag{border:1px solid #d4dcd0;border-radius:100px;padding:4px 12px}
.wms-store__body{height:75%;display:grid;grid-template-columns:1fr 1fr;background:#f0f1e9}
.wms-store__copy{padding:8% 4% 7% 11%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:start}
.wms-store__copy>span{font-size:10px;letter-spacing:.11em;color:#6c796b}
.wms-store__copy h3{font-size:clamp(28px,3.55vw,64px);line-height:1.08;margin-top:11%;letter-spacing:-.072em;color:#253a2d}
.wms-store__mini-btn{font-size:12px;border:1px solid #899989;border-radius:100px;padding:9px 19px;margin-top:auto;color:#2b4132}
.wms-store__scene{position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 45%,#e4e7d8,#b9c9b6 70%)}
.wms-vase{position:absolute;left:38%;top:19%;width:33%;height:67%;background:linear-gradient(85deg,#9fae9a,#ded9c0 45%,#7f9582);border-radius:20% 20% 42% 42% / 16% 16% 25% 25%;transform:rotate(-7deg);box-shadow:inset -14px 1px 35px #71847550,12px 28px 26px #526f5744;z-index:2;animation:wms-breathe 7s ease-in-out infinite}
.wms-vase__lip{position:absolute;top:-4%;left:20%;width:60%;height:13%;border-radius:50%;border:6px solid #b9bdad;background:#5d7164}
.wms-scene__shadow{position:absolute;left:20%;bottom:10%;width:70%;height:10%;border-radius:50%;filter:blur(19px);background:#536d5957}
.wms-store__bottom{height:12%;display:flex;justify-content:space-between;align-items:center;padding:0 6%;font-size:9px;color:#70776e}
.wms-catalog-ui,.wms-checkout,.wms-manage{width:83%;height:85%;background:#fff;border-radius:14px;box-shadow:0 25px 60px #263e3029;overflow:hidden}
.wms-catalog-ui__bar,.wms-checkout__bar{display:flex;align-items:center;gap:15px;padding:0 5%;height:16%;border-bottom:1px solid #e7eae4;font-size:10px;color:#777d75}
.wms-catalog-ui__bar strong{font-size:21px;letter-spacing:-.06em;color:#293b2c;margin-right:auto}
.wms-catalog-ui__title{display:flex;justify-content:space-between;align-items:end;padding:4% 5% 3%;gap:20px}
.wms-catalog-ui__title span{font-size:9px;color:#7d8d7e}
.wms-catalog-ui__title strong{font-size:clamp(14px,2vw,28px);letter-spacing:-.05em;font-weight:600;max-width:50%;line-height:1.1}
.wms-catalog-ui__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 5% 5%;height:62%}
.wms-catalog-item{min-width:0;display:flex;flex-direction:column;position:relative}
.wms-catalog-item>i{display:block;flex:1;position:relative;border-radius:8px;background:#e7e5de;overflow:hidden}
.wms-catalog-item--two>i{background:#e5ebe0}.wms-catalog-item--three>i{background:#e2e7e6}
.wms-catalog-item>i::before{content:"";position:absolute;height:67%;width:43%;left:29%;top:18%;background:linear-gradient(125deg,#b4bea9,#f1e4c7,#93a395);border-radius:28% 28% 42% 42%;box-shadow:9px 14px 20px #596b513b;transform:rotate(-8deg)}
.wms-catalog-item--two>i::before{border-radius:50% 50% 16% 16%;height:45%;top:35%;background:linear-gradient(125deg,#d2c6a7,#8fa193)}
.wms-catalog-item--three>i::before{width:60%;height:36%;left:20%;top:45%;border-radius:50%;background:linear-gradient(125deg,#bbb7a8,#899d98)}
.wms-catalog-item>span{display:flex;justify-content:space-between;gap:7px;padding-top:10px;color:#3f4940;font-size:10px}
.wms-catalog-item>span small{color:#7f877f;font-size:9px}
.wms-checkout__bar{justify-content:space-between;height:15%}.wms-checkout__bar strong{color:#243e2e;font-size:14px}
.wms-checkout__content{display:grid;grid-template-columns:1.16fr .84fr;height:85%}
.wms-checkout__form{display:flex;flex-direction:column;padding:5% 8%;gap:9px}
.wms-checkout__form>span,.wms-checkout__aside>span{font-size:9px;letter-spacing:.15em;color:#8a948b}
.wms-checkout__form h3{font-size:clamp(24px,2.8vw,43px);margin:5px 0 12px}
.wms-checkout__input{border:1px solid #d9e0d8;border-radius:7px;height:14%;display:flex;align-items:center;padding:0 15px;font-size:11px;color:#a0a8a0}
.wms-checkout__action{font-size:11px;color:white;background:#24392b;border-radius:30px;text-align:center;padding:11px;margin-top:auto}
.wms-checkout__aside{padding:9% 11%;background:#f5f6f2}
.wms-checkout__item{display:flex;align-items:center;gap:13px;font-size:11px;margin-top:24px}
.wms-checkout__item i{width:54px;height:57px;border-radius:5px;background:linear-gradient(110deg,#bdc7ad,#e9ddc6)}
.wms-checkout__item small{color:#8a978c}
.wms-checkout__line{height:1px;background:#dce2da;margin:27px 0 14px}
.wms-checkout__total{display:flex;justify-content:space-between;font-size:12px}.wms-checkout__aside>small{display:block;color:#9ba49b;font-size:9px;margin-top:20px}
.wms-manage{display:grid;grid-template-columns:23% 77%}
.wms-manage aside{background:#293b30;color:#d9e4d7;display:flex;flex-direction:column;gap:20px;padding:13% 12%;font-size:12px}
.wms-manage aside b{font-size:24px;letter-spacing:-.075em;color:#fff;margin-bottom:13%}
.wms-manage__body{padding:7% 8%;background:#f9faf6}
.wms-manage__body>span{font-size:10px;color:#7f8d7e;letter-spacing:.1em}
.wms-manage__body h3{font-size:clamp(22px,2.5vw,37px);margin:3% 0 6%}
.wms-manage__tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wms-manage__tiles>div{border:1px solid #dfe5de;border-radius:9px;padding:15px;background:#fff}
.wms-manage__tiles small{display:block;color:#9aa49a;font-size:10px}
.wms-manage__tiles strong{display:block;font-size:18px;font-weight:600;margin-top:8px}
.wms-manage__list{margin-top:5%;border:1px solid #e2e7e0;border-radius:8px;background:#fff;padding:12px 17px}
.wms-manage__list>span{display:flex;justify-content:space-between;font-weight:650;font-size:12px;margin-bottom:10px}
.wms-manage__list small{font-size:9px;color:#899587}
.wms-manage__list>div{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0ec;padding:8px 0;color:#566257;font-size:11px}
.wms-manage__list>div i{width:25px;height:24px;border-radius:4px;background:#d7dfd5}.wms-manage__list>div small{margin-left:auto}
.wms-story{width:75%;height:75%;display:flex;flex-direction:column;justify-content:space-between}
.wms-story__top{display:flex;justify-content:space-between;font-size:14px;color:#d0d9d0}
.wms-story p{font-size:clamp(32px,5vw,78px);font-weight:600;letter-spacing:-.07em;line-height:1.06}
.wms-story em{font-style:normal;color:#b9cdb7}
.wms-story__panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wms-story__panels span{height:44px;border-radius:8px;background:#ffffff24;border:1px solid #ffffff30}
.wms-pair__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:7%;align-items:center}
.wms-pair--reverse .wms-pair__copy{order:2}
.wms-pair--reverse .wms-visual{order:1}
.wms-pair__copy h2{margin:22px 0}
.wms-pair__copy p:not(.wms-kicker){font-size:18px;line-height:1.75;color:#5e645e;max-width:440px;margin-bottom:27px}
.wms-pair .wms-visual{aspect-ratio:1.28}
.wms-pair .wms-store{width:87%;height:72%}
.wms-technology{background:#202824;color:white}
.wms-technology .wms-kicker{color:#aab6a9}
.wms-technology__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:end}
.wms-technology__grid>div:last-child{max-width:540px}
.wms-technology__grid p:not(.wms-kicker){font-size:18px;line-height:1.75;color:#c5cec4;margin-bottom:28px}
.wms-technology .wms-btn--outline{border-color:#6d796d;color:#f8faf7!important}.wms-technology .wms-btn--outline:hover{background:#3e4940}
.wms-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wms-step-grid article{border-top:1px solid #ccd3cb;padding-top:25px}
.wms-step-grid article span{font-size:11px;color:#828b80;font-weight:600;letter-spacing:.05em}
.wms-step-grid article h3{font-size:clamp(24px,2.3vw,34px);margin:45px 0 18px}
.wms-step-grid article p{line-height:1.7;color:#646c65;max-width:330px}
.wms-hosting{background:#f3f5f0}
.wms-hosting__grid{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:center}
.wms-hosting h2{margin:22px 0 20px}
.wms-hosting__grid>div:first-child>p:not(.wms-kicker){color:#626962;line-height:1.7;max-width:510px;margin-bottom:25px}
.wms-hosting__price{background:#fff;border-radius:24px;padding:42px 42px 46px;border:1px solid #e4e9e2}
.wms-hosting__price>span{font-size:11px;letter-spacing:.095em;font-weight:650;color:#737d72}
.wms-hosting__price>strong{display:block;font-size:clamp(34px,3.5vw,57px);font-weight:600;letter-spacing:-.06em;line-height:1.08;margin:26px 0}
.wms-hosting__price>strong small{font-size:15px;letter-spacing:0;color:#6b7369;font-weight:500}
.wms-hosting__price p{font-size:14px;color:#737c73;line-height:1.7;margin-bottom:26px}
.wms-faq__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:12%}
.wms-faq h2{margin:22px 0}
.wms-faq__grid>div:first-child p:not(.wms-kicker){max-width:340px;color:#626962;line-height:1.7}
.wms-faq__item{border-top:1px solid #daddd8}.wms-faq__item:last-child{border-bottom:1px solid #daddd8}
.wms-faq__item summary{display:flex;justify-content:space-between;gap:22px;align-items:center;list-style:none;cursor:pointer;font-size:16px;font-weight:600;padding:22px 0}
.wms-faq__item summary::-webkit-details-marker{display:none}
.wms-faq__item>p{color:#626b63;line-height:1.75;margin:-3px 0 22px;max-width:570px;font-size:14px}
.wms-faq__icon{flex:none;width:19px;height:19px;position:relative}
.wms-faq__icon::before,.wms-faq__icon::after{content:"";position:absolute;left:3px;top:9px;width:13px;height:1.4px;background:#525e53}
.wms-faq__icon::after{transform:rotate(90deg);transition:transform .22s ease}
.wms-faq__item[open] .wms-faq__icon::after{transform:rotate(0)}
.wms-cta{background:#e7eae4}
.wms-cta__inner{display:grid;grid-template-columns:1fr .48fr;gap:10%;align-items:end}
.wms-cta h2{margin-top:18px}
.wms-cta__inner>div:last-child>p{font-size:17px;color:#5c665c;line-height:1.7;margin-bottom:25px}
.wms-included__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}
.wms-included__grid>div:first-child h2{margin:22px 0}
.wms-included__grid>div:first-child>p:last-child{font-size:17px;color:#656e65;line-height:1.75;max-width:435px}
.wms-included__list>div{display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:center;min-height:90px;padding:20px 0;border-top:1px solid #d5ddd2}
.wms-included__list>div:last-child{border-bottom:1px solid #d5ddd2}
.wms-included__list>div span{font-size:11px;color:#8d978a}
.wms-included__list>div p{font-size:18px;font-weight:500;letter-spacing:-.02em}
.wms-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px}
.wms-terms-grid article{border-top:1px solid #dee3da;padding-top:26px}
.wms-terms-grid article p{color:#666d65;line-height:1.75;margin-top:17px;max-width:480px}
.wms-related__links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wms-related__links a{padding:24px 23px;border:1px solid #d8ded6;border-radius:15px;font-weight:600;transition:background .2s}
.wms-related__links a:hover{background:#f4f6f2}
.wms-simple-hero{background:#fff;padding:0 0 105px}
.wms-simple-hero .wms-kicker{margin:92px 0 19px}
.wms-simple-hero h1{margin-bottom:26px}
.wms-simple-hero h1+p{font-size:20px;line-height:1.6;max-width:750px;color:#5b615c}
.wms-simple-hero--compact{padding-bottom:65px}
.wms-compare-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.wms-compare{border-collapse:collapse;width:100%;min-width:750px;background:#fff;border-radius:12px;overflow:hidden;table-layout:fixed}
.wms-compare caption{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.wms-compare th,.wms-compare td{padding:22px 19px;border-bottom:1px solid #e8ebe4;text-align:left;vertical-align:middle}
.wms-compare thead th{padding-top:33px;padding-bottom:33px;font-size:21px;letter-spacing:-.03em;font-weight:600;background:#f0f3ee}
.wms-compare thead th:first-child{font-size:13px;color:#6a746a;width:24%}
.wms-compare thead th small{display:block;margin-top:8px;font-size:14px;font-weight:500;color:#697568;white-space:nowrap}
.wms-compare tbody th{font-size:14px;font-weight:600}
.wms-compare tbody td{font-size:13px;color:#626a62}
.wms-compare tfoot th{font-size:13px}.wms-compare tfoot a{font-size:13px;text-decoration:underline;text-underline-offset:5px}
.wms-compare-note{margin:15px 0 0;color:#717970;font-size:13px}
.wms-configurator__body{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:56px;align-items:start}
.wms-builder-main{background:white;padding:47px;border-radius:21px;border:1px solid #e5e8e1}
.wms-builder-progress{display:flex;gap:22px;padding-bottom:30px;border-bottom:1px solid #e2e8df;color:#a7afa5;font-size:12px;font-weight:600}
.wms-builder-progress [aria-current]{color:#243a2a}
.wms-builder-step{min-width:0;border:0;padding:0;margin:0}
.wms-builder-step legend{display:block;width:100%;padding:34px 0 28px}
.wms-builder-step legend>strong{display:block;font-weight:600;font-size:clamp(28px,3.2vw,43px);letter-spacing:-.05em;line-height:1.15;margin-top:12px}
.wms-builder-choices{display:grid;gap:12px}
.wms-choice{border:1px solid #dce3da;border-radius:13px;padding:19px 22px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:border-color .2s,background .2s}
.wms-choice:has(input:checked){background:#f1f5ef;border-color:#799078}
.wms-choice input{accent-color:#2a4c36;width:19px;height:19px}
.wms-choice span{display:flex;flex-direction:column;gap:3px;margin-right:auto}
.wms-choice b{font-size:19px;line-height:1.3}.wms-choice small{font-size:12px;color:#778176}
.wms-choice>strong{font-size:16px;font-weight:600;white-space:nowrap}
.wms-step-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}
.wms-field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600;margin-bottom:23px;color:#27312a}
.wms-field small{color:#737d73;font-size:12px;font-weight:400;line-height:1.6}
.wms-field input,.wms-field select,.wms-field textarea{display:block;width:100%;border:1px solid #ced9cd;border-radius:11px;padding:15px 16px;background:#fff;color:#19211a;font-weight:400;font-size:16px;min-height:48px}
.wms-field textarea{resize:vertical;min-height:100px}
.wms-checks{display:grid;gap:11px;margin:14px 0 24px}.wms-checks>p{font-weight:600;font-size:14px;margin-bottom:5px}.wms-checks>p small{display:block;color:#768078;font-weight:400;font-size:12px}
.wms-checks label{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:450;cursor:pointer}.wms-checks input{accent-color:#243b2d;width:18px;height:18px}
.wms-builder-aside{position:sticky;top:108px;background:#e5ebe1;border-radius:20px;padding:35px 30px}
.wms-builder-aside>span{display:block;color:#687367;margin-top:23px}
.wms-builder-aside>strong{display:block;font-size:42px;font-weight:650;letter-spacing:-.06em;line-height:1.15;margin:11px 0 2px}
.wms-builder-aside small{font-size:12px;color:#697669}
.wms-builder-aside__rule{border-top:1px solid #cad3c9;margin:29px 0}
.wms-builder-aside>b{font-size:17px;display:block;margin-top:6px}.wms-builder-aside>p:last-child{font-size:12px;color:#6b796c;line-height:1.65;margin-top:32px}
.wms-final-summary{border:1px solid #d7dfd4;border-radius:13px;padding:25px;background:#f5f8f3;display:grid;gap:13px;margin-top:20px;color:#465547}
.wms-final-summary>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dce4d8;padding-bottom:11px}.wms-final-summary>div:last-child{border-bottom:0}
.wms-builder-note{color:#727d72;font-size:13px;line-height:1.6;margin-top:20px}
.wms-quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:75px;align-items:start}
.wms-quote-layout h2{font-size:clamp(30px,3.6vw,50px);margin:0 0 30px}
.wms-form{border:1px solid #e0e7de;border-radius:17px;background:#fff;padding:33px}
.wms-form__row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.wms-privacy{display:flex;gap:12px;align-items:start;font-size:13px;color:#657165;line-height:1.6;margin:25px 0}
.wms-privacy input{flex:none;accent-color:#2f4c36;width:18px;height:18px;margin-top:2px}
.wms-privacy a{text-decoration:underline}
.wms-form__notice{font-size:12px;color:#7b867a;line-height:1.6;margin-top:20px}
.wms-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wms-form-errors,.wms-form-success{padding:18px 20px;border-radius:11px;background:#f8eaea;color:#712b2b;margin:16px 0;font-size:14px}
.wms-form-errors ul{padding-left:20px;margin:8px 0 0}.wms-form-success{background:#e4f1e5;color:#245c34}
.wms-quote-summary{position:sticky;top:106px;background:#e7ece6;border-radius:21px;padding:33px}
.wms-quote-summary>strong{display:block;font-size:22px;letter-spacing:-.04em;margin-top:26px}
.wms-quote-summary__amount{font-size:38px;font-weight:650;letter-spacing:-.06em;margin-top:10px}
.wms-quote-summary small{color:#6a7468;display:block;font-size:12px;margin-top:5px}
.wms-quote-summary>p{margin-top:14px;color:#536251;font-size:13px;line-height:1.6}
.wms-quote-summary__divider{border-top:1px solid #cdd7cb;margin:24px 0}
.wms-quote-summary>span{color:#6a766a;font-size:13px}
.wms-quote-summary>a{display:inline-block;margin-top:24px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@keyframes wms-breathe{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-5px)}}
@media(max-width:1150px){.wms-wrap{width:min(100% - 64px,1310px)}.wms-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wms-price-card{min-height:400px}.wms-price-card__body{padding-top:40px}.wms-price-card__body p{min-height:40px}.wms-pair__grid{gap:4%}.wms-configurator__body,.wms-quote-layout{grid-template-columns:minmax(0,1fr) 275px;gap:23px}.wms-manage aside{gap:13px}}
@media(max-width:840px){.wms-block{padding:80px 0}.wms-wrap{width:calc(100% - 46px)}.wms-hero__top{grid-template-columns:1fr;gap:22px;padding:66px 0 38px}.wms-hero__aside{max-width:630px}.wms h1{font-size:clamp(49px,8vw,72px)}.wms h2{font-size:clamp(37px,6vw,55px)}.wms-section-heading,.wms-intro__grid,.wms-pair__grid,.wms-technology__grid,.wms-hosting__grid,.wms-faq__grid,.wms-included__grid,.wms-cta__inner{grid-template-columns:1fr;gap:26px}.wms-section-heading>p{justify-self:start}.wms-pair--reverse .wms-pair__copy{order:0}.wms-pair--reverse .wms-visual{order:0}.wms-pair .wms-visual{aspect-ratio:1.6}.wms-visual{aspect-ratio:1.5}.wms-hosting__price{max-width:550px}.wms-step-grid{gap:18px}.wms-builder-aside,.wms-quote-summary{position:static}.wms-configurator__body,.wms-quote-layout{grid-template-columns:1fr}.wms-simple-hero .wms-kicker{margin-top:62px}.wms-simple-hero{padding-bottom:70px}}
@media(max-width:600px){.wms-wrap{width:calc(100% - 34px)}.wms-block{padding:66px 0}.wms h1{font-size:clamp(42px,11.5vw,60px)}.wms h2{font-size:clamp(34px,9vw,48px)}.wms h3{font-size:clamp(23px,6.3vw,31px)}.wms-hero{padding-bottom:66px}.wms-hero__top{padding:54px 0 29px}.wms-hero__aside p{font-size:16px}.wms-breadcrumb{padding:18px 0 0}.wms-visual{aspect-ratio:1.06;border-radius:18px}.wms-pair .wms-visual{aspect-ratio:1.1}.wms-store{width:94%;height:72%}.wms-store__bar{gap:10px}.wms-store__bar span:nth-of-type(2){display:none}.wms-store__body{grid-template-columns:1.07fr .93fr}.wms-store__copy>span{font-size:7px}.wms-store__copy h3{font-size:clamp(20px,6vw,31px)}.wms-store__mini-btn{font-size:8px;padding:6px 10px}.wms-store__bottom{font-size:8px}.wms-visual__disclaimer{bottom:13px;left:12px;font-size:8px;max-width:80%}.wms-catalog-ui,.wms-checkout,.wms-manage{width:94%;height:76%}.wms-catalog-ui__bar span:nth-of-type(1),.wms-catalog-ui__bar span:nth-of-type(2){display:none}.wms-catalog-ui__title strong{max-width:70%;font-size:18px}.wms-catalog-item>span{font-size:8px;flex-wrap:wrap}.wms-checkout__form{padding:5%}.wms-checkout__aside{padding:6%}.wms-checkout__aside>small{display:none}.wms-checkout__input{font-size:9px}.wms-checkout__action{font-size:9px;padding:8px}.wms-manage aside{font-size:8px;gap:13px}.wms-manage aside b{font-size:15px}.wms-manage__tiles strong{font-size:12px}.wms-manage__body h3{font-size:21px}.wms-manage__list>div{padding:5px 0}.wms-pricing-grid,.wms-step-grid,.wms-terms-grid,.wms-related__links{grid-template-columns:1fr}.wms-price-card{min-height:auto}.wms-price-card__body{padding-top:35px}.wms-price-card__body p{min-height:0}.wms-price-card__foot{padding-top:17px}.wms-pricing-bottom{align-items:start;flex-direction:column}.wms-hosting__price{padding:28px 26px}.wms-included__list>div{grid-template-columns:32px 1fr;padding:18px 0;min-height:60px}.wms-included__list>div p{font-size:16px}.wms-simple-hero .wms-kicker{margin:52px 0 16px}.wms-simple-hero h1+p{font-size:16px}.wms-builder-main{padding:23px 17px}.wms-builder-progress{gap:12px;font-size:10px}.wms-choice{padding:16px 11px}.wms-choice b{font-size:16px}.wms-choice>strong{font-size:13px}.wms-form{padding:25px 18px}.wms-form__row{grid-template-columns:1fr;gap:0}.wms-quote-summary,.wms-builder-aside{padding:27px}.wms-step-actions .wms-btn{min-width:0}.wms-final-summary>div{flex-direction:column;gap:4px}}
@media(max-width:1024px){.wms .wms-visual__disclaimer{border-radius:30px}}
@media(prefers-reduced-motion:reduce){.wms *, .wms *::before,.wms *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:370px){.wms-simple-hero h1{font-size:36px;overflow-wrap:anywhere}}


/* Webshops V2: leesbare pakketdetails en afzonderlijke hostingquota. */
.wms-detailmap{background:#fff}
.wms-detailmap__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.wms-detailmap__card{min-width:0;border:1px solid #e2e7df;border-radius:21px;padding:26px 23px 28px;display:flex;flex-direction:column;gap:0}
.wms-detailmap__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#687569;font-size:11px;letter-spacing:.06em}
.wms-detailmap__top strong{font-size:14px;letter-spacing:-.02em;color:#28372c;white-space:nowrap}
.wms-detailmap__card h3{font-size:26px;line-height:1.16;margin:35px 0 14px;letter-spacing:-.045em}
.wms-detailmap__card>p{font-size:14px;line-height:1.65;color:#6b756c;min-height:70px}
.wms-detailmap__card dl,.wms-storage__card dl{margin:25px 0 22px;border-top:1px solid #e1e8df}
.wms-detailmap__card dl>div,.wms-storage__card dl>div{display:flex;justify-content:space-between;gap:13px;align-items:baseline;padding:11px 0;border-bottom:1px solid #e1e8df}
.wms-detailmap__card dt,.wms-storage__card dt{font-size:12px;color:#647066}
.wms-detailmap__card dd,.wms-storage__card dd{font-size:13px;font-weight:650;margin:0;text-align:right;white-space:nowrap}
.wms-detailmap__card ul{margin:0 0 22px;padding:0;list-style:none}
.wms-detailmap__card li{padding:12px 0;border-bottom:1px solid #e9eee7;display:grid;gap:5px}
.wms-detailmap__card li b{font-size:13px;font-weight:650}
.wms-detailmap__card li span{font-size:12px;color:#707b70;line-height:1.6}
.wms-detailmap__card>a{margin-top:auto}
.wms-inline-note{margin:28px 0 0;color:#667267;line-height:1.75;max-width:950px;font-size:13px}
.wms-inline-note strong{color:#29392c}
.wms-price-card__facts{margin-top:22px;border-top:1px solid #dde5da}
.wms-price-card__facts>div{padding:10px 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #dde5da}
.wms-price-card__facts span{font-size:12px;color:#667366}
.wms-price-card__facts b{font-size:14px;color:#223a2a;white-space:nowrap}
.wms-price-card__body .wms-price-card__guide{font-size:12px;line-height:1.5;min-height:0;margin-top:12px;color:#667266}
.wms-snapshot{background:#eaf0e9;padding:27px 0 24px;border-bottom:1px solid #dce3d9}
.wms-snapshot__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.wms-snapshot__grid>div{border-right:1px solid #d4dfd2;padding:7px 16px 7px 0;min-width:0}
.wms-snapshot__grid>div:last-child{border-right:0}
.wms-snapshot__grid span{display:block;color:#657467;font-size:12px;margin-bottom:12px}
.wms-snapshot__grid strong{display:block;color:#233a2c;font-size:clamp(18px,2.1vw,29px);font-weight:620;line-height:1.12;letter-spacing:-.05em;overflow-wrap:break-word}
.wms-snapshot p{margin-top:24px;font-size:12px;color:#607262}
.wms-package-work{background:#fff}
.wms-package-work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wms-package-work__grid article{border:1px solid #e2e9df;border-radius:18px;min-width:0;padding:32px;min-height:220px}
.wms-package-work__grid article>span{display:block;font-size:11px;color:#72816f;margin-bottom:27px}
.wms-package-work__grid article h3{font-size:clamp(22px,2.5vw,32px);margin-bottom:15px}
.wms-package-work__grid article p{font-size:15px;color:#6d766d;line-height:1.8;max-width:480px}
.wms-package-work__note{display:grid;grid-template-columns:220px 1fr;gap:25px;border-radius:17px;background:#eef2eb;margin-top:16px;padding:27px 30px}
.wms-package-work__note>b{font-size:16px}
.wms-package-work__note>p{color:#617063;font-size:14px;line-height:1.7}
.wms-storage{background:#eef3ec}
.wms-storage__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wms-storage__card{border:1px solid #dfe6db;border-radius:21px;background:#fff;padding:34px;min-width:0;display:flex;flex-direction:column}
.wms-storage__card--shop{background:#e4ebe0;border-color:#ced8ca}
.wms-storage__eyebrow{font-size:10px;color:#68756b;letter-spacing:.06em;font-weight:600;line-height:1.6}
.wms-storage__number{display:block;font-size:clamp(34px,4.4vw,66px);line-height:1.1;font-weight:630;letter-spacing:-.065em;margin:30px 0 2px;overflow-wrap:anywhere}
.wms-storage__kind{font-size:13px;color:#758276}
.wms-storage__card dl{margin-top:31px}
.wms-storage__card>p{font-size:13px;color:#69756c;line-height:1.7;margin:0 0 25px;min-height:66px}
.wms-storage__card>a{margin-top:auto}
.wms-compare .wms-compare__group th{background:#e7eee5;color:#304536;font-size:11px;letter-spacing:.1em;font-weight:700;padding:16px 19px}
.wms-compare-note{max-width:900px;line-height:1.8}
@media(max-width:1150px){.wms-detailmap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wms-detailmap__card>p{min-height:0}}
@media(max-width:840px){.wms-snapshot__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wms-snapshot__grid>div:nth-child(2){border-right:0}.wms-storage__grid{grid-template-columns:1fr}.wms-storage__card>p{min-height:0}}
@media(max-width:600px){.wms-detailmap__grid,.wms-package-work__grid{grid-template-columns:1fr}.wms-detailmap__card{padding:24px 22px}.wms-detailmap__card h3{margin-top:21px}.wms-package-work__grid article{padding:23px;min-height:0}.wms-package-work__note{grid-template-columns:1fr;padding:23px;gap:10px}.wms-snapshot__grid{gap:15px}.wms-snapshot__grid>div{padding:5px 8px 5px 0}.wms-snapshot__grid strong{font-size:20px}.wms-storage__card{padding:27px 24px}.wms-storage__number{font-size:49px}.wms-price-card__body .wms-price-card__guide{margin-top:11px}}
@media(max-width:340px){.wms-detailmap__top{flex-wrap:wrap}.wms-snapshot__grid{grid-template-columns:1fr}.wms-snapshot__grid>div{border-right:0;border-bottom:1px solid #d4dfd2}.wms-snapshot__grid>div:last-child{border-bottom:0}}

.wms-quote-summary [data-quote-scope]{font-size:13px;line-height:1.6;color:#5c705e;margin-top:10px}

/* easter egg: neofetch, woordje */
.wm-egg__fetch { display: flex; gap: 22px; align-items: flex-start; margin: 8px 0; }
.wm-egg__fetchlogo { margin: 0; color: var(--egg-ac); font: 13px/1.25 ui-monospace, Menlo, monospace; white-space: pre; }
.wm-egg__fetchinfo { display: grid; gap: 1px; min-width: 0; }
.wm-egg__swatches { display: flex; gap: 4px; margin-top: 8px; }
.wm-egg__swatches span { width: 22px; height: 14px; border-radius: 3px; box-shadow: 0 0 0 1px var(--egg-line); }
.wm-egg__wrow { display: flex; gap: 6px; margin: 4px 0; }
.wm-egg__wl { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; font-weight: 700; background: var(--egg-btn); color: var(--egg-dim); }
.wm-egg__wl--ok { background: var(--egg-ac); color: var(--egg-bg); }
.wm-egg__wl--in { background: #ffb454; color: #14100a; }

/* WEBMIDOX — ONS WERK / standalone, namespaced stylesheet
   Designed to layer over existing WebMidox header/footer without overrides. */
.wmw{--wmw-text:#151718;--wmw-ink:#22292e;--wmw-muted:#757a7d;--wmw-bg:#fafaf8;--wmw-border:#e4e5e3;--wmw-cream:#f2f2ee;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--wmw-text);background:#fff;line-height:1.5;overflow:clip}
.wmw *{box-sizing:border-box}.wmw a{color:inherit;text-decoration:none}.wmw :where(h1,h2,h3,p){margin:0}.wmw button,.wmw a{-webkit-tap-highlight-color:transparent}.wmw a:focus-visible{outline:2px solid #4d67ac;outline-offset:5px}.wmw-wrap{width:min(calc(100% - 96px),1360px);margin-inline:auto}.wmw-pad{padding-block:clamp(86px,11vw,164px)}.wmw-kicker{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#777e7d}.wmw-crumb{display:flex;align-items:center;gap:12px;color:#82878a;font-size:12px;padding:32px 0 14px;flex-wrap:wrap}.wmw-crumb a{transition:color .25s}.wmw-crumb a:hover{color:#141719}.wmw-crumb span[aria-current=page]{color:#2c3032}
.wmw-overview-hero{padding:0 0 72px;background:linear-gradient(180deg,#fff 0%,#f9faf8 100%)}.wmw-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(36px,6vw,116px);align-items:end;padding:clamp(52px,7vw,112px) 0 clamp(52px,6vw,88px)}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(64px,7.9vw,128px);line-height:.98;font-weight:550;letter-spacing:-.085em;max-width:1050px;margin-top:25px}.wmw-hero-grid h1 em,.wmw-detail-head h1 em,.wmw-section-heading h2 em{font-style:normal;color:#969d9e;font-weight:480}.wmw-hero-aside{max-width:365px;justify-self:end;padding-bottom:8px}.wmw-hero-aside>p,.wmw-detail-head__aside>p{font-size:clamp(16px,1.4vw,19px);line-height:1.68;color:#565d5d;margin-bottom:30px}.wmw-pill{min-height:52px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:13px 24px;font-weight:600;font-size:14px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.wmw-pill--dark{color:white!important;background:#151818}.wmw-pill--dark:hover{background:#343f41;transform:translateY(-3px);box-shadow:0 8px 22px #14191a16}.wmw-pill--light{background:white;color:#14191a!important}.wmw-pill--light:hover{transform:translateY(-3px)}.wmw-pill__line{display:block;background:currentColor;width:21px;height:1px;transform:rotate(-35deg);transform-origin:center}.wmw-lead-cover{height:clamp(340px,52vw,640px);border-radius:28px;position:relative;background:#e8ece9;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;gap:2.2%;padding:3.2%;box-shadow:0 30px 70px #111b1910}.wmw-lead-cover__a,.wmw-lead-cover__b,.wmw-lead-cover__c{overflow:hidden;border-radius:16px;min-width:0;box-shadow:0 12px 30px #1e22221a}.wmw-lead-cover__a{grid-row:span 2}.wmw-lead-cover__b,.wmw-lead-cover__c{min-height:0}.wmw-visual-label{position:absolute;right:28px;bottom:22px;padding:7px 12px;border-radius:30px;color:#3f4846;background:#fffde9f0;font-size:10px;letter-spacing:.03em}
.wmw-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.wmw-section-heading h2{font-size:clamp(43px,5vw,78px);line-height:1.06;font-weight:540;letter-spacing:-.07em;margin-top:20px}.wmw-section-heading>p{max-width:355px;color:#666e71;font-size:16px;line-height:1.7}.wmw-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 24px}.wmw-project{display:block;min-width:0}.wmw-project--wide{grid-column:1/-1}.wmw-project__visual{aspect-ratio:1.18/1;overflow:hidden;border-radius:25px;position:relative;isolation:isolate;transition:border-radius .3s}.wmw-project--wide .wmw-project__visual{aspect-ratio:2.12/1}.wmw-project:hover .wmw-project__visual{border-radius:17px}.wmw-project__visual-label{position:absolute;bottom:17px;right:19px;background:#fffffff5;padding:7px 11px;font-size:10px;color:#777;border-radius:99px}.wmw-project__caption{padding:23px 2px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.wmw-project__tag{font-size:12px;color:#838989;display:block;margin-bottom:10px}.wmw-project__caption h3{font-weight:550;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.05em;line-height:1.1}.wmw-project__caption p{font-size:14px;color:#828788;margin-top:8px}.wmw-project__open{white-space:nowrap;font-weight:600;font-size:13px;transition:transform .3s}.wmw-project:hover .wmw-project__open{transform:translateX(5px)}
.wmw-editorial{background:#171b1b;color:white;padding:clamp(100px,12vw,175px) 0;border-radius:30px}.wmw-editorial__grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.wmw-editorial .wmw-kicker{color:#b6c1bf}.wmw-editorial h2{font-size:clamp(52px,5.7vw,90px);line-height:1.05;letter-spacing:-.08em;font-weight:540;margin-top:24px}.wmw-editorial__copy{padding-top:40px}.wmw-editorial__copy>p{max-width:580px;color:#c1c7c5;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.wmw-editorial__lines{margin:52px 0 35px}.wmw-editorial__lines>div{padding:17px 0;display:flex;gap:25px;border-bottom:1px solid #4d5653;font-size:17px;align-items:center}.wmw-editorial__lines span{font-size:12px;color:#9da5a2}.wmw-editorial__lines b{font-weight:500}.wmw-textlink{display:inline-block;font-weight:600;padding:8px 0;border-bottom:1px solid currentColor;transition:opacity .2s}.wmw-textlink:hover{opacity:.6}.wmw-cta{background:#f1f1ee;padding:120px 0}.wmw-cta__inner{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.wmw-cta h2{font-size:clamp(52px,5.7vw,84px);font-weight:540;letter-spacing:-.075em;line-height:1.02;margin-top:18px}.wmw-cta__inner>div:last-child p{color:#66706c;font-size:16px;line-height:1.7;margin-bottom:30px}
.wmw-detail-hero{background:#fbfbf9;padding-bottom:90px}.wmw-detail-head{padding:clamp(42px,6.4vw,102px) 0 68px;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:55px}.wmw-detail-head h1{font-size:clamp(58px,6.7vw,108px)}.wmw-detail-head__aside{max-width:360px;margin-left:auto}.wmw-detail-stage{height:clamp(390px,53vw,720px);overflow:hidden;border-radius:28px;isolation:isolate;box-shadow:0 24px 60px #141a1710}.wmw-detail-stage>.wmw-art{height:100%;width:100%}.wmw-visual-footer{display:flex;justify-content:space-between;gap:20px;color:#888f8d;font-size:11px;padding:14px 2px}.wmw-context__grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.wmw-context h2,.wmw-delivered h2,.wmw-outro h2{font-size:clamp(48px,5.3vw,78px);line-height:1.07;letter-spacing:-.075em;font-weight:530;margin-top:21px}.wmw-context__grid>div:last-child>p{font-size:17px;line-height:1.76;color:#686e6b;margin-bottom:22px}.wmw-context__grid .wmw-context__lead{font-size:clamp(23px,2.25vw,31px)!important;line-height:1.4!important;color:#1d2523!important;letter-spacing:-.025em}.wmw-context__specs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px;padding-top:30px;border-top:1px solid var(--wmw-border)}.wmw-context__specs>div{display:flex;flex-direction:column;gap:8px}.wmw-context__specs span{font-size:12px;color:#858b89}.wmw-context__specs b{font-weight:550;font-size:15px}.wmw-story{padding:140px 0;background:#f7f8f5}.wmw-section-heading--story{margin-bottom:75px}.wmw-story__stack{display:grid;gap:28px}.wmw-chapter{border-radius:24px;background:white;min-height:530px;display:grid;grid-template-columns:1fr 1.04fr;overflow:hidden}.wmw-chapter--reverse>.wmw-chapter__art{order:-1}.wmw-chapter__copy{padding:clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;gap:50px}.wmw-chapter__copy h3{font-size:clamp(37px,4vw,59px);font-weight:540;letter-spacing:-.06em;line-height:1.08}.wmw-chapter__copy p{font-size:16px;color:#727775;line-height:1.7;max-width:440px;margin-top:27px}.wmw-chapter__art{position:relative;overflow:hidden;min-height:490px}.wmw-chapter__art .wmw-art{height:100%}.wmw-delivered__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:10%;align-items:start}.wmw-delivered__sticky{position:sticky;top:130px}.wmw-delivered__sticky>p:last-child{font-size:16px;color:#7c8180;line-height:1.7;margin-top:25px;max-width:360px}.wmw-delivered__rows>div{padding:34px 0;min-height:126px;display:grid;grid-template-columns:65px 1fr;align-items:center;border-bottom:1px solid #dfe1df;gap:10px}.wmw-delivered__rows span{font-size:13px;color:#a4aaa8}.wmw-delivered__rows h3{font-weight:520;letter-spacing:-.045em;font-size:clamp(27px,2.7vw,39px)}.wmw-outro{background:#202725;color:white;padding:clamp(100px,12vw,160px) 0}.wmw-outro__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.wmw-outro .wmw-kicker{color:#aebdb6}.wmw-outro h2{font-size:clamp(43px,4.9vw,73px)}.wmw-outro__grid>div:last-child p{color:#c4cfca;font-size:17px;line-height:1.7;margin-bottom:30px}.wmw-related .wmw-section-heading{align-items:end}.wmw-related__link{padding:36px 0;border-top:1px solid #dfe2df;border-bottom:1px solid #dfe2df;display:flex;justify-content:space-between;align-items:center;gap:30px;transition:padding .25s}.wmw-related__link:hover{padding-inline:14px}.wmw-related__link p{color:#969c9a;font-size:13px}.wmw-related__link h3{font-weight:540;font-size:clamp(38px,5vw,72px);letter-spacing:-.075em;margin-top:10px}.wmw-related__action{white-space:nowrap;font-size:13px}
/* Project cover studies — CSS only, and always disclosed as illustrative. */
.wmw-art{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;font-family:'DM Sans',sans-serif;isolation:isolate}.wmw-art--vakbouw-zutphen{background:#c9d0cd;color:#23302d}.wmw-art--textieldruk-zutphen{background:#f1e9de;color:#352c29}.wmw-art--tegeltjedruk{background:#e9e0d0;color:#24506f}.wmw-art__webtop{position:absolute;z-index:4;top:6%;left:7%;width:86%;height:9%;min-height:28px;border-radius:9px 9px 0 0;background:#f8f8f4;display:flex;align-items:center;justify-content:space-between;padding-inline:3%;font-size:clamp(10px,.95vw,15px);font-weight:650;box-shadow:0 5px 20px #0001}.wmw-art__browser-dots{display:flex;gap:5px}.wmw-art__browser-dots i{display:block;width:5px;height:5px;background:#b2b7b4;border-radius:50%}.wmw-art__webtop-action{font-weight:400;font-size:.8em}.wmw-art__webtop-action span{margin-left:8px}.wmw-art__v-layout{position:absolute;top:15%;left:7%;width:86%;height:69%;background:#e9e9e1;display:grid;grid-template-columns:.94fr 1.06fr;box-shadow:0 20px 50px #16272527}.wmw-art__v-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8%;gap:15px;min-width:0}.wmw-art__v-type small{letter-spacing:.1em;font-size:clamp(7px,.7vw,10px);font-weight:700}.wmw-art__v-type strong{letter-spacing:-.06em;line-height:1.03;font-size:clamp(20px,3.2vw,62px);font-weight:540}.wmw-art__v-type>span:not(.wmw-art__mini-btn){font-size:clamp(8px,1vw,15px)}.wmw-art__mini-btn{background:#24443b;color:#fff;padding:9px 16px;border-radius:100px;font-size:clamp(7px,.85vw,12px)}.wmw-art__architecture{background:linear-gradient(135deg,#889b8f,#4b615a);position:relative;overflow:hidden}.wmw-art__architecture-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 6%,#e9f0e2a6,transparent 60%)}.wmw-art__arch-building{position:absolute;right:8%;bottom:0;width:65%;height:78%;background:linear-gradient(105deg,#deddd5 0 30%,#b3bbb5 30% 32%,#e2e2d8 33% 100%);transform:skewY(-8deg);box-shadow:-24px -6px 30px #25352b42}.wmw-art__window{position:absolute;background:#2e453f;border:5px solid #c2cbc5;box-shadow:inset 0 0 16px #ddfcf422}.wmw-art__window--one{left:12%;top:15%;width:28%;height:23%}.wmw-art__window--two{right:12%;top:15%;width:28%;height:23%}.wmw-art__window--three{left:12%;top:52%;width:28%;height:28%}.wmw-art__window--four{right:12%;top:52%;width:28%;height:28%}.wmw-art__arch-line{position:absolute;left:-20%;right:-20%;bottom:12%;height:1px;background:#ffffff66;transform:rotate(-8deg)}.wmw-art__v-bottom{position:absolute;left:7%;width:86%;top:84%;height:9%;background:#f8f8f4;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 3%;font-size:clamp(8px,.85vw,13px);color:#647269;border-radius:0 0 7px 7px}.wmw-art__v-bottom>span:first-child{font-weight:700;letter-spacing:.1em}
.wmw-art__webtop--light{background:#fffdfa}.wmw-art__t-layout{position:absolute;top:15%;left:7%;width:86%;height:70%;display:grid;grid-template-columns:.98fr 1.02fr;background:#ead3bd;box-shadow:0 20px 55px #48352629}.wmw-art__t-copy{padding:10%;display:flex;flex-direction:column;justify-content:center;gap:15px}.wmw-art__t-copy small{letter-spacing:.11em;font-size:clamp(7px,.8vw,11px);color:#634f42}.wmw-art__t-copy strong{letter-spacing:-.07em;font-size:clamp(25px,4vw,70px);font-weight:550;line-height:1.02}.wmw-art__t-copy>span{font-size:clamp(9px,.95vw,15px)}.wmw-art__t-shirt{position:absolute;right:6%;top:15%;height:70%;width:46%;background:#7a4036;clip-path:polygon(25% 0,40% 6%,60% 6%,75% 0,100% 19%,83% 40%,75% 35%,77% 100%,23% 100%,25% 35%,17% 40%,0 19%);filter:drop-shadow(0 15px 20px #4c271e55);display:flex;align-items:center;justify-content:center;color:#ffefe2;font-weight:800;font-size:clamp(24px,4vw,70px);letter-spacing:-.08em}.wmw-art__t-shirt-neck{position:absolute;top:0;left:40%;width:20%;height:9%;background:#bba492;border-radius:0 0 99px 99px}.wmw-art__tee-dot{color:#e9b176}.wmw-art__t-bottom{position:absolute;top:85%;height:8%;width:86%;left:7%;display:flex;justify-content:space-between;align-items:center;gap:9px;background:#fffdfa;padding:0 3%;font-size:clamp(7px,.82vw,12px);color:#796960}
.wmw-art__tegel-header,.wmw-art__tegel-footer{position:absolute;left:7%;width:86%;display:flex;justify-content:space-between;align-items:center;gap:10px}.wmw-art__tegel-header{top:6%;height:8%;font-size:clamp(10px,1.3vw,19px);color:#2a3e4a;font-weight:700}.wmw-art__tegel-header>span:first-child span{color:#c56c43}.wmw-art__tegel-header>span:last-child{font-size:clamp(7px,.75vw,11px);letter-spacing:.11em;font-weight:550}.wmw-art__tegel-stage{position:absolute;left:7%;width:86%;top:17%;height:67%;background:radial-gradient(ellipse at center,#fcf8ef,#d8cfbf);display:flex;align-items:center;justify-content:center}.wmw-art__tegel-shadow{position:absolute;width:42%;height:14%;bottom:10%;background:#514b4729;filter:blur(24px);border-radius:100%}.wmw-art__tegel-tile{width:min(54%,46vh);aspect-ratio:1;background:#fffdf7;box-shadow:4px 7px 2px #c1bdaf,10px 20px 34px #4a443b35;position:relative;border-radius:5%;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);border:2px solid #faf5e8}.wmw-art__tegel-tile strong{font-size:clamp(14px,2.2vw,37px);font-family:Georgia,serif;font-weight:400;line-height:1.15;text-align:center;letter-spacing:-.025em}.wmw-art__tegel-tile em{font-style:italic}.wmw-art__tegel-ornament{position:absolute;font-size:clamp(13px,1.9vw,28px);opacity:.55}.wmw-art__tegel-ornament--tl{top:7%;left:8%}.wmw-art__tegel-ornament--tr{top:7%;right:8%;transform:scaleX(-1)}.wmw-art__tegel-ornament--bl{bottom:7%;left:8%;transform:scaleY(-1)}.wmw-art__tegel-ornament--br{bottom:7%;right:8%;transform:scale(-1)}.wmw-art__tegel-footer{bottom:6%;font-size:clamp(8px,.8vw,12px);font-weight:550;letter-spacing:.05em}
/* crop variation for chapter storytelling */
.wmw-art--teaser .wmw-art__tegel-tile{width:57%}.wmw-art--chapter2 .wmw-art__v-layout,.wmw-art--chapter2 .wmw-art__t-layout{transform:scale(1.13) translate(-2%,3%)}.wmw-art--chapter3 .wmw-art__v-layout,.wmw-art--chapter3 .wmw-art__t-layout{transform:scale(.9) translate(2%,4%)}.wmw-art--chapter2 .wmw-art__tegel-tile{transform:rotate(6deg) scale(1.04)}.wmw-art--chapter3 .wmw-art__tegel-tile{transform:rotate(0deg) scale(.9)}.wmw-art--teaser .wmw-art__v-type{gap:5px}.wmw-art--teaser .wmw-art__v-type strong{font-size:clamp(9px,1.8vw,26px)}.wmw-art--teaser .wmw-art__t-copy{gap:3px}.wmw-art--teaser .wmw-art__t-copy strong{font-size:clamp(12px,2vw,27px)}.wmw-art--teaser .wmw-art__mini-btn,.wmw-art--teaser .wmw-art__t-copy>span,.wmw-art--teaser .wmw-art__v-type>span:not(.wmw-art__mini-btn){display:none}
@media(max-width:1100px){.wmw-wrap{width:min(calc(100% - 60px),1360px)}.wmw-hero-grid,.wmw-detail-head{gap:35px}.wmw-chapter{min-height:450px}.wmw-chapter__art{min-height:420px}}
@media(max-width:780px){.wmw-wrap{width:min(calc(100% - 40px),1360px)}.wmw-hero-grid,.wmw-detail-head{grid-template-columns:1fr;gap:25px}.wmw-hero-grid{padding:58px 0 56px}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(59px,10.5vw,82px)}.wmw-hero-aside,.wmw-detail-head__aside{justify-self:start;margin:0;max-width:560px}.wmw-lead-cover{height:440px}.wmw-project-grid{gap:50px 16px}.wmw-project__caption{align-items:start}.wmw-project__open{font-size:12px}.wmw-editorial__grid,.wmw-context__grid,.wmw-delivered__grid,.wmw-outro__grid,.wmw-cta__inner{grid-template-columns:1fr;gap:35px}.wmw-editorial__copy{padding:0}.wmw-editorial{border-radius:22px}.wmw-delivered__sticky{position:static}.wmw-chapter{grid-template-columns:1fr;min-height:0}.wmw-chapter__copy{min-height:260px}.wmw-chapter__art{min-height:410px}.wmw-chapter--reverse>.wmw-chapter__art{order:0}.wmw-section-heading{align-items:start;flex-direction:column;gap:20px}.wmw-detail-stage{height:500px}.wmw-cta{padding:80px 0}}
@media(max-width:560px){.wmw-wrap{width:calc(100% - 36px)}.wmw-crumb{padding:22px 0 7px;font-size:11px}.wmw-kicker{font-size:10px}.wmw-hero-grid h1,.wmw-detail-head h1{font-size:clamp(48px,11.7vw,67px)}.wmw-hero-grid h1{margin-top:19px}.wmw-hero-aside>p{font-size:16px;margin-bottom:22px}.wmw-lead-cover{border-radius:18px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:8px;height:510px;padding:10px}.wmw-lead-cover__a{grid-row:auto}.wmw-lead-cover__b,.wmw-lead-cover__c{min-height:0}.wmw-lead-cover>div{border-radius:9px}.wmw-visual-label{font-size:9px;bottom:12px;right:14px}.wmw-project-grid{grid-template-columns:1fr;gap:39px}.wmw-project--wide{grid-column:auto}.wmw-project__visual,.wmw-project--wide .wmw-project__visual{aspect-ratio:1.06/1;border-radius:16px}.wmw-project__caption{padding-top:16px}.wmw-project__caption h3{font-size:27px}.wmw-project__caption p{font-size:12px}.wmw-project__open{display:none}.wmw-section-heading h2,.wmw-editorial h2,.wmw-context h2,.wmw-delivered h2,.wmw-cta h2{font-size:clamp(39px,10vw,54px)}.wmw-pad{padding-block:74px}.wmw-editorial{padding:86px 0;border-radius:18px}.wmw-editorial__copy>p{font-size:17px}.wmw-editorial__lines{margin:34px 0}.wmw-detail-head{padding:55px 0 35px}.wmw-detail-head h1{font-size:clamp(48px,11vw,62px)}.wmw-detail-stage{height:410px;border-radius:17px}.wmw-visual-footer{font-size:10px;gap:12px}.wmw-context__specs{margin-top:32px}.wmw-story{padding:80px 0}.wmw-section-heading--story{margin-bottom:35px}.wmw-chapter__copy{min-height:260px;padding:27px}.wmw-chapter__copy h3{font-size:38px}.wmw-chapter__art{min-height:350px}.wmw-delivered__rows>div{padding:20px 0;min-height:87px;grid-template-columns:34px 1fr}.wmw-delivered__rows h3{font-size:25px}.wmw-outro{padding:85px 0}.wmw-outro h2{font-size:43px}.wmw-related__link{padding:24px 0}.wmw-related__link h3{font-size:36px}.wmw-related__action{display:none}.wmw-art__v-layout,.wmw-art__t-layout{width:92%;left:4%;height:72%;top:14%}.wmw-art__webtop{width:92%;left:4%;top:5%;height:9%}.wmw-art__v-bottom,.wmw-art__t-bottom{width:92%;left:4%;top:86%}.wmw-art__v-type{padding:5%;gap:8px}.wmw-art__v-type strong{font-size:clamp(17px,5vw,27px)}.wmw-art__v-type small{font-size:6px}.wmw-art__v-type>span:not(.wmw-art__mini-btn){font-size:8px}.wmw-art__mini-btn{font-size:7px;padding:6px 8px}.wmw-art__window{border-width:2px}.wmw-art__t-copy{padding:6%;gap:8px}.wmw-art__t-copy strong{font-size:clamp(20px,6vw,36px)}.wmw-art__t-copy small{font-size:6px}.wmw-art__t-copy>span{font-size:8px}.wmw-art__t-shirt{font-size:clamp(20px,7vw,40px)}.wmw-art__tegel-tile{width:69%}.wmw-art__tegel-tile strong{font-size:clamp(16px,4.6vw,26px)}.wmw-art__tegel-header{left:5%;width:90%}.wmw-art__tegel-header>span:last-child{font-size:6px}.wmw-art__tegel-stage{left:5%;width:90%}.wmw-art__tegel-footer{left:5%;width:90%;font-size:7px}.wmw-art--teaser .wmw-art__v-type strong{font-size:14px}.wmw-art--teaser .wmw-art__t-copy strong{font-size:16px}}
@media(max-width:365px){.wmw-hero-grid h1,.wmw-detail-head h1{font-size:46px}.wmw-project__caption h3{font-size:25px}.wmw-chapter__copy h3{font-size:33px}.wmw-visual-footer span:last-child{display:none}.wmw-art__t-copy small,.wmw-art__v-type small{display:none}}
@media(prefers-reduced-motion:reduce){.wmw *, .wmw *::before,.wmw *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Nieuw portfolio / projectvisuals — conceptpresentaties, geen live screenshots */
.wmw-case-demo{position:absolute;inset:0;width:100%;height:100%;padding:6.5%;display:flex;flex-direction:column;font-family:inherit;overflow:hidden}
.wmw-case-demo__bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid currentColor;padding:0 0 2%;font-size:clamp(9px,1.1vw,18px);letter-spacing:.04em}
.wmw-case-demo__bar b{font-weight:800;letter-spacing:-.03em}.wmw-case-demo__bar span{font-size:.75em}
.wmw-case-demo__main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2%}.wmw-case-demo__main>div:first-child{display:flex;flex-direction:column;align-items:start;gap:clamp(5px,1vw,17px)}
.wmw-case-demo__main small{font-size:clamp(8px,.8vw,13px);letter-spacing:.1em}.wmw-case-demo__main strong{font-size:clamp(23px,4.1vw,71px);line-height:1.04;letter-spacing:-.065em;font-weight:600}.wmw-case-demo__main span{font-size:clamp(8px,1vw,15px)}
.wmw-case-demo--prins{color:#2c3c4b;background:#e3ebf0}.wmw-case-demo__appliances{display:flex;align-items:end;justify-content:center;gap:6%;height:62%}.wmw-appliance{width:40%;aspect-ratio:.76;background:linear-gradient(125deg,#fff,#c7d2db);border:2px solid #bdc7cd;border-radius:8px;box-shadow:12px 14px 12px #344b5d20;position:relative;display:block}.wmw-appliance:before{content:'';position:absolute;top:6%;left:9%;right:9%;height:65%;border:7px solid #aebcc5;border-radius:50%;background:radial-gradient(circle at 30% 30%,#bac8d5 0%,#6a8a9e 40%,#20394c 70%,#64899f)}.wmw-appliance--fridge{height:125%;aspect-ratio:.72}.wmw-appliance--fridge:before{height:auto;border:0;border-radius:0;top:0;bottom:0;background:linear-gradient(#fff 0 49%,#a7b9c4 49% 50%,#e7eef2 50%)}
.wmw-case-demo--brink{color:#193e37;background:#ddece6}.wmw-case-demo__windows{height:80%;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:skewY(-7deg);box-shadow:14px 18px 12px #193c3525}.wmw-case-demo__windows i{background:linear-gradient(125deg,#acc8c2 0 45%,#e6f4ee 47% 53%,#80a8a0 55% 100%);border:clamp(3px,.8vw,12px) solid #315d50}
.wmw-case-demo--bierpomp{color:#e5caa1;background:radial-gradient(circle at 77% 53%,#72533d,#35281f 64%,#211c19)}.wmw-case-demo__glass{width:65%;aspect-ratio:.7;justify-self:center;align-self:center;background:linear-gradient(90deg,#a26e32b8,#e0a850c9 45%,#985c25d9);border-radius:20% 20% 31% 31%;border:clamp(4px,.6vw,11px) solid #d7b27b77;position:relative;box-shadow:0 15px 40px #0006}.wmw-case-demo__glass:before{content:'';position:absolute;left:-7%;right:-7%;top:-9%;height:21%;border-radius:60%;background:#eee2c4;box-shadow:0 5px 2px #edd1a6}.wmw-case-demo__glass:after{content:'';position:absolute;right:-31%;top:27%;width:35%;height:36%;border:clamp(6px,1vw,18px) solid #c2965b;border-left:0;border-radius:0 70% 70% 0}
.wmw-project__visual--steel{background:#e3ebf0}.wmw-project__visual--moss{background:#ddece6}.wmw-project__visual--amber{background:#35281f}
.wmw-art--teaser .wmw-case-demo__main strong{font-size:clamp(11px,1.8vw,26px)}.wmw-art--teaser .wmw-case-demo__bar{font-size:8px}.wmw-art--teaser .wmw-case-demo__main small,.wmw-art--teaser .wmw-case-demo__main span{display:none}
@media(max-width:560px){.wmw-case-demo__main strong{font-size:clamp(19px,5vw,40px)}.wmw-case-demo__bar{font-size:9px}.wmw-case-demo__main small{font-size:7px}.wmw-case-demo__main span{font-size:8px}.wmw-appliance:before{border-width:4px}}

/* WebMidox Studio uitbreidingen — scoped, desktop/tablet/mobile, geen emoji */
.wmt{--ink:#161b18;--sub:#66716b;--line:#dfe5df;--paper:#f6f8f5;--accent:#dff0e3;color:var(--ink);background:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;overflow:clip}
.wmt *, .wmt-contact-quick *{box-sizing:border-box}.wmt [hidden]{display:none!important}.wmt :where(h1,h2,h3,p),.wmt-contact-quick :where(h2,p){margin:0}.wmt :where(a),.wmt-contact-quick a{color:inherit}.wmt a{text-decoration:none}.wmt a:focus-visible,.wmt button:focus-visible,.wmt input:focus-visible,.wmt select:focus-visible,.wmt textarea:focus-visible,.wmt-contact-quick button:focus-visible{outline:2px solid #2f7b57;outline-offset:4px}
.wmt-wrap{width:min(calc(100% - 104px),1320px);margin:0 auto}.wmt-narrow{max-width:900px}.wmt-eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#65726a}.wmt-crumb{padding:28px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#849087;font-size:12px}.wmt-crumb [aria-current=page]{color:#222b24}.wmt-crumb a:hover{color:#202b21}.wmt-label{display:inline-block;padding:8px 13px;border:1px solid #dde5df;border-radius:40px;font-size:12px;color:#607268;background:#fff}.wmt-muted{color:#7d8780;font-size:13px;line-height:1.7}
.wmt-hero{background:#f8faf7;padding:0 0 clamp(80px,10vw,148px);border-bottom:1px solid #e8ede8}.wmt-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:70px;margin-top:clamp(64px,8vw,116px)}.wmt h1,.wmt h2,.wmt h3{font-weight:550;letter-spacing:-.065em;line-height:1.08}.wmt h1{font-size:clamp(54px,6.8vw,109px);margin-top:22px;max-width:940px}.wmt em,.wmt-contact-quick em{font-weight:400;font-style:normal;color:#7d9c8b}.wmt-hero__grid>div:last-child>p{color:#6a756e;font-size:clamp(16px,1.55vw,21px);line-height:1.7;margin-bottom:26px;max-width:405px}.wmt-section{padding:clamp(80px,11vw,156px) 0}.wmt-section--soft{background:var(--paper)}.wmt-title{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}.wmt-title h2,.wmt-split h2{font-size:clamp(45px,5vw,75px);max-width:790px;margin-top:16px}.wmt-title>p{max-width:335px;color:var(--sub);font-size:15px;line-height:1.75}.wmt-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:12%}.wmt-split>div:last-child{padding-top:20px}.wmt-split>div:last-child>p{font-size:17px;color:var(--sub);line-height:1.8;margin-bottom:20px}.wmt-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:100px;background:#202924;color:#fff!important;border:1px solid #202924;padding:12px 24px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none!important;transition:background .2s,transform .2s}.wmt-button:hover{background:#38483d;transform:translateY(-1px)}.wmt-button--light{background:white;border-color:#d6ded8;color:#1e2821!important}.wmt-button--light:hover{background:#eef3ee}.wmt-textlink{display:inline-flex;align-items:center;border-bottom:1px solid #607668;font-size:13px;font-weight:650;text-decoration:none!important;margin:20px 0 0 20px;padding-bottom:4px}.wmt-button+.wmt-textlink{margin-left:18px}.wmt-alert{border:1px solid #e4c0b4;background:#fff6f2;border-radius:16px;padding:20px 23px;margin:25px 0;color:#6a3830}.wmt-alert p{margin-top:8px}.wmt-alert--ok{background:#eff8f0;border-color:#b8ddbf;color:#26563a}.wmt-alert ul{padding-left:20px;margin:12px 0 0}
/* knowledge hub + articles */
.wmt-knowledge-controls{display:grid;grid-template-columns:1.5fr .6fr;gap:16px;margin-bottom:25px}.wmt-search-label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:650;color:#657369}.wmt :is(input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],select,textarea){display:block;width:100%;border:1px solid #d9e2d9;border-radius:12px;padding:15px 17px;background:#fff;color:#1b251f;font:inherit;font-size:15px;max-width:100%}.wmt textarea{resize:vertical;min-height:132px}.wmt :is(input,textarea)::placeholder{color:#9aa49c}.wmt-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wmt-article-card{border:1px solid #e5eae4;border-radius:19px;padding:clamp(24px,3.2vw,45px);background:#fff;min-height:330px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.wmt-article-card:hover{border-color:#bfcfc0;transform:translateY(-2px)}.wmt-article-card h3{font-size:clamp(24px,2.4vw,34px);margin:25px 0 14px}.wmt-article-card h3 a{text-decoration:none}.wmt-article-card>p:not(.wmt-eyebrow){font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:25px}.wmt-article-card .wmt-textlink{margin:auto 0 0}.wmt-article-intro{max-width:950px;padding:clamp(58px,9vw,120px) 0 0}.wmt-article-intro h1{font-size:clamp(50px,6.2vw,94px);margin:22px 0 28px}.wmt-article-intro>p:last-child{font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--sub);max-width:740px}.wmt-article-layout{display:grid;grid-template-columns:minmax(175px,.3fr) minmax(0,.7fr);gap:10%;align-items:start}.wmt-article-toc{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px;font-size:13px}.wmt-article-toc b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px}.wmt-article-toc a{color:#6c766d;text-decoration:none}.wmt-article-toc a:hover{color:#141a16}.wmt-article-body{max-width:780px}.wmt-article-body__notice{font-size:12px;color:#849086;margin-bottom:48px!important}.wmt-article-body section{margin-bottom:60px;scroll-margin-top:100px}.wmt-article-body h2{font-size:clamp(29px,3vw,44px);margin-bottom:19px}.wmt-article-body section p,.wmt-article-end p{color:#626e65;line-height:1.85;font-size:17px}.wmt-article-end{border-top:1px solid var(--line);padding-top:48px;margin-top:75px}.wmt-article-end h2{margin-bottom:20px}.wmt-article-end .wmt-button{margin-top:25px}
/* demo panel */
.wmt-dashboard{border:1px solid #dae2da;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 20px 65px #1b29200b}.wmt-dashboard__top{height:73px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3vw,46px);border-bottom:1px solid #e6eae5}.wmt-dashboard__top b{font-size:22px;letter-spacing:-.06em;font-weight:750}.wmt-dashboard__mark{display:inline-block;width:17px;height:17px;border-radius:5px;background:#2f7150;margin-right:7px}.wmt-dashboard__muted{font-weight:400;color:#8a958b;font-size:15px}.wmt-dashboard__pill{font-size:10px;font-weight:750;border:1px solid #bed8c5;color:#3b7755;padding:8px 12px;letter-spacing:.08em;border-radius:30px}.wmt-dashboard__body{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:540px}.wmt-dashboard__nav{border-right:1px solid #e6eae5;padding:23px 15px;background:#fcfdfb;display:flex;flex-direction:column;gap:5px;min-width:0}.wmt-dashboard__nav button{display:block;width:100%;border:0;background:transparent;padding:15px 18px;border-radius:10px;text-align:left;font:inherit;font-size:13px;color:#68756a;cursor:pointer}.wmt-dashboard__nav button.is-active{background:#e6f0e8;color:#285a3b;font-weight:700}.wmt-dashboard__stage{padding:clamp(25px,4vw,60px);min-width:0}.wmt-dashboard__stage h3{font-size:clamp(35px,3.7vw,58px);margin:13px 0 12px}.wmt-dashboard__stage section>p{color:#7d887e;font-size:15px;max-width:520px;line-height:1.7}.wmt-dashboard__micro{font-size:10px;font-weight:700;letter-spacing:.11em;color:#8c9c8f}.wmt-statcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:45px}.wmt-statcards>div{border:1px solid #e5eae4;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:10px}.wmt-statcards span{color:#79847a;font-size:12px}.wmt-statcards strong{font-size:clamp(29px,3vw,47px);letter-spacing:-.07em;font-weight:550}.wmt-statcards small{font-size:10px;color:#97a097}.wmt-dashboard__note{border-top:1px solid #e9eee9;padding-top:18px;margin-top:36px;font-size:12px;color:#929d93}.wmt-demo-list{margin-top:30px;border-top:1px solid #e7ede7}.wmt-demo-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #e7ede7}.wmt-demo-list b,.wmt-demo-list small{display:block}.wmt-demo-list b{font-size:15px}.wmt-demo-list small{font-size:12px;color:#9aa39b;margin-top:3px}.wmt-demo-list>div>span,.wmt-demo-list button{font:inherit;font-size:12px;border-radius:20px;padding:8px 12px;background:#eaf4ed;border:0;color:#427354;white-space:nowrap}.wmt-demo-list button{cursor:pointer}.wmt-demo-product{display:grid;grid-template-columns:38% 1fr;gap:30px;margin-top:30px}.wmt-demo-product__image{border-radius:14px;background:#f4eee3;min-height:255px;display:grid;place-items:center}.wmt-demo-product__image span{width:55%;aspect-ratio:1;background:#fffdf8;border-radius:8px;border:1px solid #ede4d6;box-shadow:9px 12px 0 #dbd2c5,15px 26px 22px #786c5930;transform:rotate(-5deg)}.wmt-demo-product>div:last-child{display:flex;flex-direction:column;align-items:start;gap:8px}.wmt-demo-product strong{font-size:23px;font-weight:600;letter-spacing:-.045em}.wmt-demo-product small{color:#8e9a90;font-size:12px}.wmt-demo-product p{color:#6e7c71;font-size:14px}.wmt-demo-product label{font-size:12px;font-weight:600;margin-top:16px}.wmt-demo-product label input{max-width:170px;margin-top:8px}.wmt-bars{height:200px;margin-top:35px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #d4dfd5;padding:0 12px}.wmt-bars i{display:block;flex:1;max-width:74px;height:var(--h);background:linear-gradient(#8dc3a0,#d2e9d5);border-radius:8px 8px 0 0}.wmt-switchline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:40px;border-bottom:1px solid #e5eae5;gap:18px}.wmt-switchline small{display:block;color:#849086;margin-top:5px}.wmt-switchline input{width:21px;height:21px;accent-color:#427b58}.wmt-dashboard.is-compact .wmt-dashboard__stage{padding:22px}.wmt-dashboard.is-compact .wmt-statcards{margin-top:20px}.wmt-dashboard.is-compact .wmt-dashboard__body{min-height:430px}
/* website check */
.wmt-checkform{margin-top:37px;padding:34px;border-radius:20px;background:#fff;border:1px solid #e0e7df}.wmt-checkform>label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.wmt-checkform__fields{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.wmt-checkform .wmt-muted{margin-top:18px}.wmt-checkresults{background:#fff;border:1px solid #e1e7e0;border-radius:20px;padding:clamp(22px,4vw,45px);margin-top:28px}.wmt-checkresults__head{display:flex;align-items:center;justify-content:space-between;gap:30px}.wmt-checkresults__head h3{font-size:clamp(24px,3vw,40px);margin-top:8px;overflow-wrap:anywhere}.wmt-checkresults__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:30px 0}.wmt-finding{display:flex;align-items:flex-start;gap:15px;border:1px solid #e8ece7;padding:20px;border-radius:14px}.wmt-finding__mark{width:11px;height:11px;border-radius:50%;flex:none;margin-top:6px}.wmt-finding__mark.is-ok{background:#5aa272}.wmt-finding__mark.is-attention{background:#d0a16c}.wmt-finding strong{font-size:14px}.wmt-finding p{font-size:14px;overflow-wrap:anywhere;margin:5px 0}.wmt-finding small{color:#8a968d;font-size:11px}.wmt-checkresults .wmt-button{margin-top:24px}
/* project planner */
.wmt-planner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);border-radius:22px;background:#fff;border:1px solid #e3e9e1;overflow:hidden}.wmt-planner__main{padding:clamp(25px,4.2vw,64px);min-width:0}.wmt-planner__side{background:#e5eee7;padding:clamp(24px,3.2vw,46px);min-width:0}.wmt-planner__side h2{font-size:clamp(35px,3.6vw,53px);margin:18px 0 42px}.wmt-planner__side>p:not(.wmt-eyebrow){font-size:13px;color:#637369;line-height:1.8;margin-top:24px}.wmt-planner__side>a{font-size:13px;font-weight:650;border-bottom:1px solid #506a57;text-decoration:none}.wmt-stepper{display:flex;gap:20px;border-bottom:1px solid #e3eae3;margin-bottom:42px;padding-bottom:17px;justify-content:space-between}.wmt-stepper span{font-size:11px;letter-spacing:.04em;color:#a0aaa1}.wmt-stepper .is-active{color:#235d3f;font-weight:700}.wmt-step{border:0;padding:0;margin:0;min-width:0}.wmt-step legend{font-size:clamp(28px,3vw,44px);font-weight:570;line-height:1.15;letter-spacing:-.055em;display:block;width:100%}.wmt-step legend small{display:block;font-size:11px;color:#7f9182;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px;font-weight:650}.wmt-form-help{color:#7a857d;font-size:14px;margin:13px 0 32px!important}.wmt-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.wmt-choice{cursor:pointer}.wmt-choice input{position:absolute;opacity:0;width:1px;height:1px}.wmt-choice span{display:flex;align-items:center;border:1px solid #dce6dc;border-radius:12px;padding:19px 18px;min-height:65px;font-size:14px;color:#536357;transition:background .2s,border-color .2s}.wmt-choice input:checked+span{border-color:#4b9266;background:#edf6ee;color:#25583a}.wmt-choice input:focus-visible+span{outline:2px solid #377e53;outline-offset:3px}.wmt-fields{display:grid;gap:21px;margin-top:30px}.wmt-fields label{display:block;font-size:13px;font-weight:650}.wmt-fields label span{color:#bb674f}.wmt-fields input,.wmt-fields textarea,.wmt-fields select{margin-top:9px}.wmt-fields label small{color:#8c9b8f;font-weight:400}.wmt-step-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:35px}.wmt-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.wmt-summary{margin:0}.wmt-summary div{padding:16px 0;border-bottom:1px solid #cbd8ce}.wmt-summary dt{font-size:11px;color:#7e9582}.wmt-summary dd{font-size:15px;font-weight:600;margin:7px 0 0;overflow-wrap:anywhere}
/* existing contact enhancement, scoped separately */
.wmt-contact-quick{font-family:'DM Sans',sans-serif;color:#1b241d;background:#f6f8f5;padding:76px 0}.wmt-contact-quick__wrap{max-width:1320px;width:min(calc(100% - 96px),1320px);margin:auto}.wmt-contact-quick header{display:grid;grid-template-columns:1fr 1fr;gap:16px 7%;align-items:end;margin-bottom:37px}.wmt-contact-quick header .wmt-eyebrow{grid-column:1/-1}.wmt-contact-quick h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.064em;font-weight:540;line-height:1.09}.wmt-contact-quick header p:not(.wmt-eyebrow){font-size:16px;line-height:1.65;max-width:380px;color:#728077}.wmt-contact-quick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wmt-contact-quick__grid button{min-height:175px;border:1px solid #e1e9e1;background:#fff;padding:28px 25px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:15px;cursor:pointer;color:#1d2820;font:inherit;transition:border-color .2s,transform .2s}.wmt-contact-quick__grid button:hover{border-color:#9db9a3;transform:translateY(-2px)}.wmt-contact-quick__grid button b{font-size:20px;letter-spacing:-.045em;font-weight:600}.wmt-contact-quick__grid button span{font-size:13px;line-height:1.6;color:#7b887d}.wmt-contact-quick__bottom{margin-top:28px!important;color:#6e7a70;font-size:14px}.wmt-contact-quick__bottom a{text-decoration:underline;text-underline-offset:5px;font-weight:600}
@media(max-width:1024px){.wmt-wrap{width:min(calc(100% - 64px),1320px)}.wmt-hero__grid{gap:40px}.wmt-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wmt-dashboard__body{grid-template-columns:180px minmax(0,1fr)}.wmt-contact-quick__grid{grid-template-columns:repeat(2,1fr)}.wmt-contact-quick__wrap{width:min(calc(100% - 64px),1320px)}}
@media(max-width:740px){.wmt-wrap{width:calc(100% - 38px)}.wmt-hero{padding-bottom:70px}.wmt-crumb{padding-top:24px}.wmt-hero__grid{grid-template-columns:1fr;gap:27px;margin-top:58px}.wmt h1{font-size:clamp(47px,10vw,75px)}.wmt-hero__grid>div:last-child>p{font-size:16px}.wmt-section{padding:78px 0}.wmt-title,.wmt-split{display:block}.wmt-title>p{margin-top:24px}.wmt-split>div:last-child{padding-top:28px}.wmt-title h2,.wmt-split h2{font-size:clamp(40px,8vw,64px)}.wmt-article-grid{grid-template-columns:1fr}.wmt-article-card{min-height:250px}.wmt-knowledge-controls{grid-template-columns:1fr}.wmt-article-layout{display:block}.wmt-article-toc{position:static;margin-bottom:48px}.wmt-article-intro{padding-top:65px}.wmt-article-intro h1{font-size:clamp(45px,9vw,70px)}.wmt-dashboard__body{grid-template-columns:1fr}.wmt-dashboard__nav{flex-direction:row;border-right:0;border-bottom:1px solid #e4eae4;overflow-x:auto;padding:12px;scrollbar-width:thin}.wmt-dashboard__nav button{flex:0 0 auto;width:auto;padding:11px 13px;white-space:nowrap}.wmt-dashboard__top{padding:0 19px;height:67px}.wmt-dashboard__muted{display:none}.wmt-dashboard__stage{padding:30px 20px;min-height:400px}.wmt-demo-product{grid-template-columns:1fr}.wmt-demo-product__image{min-height:240px}.wmt-planner{grid-template-columns:1fr}.wmt-planner__side{order:-1}.wmt-planner__side h2{margin:8px 0 10px}.wmt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wmt-summary div{border:0;min-width:0}.wmt-planner__side>p:not(.wmt-eyebrow),.wmt-planner__side>a{display:none}.wmt-planner__main{padding:28px 22px}.wmt-contact-quick__wrap{width:calc(100% - 38px)}.wmt-contact-quick header{grid-template-columns:1fr}.wmt-contact-quick header .wmt-eyebrow{grid-column:1}.wmt-contact-quick__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wmt h1{font-size:clamp(45px,11.3vw,58px)}.wmt-section{padding:65px 0}.wmt-title h2,.wmt-split h2{font-size:clamp(38px,9vw,48px)}.wmt-checkform{padding:20px}.wmt-checkform__fields{grid-template-columns:1fr}.wmt-checkform__fields .wmt-button{width:100%}.wmt-checkresults__grid{grid-template-columns:1fr}.wmt-checkresults__head{display:block}.wmt-checkresults__head .wmt-label{margin-top:12px}.wmt-statcards{gap:6px}.wmt-statcards>div{padding:12px}.wmt-statcards small{font-size:9px}.wmt-statcards strong{font-size:28px}.wmt-dashboard__pill{font-size:9px}.wmt-dashboard__stage h3{font-size:38px}.wmt-choice-grid{grid-template-columns:1fr}.wmt-choice span{min-height:54px;padding:15px}.wmt-stepper{gap:8px}.wmt-stepper span{font-size:10px}.wmt-summary dd{font-size:12px}.wmt-contact-quick{padding:65px 0}.wmt-contact-quick h2{font-size:43px}.wmt-contact-quick__grid{grid-template-columns:1fr}.wmt-contact-quick__grid button{min-height:110px;padding:22px}.wmt-contact-quick__grid button b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wmt *, .wmt *::before,.wmt *::after,.wmt-contact-quick button{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* WebMidox Studio uitbreidingen — scoped, desktop/tablet/mobile, geen emoji */
.wmt{--ink:#161b18;--sub:#66716b;--line:#dfe5df;--paper:#f6f8f5;--accent:#dff0e3;color:var(--ink);background:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;overflow:clip}
.wmt *, .wmt-contact-quick *{box-sizing:border-box}.wmt [hidden]{display:none!important}.wmt :where(h1,h2,h3,p),.wmt-contact-quick :where(h2,p){margin:0}.wmt :where(a),.wmt-contact-quick a{color:inherit}.wmt a{text-decoration:none}.wmt a:focus-visible,.wmt button:focus-visible,.wmt input:focus-visible,.wmt select:focus-visible,.wmt textarea:focus-visible,.wmt-contact-quick button:focus-visible{outline:2px solid #2f7b57;outline-offset:4px}
.wmt-wrap{width:min(calc(100% - 104px),1320px);margin:0 auto}.wmt-narrow{max-width:900px}.wmt-eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#65726a}.wmt-crumb{padding:28px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#849087;font-size:12px}.wmt-crumb [aria-current=page]{color:#222b24}.wmt-crumb a:hover{color:#202b21}.wmt-label{display:inline-block;padding:8px 13px;border:1px solid #dde5df;border-radius:40px;font-size:12px;color:#607268;background:#fff}.wmt-muted{color:#7d8780;font-size:13px;line-height:1.7}
.wmt-hero{background:#f8faf7;padding:0 0 clamp(80px,10vw,148px);border-bottom:1px solid #e8ede8}.wmt-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:70px;margin-top:clamp(64px,8vw,116px)}.wmt h1,.wmt h2,.wmt h3{font-weight:550;letter-spacing:-.065em;line-height:1.08}.wmt h1{font-size:clamp(54px,6.8vw,109px);margin-top:22px;max-width:940px}.wmt em,.wmt-contact-quick em{font-weight:400;font-style:normal;color:#7d9c8b}.wmt-hero__grid>div:last-child>p{color:#6a756e;font-size:clamp(16px,1.55vw,21px);line-height:1.7;margin-bottom:26px;max-width:405px}.wmt-section{padding:clamp(80px,11vw,156px) 0}.wmt-section--soft{background:var(--paper)}.wmt-title{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}.wmt-title h2,.wmt-split h2{font-size:clamp(45px,5vw,75px);max-width:790px;margin-top:16px}.wmt-title>p{max-width:335px;color:var(--sub);font-size:15px;line-height:1.75}.wmt-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:12%}.wmt-split>div:last-child{padding-top:20px}.wmt-split>div:last-child>p{font-size:17px;color:var(--sub);line-height:1.8;margin-bottom:20px}.wmt-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:100px;background:#202924;color:#fff!important;border:1px solid #202924;padding:12px 24px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none!important;transition:background .2s,transform .2s}.wmt-button:hover{background:#38483d;transform:translateY(-1px)}.wmt-button--light{background:white;border-color:#d6ded8;color:#1e2821!important}.wmt-button--light:hover{background:#eef3ee}.wmt-textlink{display:inline-flex;align-items:center;border-bottom:1px solid #607668;font-size:13px;font-weight:650;text-decoration:none!important;margin:20px 0 0 20px;padding-bottom:4px}.wmt-button+.wmt-textlink{margin-left:18px}.wmt-alert{border:1px solid #e4c0b4;background:#fff6f2;border-radius:16px;padding:20px 23px;margin:25px 0;color:#6a3830}.wmt-alert p{margin-top:8px}.wmt-alert--ok{background:#eff8f0;border-color:#b8ddbf;color:#26563a}.wmt-alert ul{padding-left:20px;margin:12px 0 0}
/* knowledge hub + articles */
.wmt-knowledge-controls{display:grid;grid-template-columns:1.5fr .6fr;gap:16px;margin-bottom:25px}.wmt-search-label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:650;color:#657369}.wmt :is(input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],select,textarea){display:block;width:100%;border:1px solid #d9e2d9;border-radius:12px;padding:15px 17px;background:#fff;color:#1b251f;font:inherit;font-size:15px;max-width:100%}.wmt textarea{resize:vertical;min-height:132px}.wmt :is(input,textarea)::placeholder{color:#9aa49c}.wmt-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wmt-article-card{border:1px solid #e5eae4;border-radius:19px;padding:clamp(24px,3.2vw,45px);background:#fff;min-height:330px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.wmt-article-card:hover{border-color:#bfcfc0;transform:translateY(-2px)}.wmt-article-card h3{font-size:clamp(24px,2.4vw,34px);margin:25px 0 14px}.wmt-article-card h3 a{text-decoration:none}.wmt-article-card>p:not(.wmt-eyebrow){font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:25px}.wmt-article-card .wmt-textlink{margin:auto 0 0}.wmt-article-intro{max-width:950px;padding:clamp(58px,9vw,120px) 0 0}.wmt-article-intro h1{font-size:clamp(50px,6.2vw,94px);margin:22px 0 28px}.wmt-article-intro>p:last-child{font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--sub);max-width:740px}.wmt-article-layout{display:grid;grid-template-columns:minmax(175px,.3fr) minmax(0,.7fr);gap:10%;align-items:start}.wmt-article-toc{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px;font-size:13px}.wmt-article-toc b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px}.wmt-article-toc a{color:#6c766d;text-decoration:none}.wmt-article-toc a:hover{color:#141a16}.wmt-article-body{max-width:780px}.wmt-article-body__notice{font-size:12px;color:#849086;margin-bottom:48px!important}.wmt-article-body section{margin-bottom:60px;scroll-margin-top:100px}.wmt-article-body h2{font-size:clamp(29px,3vw,44px);margin-bottom:19px}.wmt-article-body section p,.wmt-article-end p{color:#626e65;line-height:1.85;font-size:17px}.wmt-article-end{border-top:1px solid var(--line);padding-top:48px;margin-top:75px}.wmt-article-end h2{margin-bottom:20px}.wmt-article-end .wmt-button{margin-top:25px}
/* demo panel */
.wmt-dashboard{border:1px solid #dae2da;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 20px 65px #1b29200b}.wmt-dashboard__top{height:73px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3vw,46px);border-bottom:1px solid #e6eae5}.wmt-dashboard__top b{font-size:22px;letter-spacing:-.06em;font-weight:750}.wmt-dashboard__mark{display:inline-block;width:17px;height:17px;border-radius:5px;background:#2f7150;margin-right:7px}.wmt-dashboard__muted{font-weight:400;color:#8a958b;font-size:15px}.wmt-dashboard__pill{font-size:10px;font-weight:750;border:1px solid #bed8c5;color:#3b7755;padding:8px 12px;letter-spacing:.08em;border-radius:30px}.wmt-dashboard__body{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:540px}.wmt-dashboard__nav{border-right:1px solid #e6eae5;padding:23px 15px;background:#fcfdfb;display:flex;flex-direction:column;gap:5px;min-width:0}.wmt-dashboard__nav button{display:block;width:100%;border:0;background:transparent;padding:15px 18px;border-radius:10px;text-align:left;font:inherit;font-size:13px;color:#68756a;cursor:pointer}.wmt-dashboard__nav button.is-active{background:#e6f0e8;color:#285a3b;font-weight:700}.wmt-dashboard__stage{padding:clamp(25px,4vw,60px);min-width:0}.wmt-dashboard__stage h3{font-size:clamp(35px,3.7vw,58px);margin:13px 0 12px}.wmt-dashboard__stage section>p{color:#7d887e;font-size:15px;max-width:520px;line-height:1.7}.wmt-dashboard__micro{font-size:10px;font-weight:700;letter-spacing:.11em;color:#8c9c8f}.wmt-statcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:45px}.wmt-statcards>div{border:1px solid #e5eae4;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:10px}.wmt-statcards span{color:#79847a;font-size:12px}.wmt-statcards strong{font-size:clamp(29px,3vw,47px);letter-spacing:-.07em;font-weight:550}.wmt-statcards small{font-size:10px;color:#97a097}.wmt-dashboard__note{border-top:1px solid #e9eee9;padding-top:18px;margin-top:36px;font-size:12px;color:#929d93}.wmt-demo-list{margin-top:30px;border-top:1px solid #e7ede7}.wmt-demo-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #e7ede7}.wmt-demo-list b,.wmt-demo-list small{display:block}.wmt-demo-list b{font-size:15px}.wmt-demo-list small{font-size:12px;color:#9aa39b;margin-top:3px}.wmt-demo-list>div>span,.wmt-demo-list button{font:inherit;font-size:12px;border-radius:20px;padding:8px 12px;background:#eaf4ed;border:0;color:#427354;white-space:nowrap}.wmt-demo-list button{cursor:pointer}.wmt-demo-product{display:grid;grid-template-columns:38% 1fr;gap:30px;margin-top:30px}.wmt-demo-product__image{border-radius:14px;background:#f4eee3;min-height:255px;display:grid;place-items:center}.wmt-demo-product__image span{width:55%;aspect-ratio:1;background:#fffdf8;border-radius:8px;border:1px solid #ede4d6;box-shadow:9px 12px 0 #dbd2c5,15px 26px 22px #786c5930;transform:rotate(-5deg)}.wmt-demo-product>div:last-child{display:flex;flex-direction:column;align-items:start;gap:8px}.wmt-demo-product strong{font-size:23px;font-weight:600;letter-spacing:-.045em}.wmt-demo-product small{color:#8e9a90;font-size:12px}.wmt-demo-product p{color:#6e7c71;font-size:14px}.wmt-demo-product label{font-size:12px;font-weight:600;margin-top:16px}.wmt-demo-product label input{max-width:170px;margin-top:8px}.wmt-bars{height:200px;margin-top:35px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #d4dfd5;padding:0 12px}.wmt-bars i{display:block;flex:1;max-width:74px;height:var(--h);background:linear-gradient(#8dc3a0,#d2e9d5);border-radius:8px 8px 0 0}.wmt-switchline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:40px;border-bottom:1px solid #e5eae5;gap:18px}.wmt-switchline small{display:block;color:#849086;margin-top:5px}.wmt-switchline input{width:21px;height:21px;accent-color:#427b58}.wmt-dashboard.is-compact .wmt-dashboard__stage{padding:22px}.wmt-dashboard.is-compact .wmt-statcards{margin-top:20px}.wmt-dashboard.is-compact .wmt-dashboard__body{min-height:430px}
/* website check */
.wmt-checkform{margin-top:37px;padding:34px;border-radius:20px;background:#fff;border:1px solid #e0e7df}.wmt-checkform>label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.wmt-checkform__fields{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.wmt-checkform .wmt-muted{margin-top:18px}.wmt-checkresults{background:#fff;border:1px solid #e1e7e0;border-radius:20px;padding:clamp(22px,4vw,45px);margin-top:28px}.wmt-checkresults__head{display:flex;align-items:center;justify-content:space-between;gap:30px}.wmt-checkresults__head h3{font-size:clamp(24px,3vw,40px);margin-top:8px;overflow-wrap:anywhere}.wmt-checkresults__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:30px 0}.wmt-finding{display:flex;align-items:flex-start;gap:15px;border:1px solid #e8ece7;padding:20px;border-radius:14px}.wmt-finding__mark{width:11px;height:11px;border-radius:50%;flex:none;margin-top:6px}.wmt-finding__mark.is-ok{background:#5aa272}.wmt-finding__mark.is-attention{background:#d0a16c}.wmt-finding strong{font-size:14px}.wmt-finding p{font-size:14px;overflow-wrap:anywhere;margin:5px 0}.wmt-finding small{color:#8a968d;font-size:11px}.wmt-checkresults .wmt-button{margin-top:24px}
/* project planner */
.wmt-planner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);border-radius:22px;background:#fff;border:1px solid #e3e9e1;overflow:hidden}.wmt-planner__main{padding:clamp(25px,4.2vw,64px);min-width:0}.wmt-planner__side{background:#e5eee7;padding:clamp(24px,3.2vw,46px);min-width:0}.wmt-planner__side h2{font-size:clamp(35px,3.6vw,53px);margin:18px 0 42px}.wmt-planner__side>p:not(.wmt-eyebrow){font-size:13px;color:#637369;line-height:1.8;margin-top:24px}.wmt-planner__side>a{font-size:13px;font-weight:650;border-bottom:1px solid #506a57;text-decoration:none}.wmt-stepper{display:flex;gap:20px;border-bottom:1px solid #e3eae3;margin-bottom:42px;padding-bottom:17px;justify-content:space-between}.wmt-stepper span{font-size:11px;letter-spacing:.04em;color:#a0aaa1}.wmt-stepper .is-active{color:#235d3f;font-weight:700}.wmt-step{border:0;padding:0;margin:0;min-width:0}.wmt-step legend{font-size:clamp(28px,3vw,44px);font-weight:570;line-height:1.15;letter-spacing:-.055em;display:block;width:100%}.wmt-step legend small{display:block;font-size:11px;color:#7f9182;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px;font-weight:650}.wmt-form-help{color:#7a857d;font-size:14px;margin:13px 0 32px!important}.wmt-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.wmt-choice{cursor:pointer}.wmt-choice input{position:absolute;opacity:0;width:1px;height:1px}.wmt-choice span{display:flex;align-items:center;border:1px solid #dce6dc;border-radius:12px;padding:19px 18px;min-height:65px;font-size:14px;color:#536357;transition:background .2s,border-color .2s}.wmt-choice input:checked+span{border-color:#4b9266;background:#edf6ee;color:#25583a}.wmt-choice input:focus-visible+span{outline:2px solid #377e53;outline-offset:3px}.wmt-fields{display:grid;gap:21px;margin-top:30px}.wmt-fields label{display:block;font-size:13px;font-weight:650}.wmt-fields label span{color:#bb674f}.wmt-fields input,.wmt-fields textarea,.wmt-fields select{margin-top:9px}.wmt-fields label small{color:#8c9b8f;font-weight:400}.wmt-step-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:35px}.wmt-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.wmt-summary{margin:0}.wmt-summary div{padding:16px 0;border-bottom:1px solid #cbd8ce}.wmt-summary dt{font-size:11px;color:#7e9582}.wmt-summary dd{font-size:15px;font-weight:600;margin:7px 0 0;overflow-wrap:anywhere}
/* existing contact enhancement, scoped separately */
.wmt-contact-quick{font-family:'DM Sans',sans-serif;color:#1b241d;background:#f6f8f5;padding:76px 0}.wmt-contact-quick__wrap{max-width:1320px;width:min(calc(100% - 96px),1320px);margin:auto}.wmt-contact-quick header{display:grid;grid-template-columns:1fr 1fr;gap:16px 7%;align-items:end;margin-bottom:37px}.wmt-contact-quick header .wmt-eyebrow{grid-column:1/-1}.wmt-contact-quick h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.064em;font-weight:540;line-height:1.09}.wmt-contact-quick header p:not(.wmt-eyebrow){font-size:16px;line-height:1.65;max-width:380px;color:#728077}.wmt-contact-quick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wmt-contact-quick__grid button{min-height:175px;border:1px solid #e1e9e1;background:#fff;padding:28px 25px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:15px;cursor:pointer;color:#1d2820;font:inherit;transition:border-color .2s,transform .2s}.wmt-contact-quick__grid button:hover{border-color:#9db9a3;transform:translateY(-2px)}.wmt-contact-quick__grid button b{font-size:20px;letter-spacing:-.045em;font-weight:600}.wmt-contact-quick__grid button span{font-size:13px;line-height:1.6;color:#7b887d}.wmt-contact-quick__bottom{margin-top:28px!important;color:#6e7a70;font-size:14px}.wmt-contact-quick__bottom a{text-decoration:underline;text-underline-offset:5px;font-weight:600}
@media(max-width:1024px){.wmt-wrap{width:min(calc(100% - 64px),1320px)}.wmt-hero__grid{gap:40px}.wmt-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wmt-dashboard__body{grid-template-columns:180px minmax(0,1fr)}.wmt-contact-quick__grid{grid-template-columns:repeat(2,1fr)}.wmt-contact-quick__wrap{width:min(calc(100% - 64px),1320px)}}
@media(max-width:740px){.wmt-wrap{width:calc(100% - 38px)}.wmt-hero{padding-bottom:70px}.wmt-crumb{padding-top:24px}.wmt-hero__grid{grid-template-columns:1fr;gap:27px;margin-top:58px}.wmt h1{font-size:clamp(47px,10vw,75px)}.wmt-hero__grid>div:last-child>p{font-size:16px}.wmt-section{padding:78px 0}.wmt-title,.wmt-split{display:block}.wmt-title>p{margin-top:24px}.wmt-split>div:last-child{padding-top:28px}.wmt-title h2,.wmt-split h2{font-size:clamp(40px,8vw,64px)}.wmt-article-grid{grid-template-columns:1fr}.wmt-article-card{min-height:250px}.wmt-knowledge-controls{grid-template-columns:1fr}.wmt-article-layout{display:block}.wmt-article-toc{position:static;margin-bottom:48px}.wmt-article-intro{padding-top:65px}.wmt-article-intro h1{font-size:clamp(45px,9vw,70px)}.wmt-dashboard__body{grid-template-columns:1fr}.wmt-dashboard__nav{flex-direction:row;border-right:0;border-bottom:1px solid #e4eae4;overflow-x:auto;padding:12px;scrollbar-width:thin}.wmt-dashboard__nav button{flex:0 0 auto;width:auto;padding:11px 13px;white-space:nowrap}.wmt-dashboard__top{padding:0 19px;height:67px}.wmt-dashboard__muted{display:none}.wmt-dashboard__stage{padding:30px 20px;min-height:400px}.wmt-demo-product{grid-template-columns:1fr}.wmt-demo-product__image{min-height:240px}.wmt-planner{grid-template-columns:1fr}.wmt-planner__side{order:-1}.wmt-planner__side h2{margin:8px 0 10px}.wmt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wmt-summary div{border:0;min-width:0}.wmt-planner__side>p:not(.wmt-eyebrow),.wmt-planner__side>a{display:none}.wmt-planner__main{padding:28px 22px}.wmt-contact-quick__wrap{width:calc(100% - 38px)}.wmt-contact-quick header{grid-template-columns:1fr}.wmt-contact-quick header .wmt-eyebrow{grid-column:1}.wmt-contact-quick__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wmt h1{font-size:clamp(45px,11.3vw,58px)}.wmt-section{padding:65px 0}.wmt-title h2,.wmt-split h2{font-size:clamp(38px,9vw,48px)}.wmt-checkform{padding:20px}.wmt-checkform__fields{grid-template-columns:1fr}.wmt-checkform__fields .wmt-button{width:100%}.wmt-checkresults__grid{grid-template-columns:1fr}.wmt-checkresults__head{display:block}.wmt-checkresults__head .wmt-label{margin-top:12px}.wmt-statcards{gap:6px}.wmt-statcards>div{padding:12px}.wmt-statcards small{font-size:9px}.wmt-statcards strong{font-size:28px}.wmt-dashboard__pill{font-size:9px}.wmt-dashboard__stage h3{font-size:38px}.wmt-choice-grid{grid-template-columns:1fr}.wmt-choice span{min-height:54px;padding:15px}.wmt-stepper{gap:8px}.wmt-stepper span{font-size:10px}.wmt-summary dd{font-size:12px}.wmt-contact-quick{padding:65px 0}.wmt-contact-quick h2{font-size:43px}.wmt-contact-quick__grid{grid-template-columns:1fr}.wmt-contact-quick__grid button{min-height:110px;padding:22px}.wmt-contact-quick__grid button b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wmt *, .wmt *::before,.wmt *::after,.wmt-contact-quick button{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* WebMidox Studio uitbreidingen — scoped, desktop/tablet/mobile, geen emoji */
.wmt{--ink:#161b18;--sub:#66716b;--line:#dfe5df;--paper:#f6f8f5;--accent:#dff0e3;color:var(--ink);background:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;overflow:clip}
.wmt *, .wmt-contact-quick *{box-sizing:border-box}.wmt [hidden]{display:none!important}.wmt :where(h1,h2,h3,p),.wmt-contact-quick :where(h2,p){margin:0}.wmt :where(a),.wmt-contact-quick a{color:inherit}.wmt a{text-decoration:none}.wmt a:focus-visible,.wmt button:focus-visible,.wmt input:focus-visible,.wmt select:focus-visible,.wmt textarea:focus-visible,.wmt-contact-quick button:focus-visible{outline:2px solid #2f7b57;outline-offset:4px}
.wmt-wrap{width:min(calc(100% - 104px),1320px);margin:0 auto}.wmt-narrow{max-width:900px}.wmt-eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#65726a}.wmt-crumb{padding:28px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#849087;font-size:12px}.wmt-crumb [aria-current=page]{color:#222b24}.wmt-crumb a:hover{color:#202b21}.wmt-label{display:inline-block;padding:8px 13px;border:1px solid #dde5df;border-radius:40px;font-size:12px;color:#607268;background:#fff}.wmt-muted{color:#7d8780;font-size:13px;line-height:1.7}
.wmt-hero{background:#f8faf7;padding:0 0 clamp(80px,10vw,148px);border-bottom:1px solid #e8ede8}.wmt-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:70px;margin-top:clamp(64px,8vw,116px)}.wmt h1,.wmt h2,.wmt h3{font-weight:550;letter-spacing:-.065em;line-height:1.08}.wmt h1{font-size:clamp(54px,6.8vw,109px);margin-top:22px;max-width:940px}.wmt em,.wmt-contact-quick em{font-weight:400;font-style:normal;color:#7d9c8b}.wmt-hero__grid>div:last-child>p{color:#6a756e;font-size:clamp(16px,1.55vw,21px);line-height:1.7;margin-bottom:26px;max-width:405px}.wmt-section{padding:clamp(80px,11vw,156px) 0}.wmt-section--soft{background:var(--paper)}.wmt-title{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}.wmt-title h2,.wmt-split h2{font-size:clamp(45px,5vw,75px);max-width:790px;margin-top:16px}.wmt-title>p{max-width:335px;color:var(--sub);font-size:15px;line-height:1.75}.wmt-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:12%}.wmt-split>div:last-child{padding-top:20px}.wmt-split>div:last-child>p{font-size:17px;color:var(--sub);line-height:1.8;margin-bottom:20px}.wmt-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:100px;background:#202924;color:#fff!important;border:1px solid #202924;padding:12px 24px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none!important;transition:background .2s,transform .2s}.wmt-button:hover{background:#38483d;transform:translateY(-1px)}.wmt-button--light{background:white;border-color:#d6ded8;color:#1e2821!important}.wmt-button--light:hover{background:#eef3ee}.wmt-textlink{display:inline-flex;align-items:center;border-bottom:1px solid #607668;font-size:13px;font-weight:650;text-decoration:none!important;margin:20px 0 0 20px;padding-bottom:4px}.wmt-button+.wmt-textlink{margin-left:18px}.wmt-alert{border:1px solid #e4c0b4;background:#fff6f2;border-radius:16px;padding:20px 23px;margin:25px 0;color:#6a3830}.wmt-alert p{margin-top:8px}.wmt-alert--ok{background:#eff8f0;border-color:#b8ddbf;color:#26563a}.wmt-alert ul{padding-left:20px;margin:12px 0 0}
/* knowledge hub + articles */
.wmt-knowledge-controls{display:grid;grid-template-columns:1.5fr .6fr;gap:16px;margin-bottom:25px}.wmt-search-label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:650;color:#657369}.wmt :is(input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],select,textarea){display:block;width:100%;border:1px solid #d9e2d9;border-radius:12px;padding:15px 17px;background:#fff;color:#1b251f;font:inherit;font-size:15px;max-width:100%}.wmt textarea{resize:vertical;min-height:132px}.wmt :is(input,textarea)::placeholder{color:#9aa49c}.wmt-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wmt-article-card{border:1px solid #e5eae4;border-radius:19px;padding:clamp(24px,3.2vw,45px);background:#fff;min-height:330px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.wmt-article-card:hover{border-color:#bfcfc0;transform:translateY(-2px)}.wmt-article-card h3{font-size:clamp(24px,2.4vw,34px);margin:25px 0 14px}.wmt-article-card h3 a{text-decoration:none}.wmt-article-card>p:not(.wmt-eyebrow){font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:25px}.wmt-article-card .wmt-textlink{margin:auto 0 0}.wmt-article-intro{max-width:950px;padding:clamp(58px,9vw,120px) 0 0}.wmt-article-intro h1{font-size:clamp(50px,6.2vw,94px);margin:22px 0 28px}.wmt-article-intro>p:last-child{font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--sub);max-width:740px}.wmt-article-layout{display:grid;grid-template-columns:minmax(175px,.3fr) minmax(0,.7fr);gap:10%;align-items:start}.wmt-article-toc{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px;font-size:13px}.wmt-article-toc b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px}.wmt-article-toc a{color:#6c766d;text-decoration:none}.wmt-article-toc a:hover{color:#141a16}.wmt-article-body{max-width:780px}.wmt-article-body__notice{font-size:12px;color:#849086;margin-bottom:48px!important}.wmt-article-body section{margin-bottom:60px;scroll-margin-top:100px}.wmt-article-body h2{font-size:clamp(29px,3vw,44px);margin-bottom:19px}.wmt-article-body section p,.wmt-article-end p{color:#626e65;line-height:1.85;font-size:17px}.wmt-article-end{border-top:1px solid var(--line);padding-top:48px;margin-top:75px}.wmt-article-end h2{margin-bottom:20px}.wmt-article-end .wmt-button{margin-top:25px}
/* demo panel */
.wmt-dashboard{border:1px solid #dae2da;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 20px 65px #1b29200b}.wmt-dashboard__top{height:73px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3vw,46px);border-bottom:1px solid #e6eae5}.wmt-dashboard__top b{font-size:22px;letter-spacing:-.06em;font-weight:750}.wmt-dashboard__mark{display:inline-block;width:17px;height:17px;border-radius:5px;background:#2f7150;margin-right:7px}.wmt-dashboard__muted{font-weight:400;color:#8a958b;font-size:15px}.wmt-dashboard__pill{font-size:10px;font-weight:750;border:1px solid #bed8c5;color:#3b7755;padding:8px 12px;letter-spacing:.08em;border-radius:30px}.wmt-dashboard__body{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:540px}.wmt-dashboard__nav{border-right:1px solid #e6eae5;padding:23px 15px;background:#fcfdfb;display:flex;flex-direction:column;gap:5px;min-width:0}.wmt-dashboard__nav button{display:block;width:100%;border:0;background:transparent;padding:15px 18px;border-radius:10px;text-align:left;font:inherit;font-size:13px;color:#68756a;cursor:pointer}.wmt-dashboard__nav button.is-active{background:#e6f0e8;color:#285a3b;font-weight:700}.wmt-dashboard__stage{padding:clamp(25px,4vw,60px);min-width:0}.wmt-dashboard__stage h3{font-size:clamp(35px,3.7vw,58px);margin:13px 0 12px}.wmt-dashboard__stage section>p{color:#7d887e;font-size:15px;max-width:520px;line-height:1.7}.wmt-dashboard__micro{font-size:10px;font-weight:700;letter-spacing:.11em;color:#8c9c8f}.wmt-statcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:45px}.wmt-statcards>div{border:1px solid #e5eae4;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:10px}.wmt-statcards span{color:#79847a;font-size:12px}.wmt-statcards strong{font-size:clamp(29px,3vw,47px);letter-spacing:-.07em;font-weight:550}.wmt-statcards small{font-size:10px;color:#97a097}.wmt-dashboard__note{border-top:1px solid #e9eee9;padding-top:18px;margin-top:36px;font-size:12px;color:#929d93}.wmt-demo-list{margin-top:30px;border-top:1px solid #e7ede7}.wmt-demo-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #e7ede7}.wmt-demo-list b,.wmt-demo-list small{display:block}.wmt-demo-list b{font-size:15px}.wmt-demo-list small{font-size:12px;color:#9aa39b;margin-top:3px}.wmt-demo-list>div>span,.wmt-demo-list button{font:inherit;font-size:12px;border-radius:20px;padding:8px 12px;background:#eaf4ed;border:0;color:#427354;white-space:nowrap}.wmt-demo-list button{cursor:pointer}.wmt-demo-product{display:grid;grid-template-columns:38% 1fr;gap:30px;margin-top:30px}.wmt-demo-product__image{border-radius:14px;background:#f4eee3;min-height:255px;display:grid;place-items:center}.wmt-demo-product__image span{width:55%;aspect-ratio:1;background:#fffdf8;border-radius:8px;border:1px solid #ede4d6;box-shadow:9px 12px 0 #dbd2c5,15px 26px 22px #786c5930;transform:rotate(-5deg)}.wmt-demo-product>div:last-child{display:flex;flex-direction:column;align-items:start;gap:8px}.wmt-demo-product strong{font-size:23px;font-weight:600;letter-spacing:-.045em}.wmt-demo-product small{color:#8e9a90;font-size:12px}.wmt-demo-product p{color:#6e7c71;font-size:14px}.wmt-demo-product label{font-size:12px;font-weight:600;margin-top:16px}.wmt-demo-product label input{max-width:170px;margin-top:8px}.wmt-bars{height:200px;margin-top:35px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #d4dfd5;padding:0 12px}.wmt-bars i{display:block;flex:1;max-width:74px;height:var(--h);background:linear-gradient(#8dc3a0,#d2e9d5);border-radius:8px 8px 0 0}.wmt-switchline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:40px;border-bottom:1px solid #e5eae5;gap:18px}.wmt-switchline small{display:block;color:#849086;margin-top:5px}.wmt-switchline input{width:21px;height:21px;accent-color:#427b58}.wmt-dashboard.is-compact .wmt-dashboard__stage{padding:22px}.wmt-dashboard.is-compact .wmt-statcards{margin-top:20px}.wmt-dashboard.is-compact .wmt-dashboard__body{min-height:430px}
/* website check */
.wmt-checkform{margin-top:37px;padding:34px;border-radius:20px;background:#fff;border:1px solid #e0e7df}.wmt-checkform>label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.wmt-checkform__fields{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.wmt-checkform .wmt-muted{margin-top:18px}.wmt-checkresults{background:#fff;border:1px solid #e1e7e0;border-radius:20px;padding:clamp(22px,4vw,45px);margin-top:28px}.wmt-checkresults__head{display:flex;align-items:center;justify-content:space-between;gap:30px}.wmt-checkresults__head h3{font-size:clamp(24px,3vw,40px);margin-top:8px;overflow-wrap:anywhere}.wmt-checkresults__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:30px 0}.wmt-finding{display:flex;align-items:flex-start;gap:15px;border:1px solid #e8ece7;padding:20px;border-radius:14px}.wmt-finding__mark{width:11px;height:11px;border-radius:50%;flex:none;margin-top:6px}.wmt-finding__mark.is-ok{background:#5aa272}.wmt-finding__mark.is-attention{background:#d0a16c}.wmt-finding strong{font-size:14px}.wmt-finding p{font-size:14px;overflow-wrap:anywhere;margin:5px 0}.wmt-finding small{color:#8a968d;font-size:11px}.wmt-checkresults .wmt-button{margin-top:24px}
/* project planner */
.wmt-planner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);border-radius:22px;background:#fff;border:1px solid #e3e9e1;overflow:hidden}.wmt-planner__main{padding:clamp(25px,4.2vw,64px);min-width:0}.wmt-planner__side{background:#e5eee7;padding:clamp(24px,3.2vw,46px);min-width:0}.wmt-planner__side h2{font-size:clamp(35px,3.6vw,53px);margin:18px 0 42px}.wmt-planner__side>p:not(.wmt-eyebrow){font-size:13px;color:#637369;line-height:1.8;margin-top:24px}.wmt-planner__side>a{font-size:13px;font-weight:650;border-bottom:1px solid #506a57;text-decoration:none}.wmt-stepper{display:flex;gap:20px;border-bottom:1px solid #e3eae3;margin-bottom:42px;padding-bottom:17px;justify-content:space-between}.wmt-stepper span{font-size:11px;letter-spacing:.04em;color:#a0aaa1}.wmt-stepper .is-active{color:#235d3f;font-weight:700}.wmt-step{border:0;padding:0;margin:0;min-width:0}.wmt-step legend{font-size:clamp(28px,3vw,44px);font-weight:570;line-height:1.15;letter-spacing:-.055em;display:block;width:100%}.wmt-step legend small{display:block;font-size:11px;color:#7f9182;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px;font-weight:650}.wmt-form-help{color:#7a857d;font-size:14px;margin:13px 0 32px!important}.wmt-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.wmt-choice{cursor:pointer}.wmt-choice input{position:absolute;opacity:0;width:1px;height:1px}.wmt-choice span{display:flex;align-items:center;border:1px solid #dce6dc;border-radius:12px;padding:19px 18px;min-height:65px;font-size:14px;color:#536357;transition:background .2s,border-color .2s}.wmt-choice input:checked+span{border-color:#4b9266;background:#edf6ee;color:#25583a}.wmt-choice input:focus-visible+span{outline:2px solid #377e53;outline-offset:3px}.wmt-fields{display:grid;gap:21px;margin-top:30px}.wmt-fields label{display:block;font-size:13px;font-weight:650}.wmt-fields label span{color:#bb674f}.wmt-fields input,.wmt-fields textarea,.wmt-fields select{margin-top:9px}.wmt-fields label small{color:#8c9b8f;font-weight:400}.wmt-step-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:35px}.wmt-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.wmt-summary{margin:0}.wmt-summary div{padding:16px 0;border-bottom:1px solid #cbd8ce}.wmt-summary dt{font-size:11px;color:#7e9582}.wmt-summary dd{font-size:15px;font-weight:600;margin:7px 0 0;overflow-wrap:anywhere}
/* existing contact enhancement, scoped separately */
.wmt-contact-quick{font-family:'DM Sans',sans-serif;color:#1b241d;background:#f6f8f5;padding:76px 0}.wmt-contact-quick__wrap{max-width:1320px;width:min(calc(100% - 96px),1320px);margin:auto}.wmt-contact-quick header{display:grid;grid-template-columns:1fr 1fr;gap:16px 7%;align-items:end;margin-bottom:37px}.wmt-contact-quick header .wmt-eyebrow{grid-column:1/-1}.wmt-contact-quick h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.064em;font-weight:540;line-height:1.09}.wmt-contact-quick header p:not(.wmt-eyebrow){font-size:16px;line-height:1.65;max-width:380px;color:#728077}.wmt-contact-quick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wmt-contact-quick__grid button{min-height:175px;border:1px solid #e1e9e1;background:#fff;padding:28px 25px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:15px;cursor:pointer;color:#1d2820;font:inherit;transition:border-color .2s,transform .2s}.wmt-contact-quick__grid button:hover{border-color:#9db9a3;transform:translateY(-2px)}.wmt-contact-quick__grid button b{font-size:20px;letter-spacing:-.045em;font-weight:600}.wmt-contact-quick__grid button span{font-size:13px;line-height:1.6;color:#7b887d}.wmt-contact-quick__bottom{margin-top:28px!important;color:#6e7a70;font-size:14px}.wmt-contact-quick__bottom a{text-decoration:underline;text-underline-offset:5px;font-weight:600}
@media(max-width:1024px){.wmt-wrap{width:min(calc(100% - 64px),1320px)}.wmt-hero__grid{gap:40px}.wmt-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wmt-dashboard__body{grid-template-columns:180px minmax(0,1fr)}.wmt-contact-quick__grid{grid-template-columns:repeat(2,1fr)}.wmt-contact-quick__wrap{width:min(calc(100% - 64px),1320px)}}
@media(max-width:740px){.wmt-wrap{width:calc(100% - 38px)}.wmt-hero{padding-bottom:70px}.wmt-crumb{padding-top:24px}.wmt-hero__grid{grid-template-columns:1fr;gap:27px;margin-top:58px}.wmt h1{font-size:clamp(47px,10vw,75px)}.wmt-hero__grid>div:last-child>p{font-size:16px}.wmt-section{padding:78px 0}.wmt-title,.wmt-split{display:block}.wmt-title>p{margin-top:24px}.wmt-split>div:last-child{padding-top:28px}.wmt-title h2,.wmt-split h2{font-size:clamp(40px,8vw,64px)}.wmt-article-grid{grid-template-columns:1fr}.wmt-article-card{min-height:250px}.wmt-knowledge-controls{grid-template-columns:1fr}.wmt-article-layout{display:block}.wmt-article-toc{position:static;margin-bottom:48px}.wmt-article-intro{padding-top:65px}.wmt-article-intro h1{font-size:clamp(45px,9vw,70px)}.wmt-dashboard__body{grid-template-columns:1fr}.wmt-dashboard__nav{flex-direction:row;border-right:0;border-bottom:1px solid #e4eae4;overflow-x:auto;padding:12px;scrollbar-width:thin}.wmt-dashboard__nav button{flex:0 0 auto;width:auto;padding:11px 13px;white-space:nowrap}.wmt-dashboard__top{padding:0 19px;height:67px}.wmt-dashboard__muted{display:none}.wmt-dashboard__stage{padding:30px 20px;min-height:400px}.wmt-demo-product{grid-template-columns:1fr}.wmt-demo-product__image{min-height:240px}.wmt-planner{grid-template-columns:1fr}.wmt-planner__side{order:-1}.wmt-planner__side h2{margin:8px 0 10px}.wmt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wmt-summary div{border:0;min-width:0}.wmt-planner__side>p:not(.wmt-eyebrow),.wmt-planner__side>a{display:none}.wmt-planner__main{padding:28px 22px}.wmt-contact-quick__wrap{width:calc(100% - 38px)}.wmt-contact-quick header{grid-template-columns:1fr}.wmt-contact-quick header .wmt-eyebrow{grid-column:1}.wmt-contact-quick__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wmt h1{font-size:clamp(45px,11.3vw,58px)}.wmt-section{padding:65px 0}.wmt-title h2,.wmt-split h2{font-size:clamp(38px,9vw,48px)}.wmt-checkform{padding:20px}.wmt-checkform__fields{grid-template-columns:1fr}.wmt-checkform__fields .wmt-button{width:100%}.wmt-checkresults__grid{grid-template-columns:1fr}.wmt-checkresults__head{display:block}.wmt-checkresults__head .wmt-label{margin-top:12px}.wmt-statcards{gap:6px}.wmt-statcards>div{padding:12px}.wmt-statcards small{font-size:9px}.wmt-statcards strong{font-size:28px}.wmt-dashboard__pill{font-size:9px}.wmt-dashboard__stage h3{font-size:38px}.wmt-choice-grid{grid-template-columns:1fr}.wmt-choice span{min-height:54px;padding:15px}.wmt-stepper{gap:8px}.wmt-stepper span{font-size:10px}.wmt-summary dd{font-size:12px}.wmt-contact-quick{padding:65px 0}.wmt-contact-quick h2{font-size:43px}.wmt-contact-quick__grid{grid-template-columns:1fr}.wmt-contact-quick__grid button{min-height:110px;padding:22px}.wmt-contact-quick__grid button b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wmt *, .wmt *::before,.wmt *::after,.wmt-contact-quick button{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* WebMidox Studio uitbreidingen — scoped, desktop/tablet/mobile, geen emoji */
.wmt{--ink:#161b18;--sub:#66716b;--line:#dfe5df;--paper:#f6f8f5;--accent:#dff0e3;color:var(--ink);background:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;overflow:clip}
.wmt *, .wmt-contact-quick *{box-sizing:border-box}.wmt [hidden]{display:none!important}.wmt :where(h1,h2,h3,p),.wmt-contact-quick :where(h2,p){margin:0}.wmt :where(a),.wmt-contact-quick a{color:inherit}.wmt a{text-decoration:none}.wmt a:focus-visible,.wmt button:focus-visible,.wmt input:focus-visible,.wmt select:focus-visible,.wmt textarea:focus-visible,.wmt-contact-quick button:focus-visible{outline:2px solid #2f7b57;outline-offset:4px}
.wmt-wrap{width:min(calc(100% - 104px),1320px);margin:0 auto}.wmt-narrow{max-width:900px}.wmt-eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#65726a}.wmt-crumb{padding:28px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#849087;font-size:12px}.wmt-crumb [aria-current=page]{color:#222b24}.wmt-crumb a:hover{color:#202b21}.wmt-label{display:inline-block;padding:8px 13px;border:1px solid #dde5df;border-radius:40px;font-size:12px;color:#607268;background:#fff}.wmt-muted{color:#7d8780;font-size:13px;line-height:1.7}
.wmt-hero{background:#f8faf7;padding:0 0 clamp(80px,10vw,148px);border-bottom:1px solid #e8ede8}.wmt-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:70px;margin-top:clamp(64px,8vw,116px)}.wmt h1,.wmt h2,.wmt h3{font-weight:550;letter-spacing:-.065em;line-height:1.08}.wmt h1{font-size:clamp(54px,6.8vw,109px);margin-top:22px;max-width:940px}.wmt em,.wmt-contact-quick em{font-weight:400;font-style:normal;color:#7d9c8b}.wmt-hero__grid>div:last-child>p{color:#6a756e;font-size:clamp(16px,1.55vw,21px);line-height:1.7;margin-bottom:26px;max-width:405px}.wmt-section{padding:clamp(80px,11vw,156px) 0}.wmt-section--soft{background:var(--paper)}.wmt-title{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}.wmt-title h2,.wmt-split h2{font-size:clamp(45px,5vw,75px);max-width:790px;margin-top:16px}.wmt-title>p{max-width:335px;color:var(--sub);font-size:15px;line-height:1.75}.wmt-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:12%}.wmt-split>div:last-child{padding-top:20px}.wmt-split>div:last-child>p{font-size:17px;color:var(--sub);line-height:1.8;margin-bottom:20px}.wmt-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:100px;background:#202924;color:#fff!important;border:1px solid #202924;padding:12px 24px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none!important;transition:background .2s,transform .2s}.wmt-button:hover{background:#38483d;transform:translateY(-1px)}.wmt-button--light{background:white;border-color:#d6ded8;color:#1e2821!important}.wmt-button--light:hover{background:#eef3ee}.wmt-textlink{display:inline-flex;align-items:center;border-bottom:1px solid #607668;font-size:13px;font-weight:650;text-decoration:none!important;margin:20px 0 0 20px;padding-bottom:4px}.wmt-button+.wmt-textlink{margin-left:18px}.wmt-alert{border:1px solid #e4c0b4;background:#fff6f2;border-radius:16px;padding:20px 23px;margin:25px 0;color:#6a3830}.wmt-alert p{margin-top:8px}.wmt-alert--ok{background:#eff8f0;border-color:#b8ddbf;color:#26563a}.wmt-alert ul{padding-left:20px;margin:12px 0 0}
/* knowledge hub + articles */
.wmt-knowledge-controls{display:grid;grid-template-columns:1.5fr .6fr;gap:16px;margin-bottom:25px}.wmt-search-label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:650;color:#657369}.wmt :is(input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],select,textarea){display:block;width:100%;border:1px solid #d9e2d9;border-radius:12px;padding:15px 17px;background:#fff;color:#1b251f;font:inherit;font-size:15px;max-width:100%}.wmt textarea{resize:vertical;min-height:132px}.wmt :is(input,textarea)::placeholder{color:#9aa49c}.wmt-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wmt-article-card{border:1px solid #e5eae4;border-radius:19px;padding:clamp(24px,3.2vw,45px);background:#fff;min-height:330px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.wmt-article-card:hover{border-color:#bfcfc0;transform:translateY(-2px)}.wmt-article-card h3{font-size:clamp(24px,2.4vw,34px);margin:25px 0 14px}.wmt-article-card h3 a{text-decoration:none}.wmt-article-card>p:not(.wmt-eyebrow){font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:25px}.wmt-article-card .wmt-textlink{margin:auto 0 0}.wmt-article-intro{max-width:950px;padding:clamp(58px,9vw,120px) 0 0}.wmt-article-intro h1{font-size:clamp(50px,6.2vw,94px);margin:22px 0 28px}.wmt-article-intro>p:last-child{font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--sub);max-width:740px}.wmt-article-layout{display:grid;grid-template-columns:minmax(175px,.3fr) minmax(0,.7fr);gap:10%;align-items:start}.wmt-article-toc{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px;font-size:13px}.wmt-article-toc b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px}.wmt-article-toc a{color:#6c766d;text-decoration:none}.wmt-article-toc a:hover{color:#141a16}.wmt-article-body{max-width:780px}.wmt-article-body__notice{font-size:12px;color:#849086;margin-bottom:48px!important}.wmt-article-body section{margin-bottom:60px;scroll-margin-top:100px}.wmt-article-body h2{font-size:clamp(29px,3vw,44px);margin-bottom:19px}.wmt-article-body section p,.wmt-article-end p{color:#626e65;line-height:1.85;font-size:17px}.wmt-article-end{border-top:1px solid var(--line);padding-top:48px;margin-top:75px}.wmt-article-end h2{margin-bottom:20px}.wmt-article-end .wmt-button{margin-top:25px}
/* demo panel */
.wmt-dashboard{border:1px solid #dae2da;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 20px 65px #1b29200b}.wmt-dashboard__top{height:73px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3vw,46px);border-bottom:1px solid #e6eae5}.wmt-dashboard__top b{font-size:22px;letter-spacing:-.06em;font-weight:750}.wmt-dashboard__mark{display:inline-block;width:17px;height:17px;border-radius:5px;background:#2f7150;margin-right:7px}.wmt-dashboard__muted{font-weight:400;color:#8a958b;font-size:15px}.wmt-dashboard__pill{font-size:10px;font-weight:750;border:1px solid #bed8c5;color:#3b7755;padding:8px 12px;letter-spacing:.08em;border-radius:30px}.wmt-dashboard__body{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:540px}.wmt-dashboard__nav{border-right:1px solid #e6eae5;padding:23px 15px;background:#fcfdfb;display:flex;flex-direction:column;gap:5px;min-width:0}.wmt-dashboard__nav button{display:block;width:100%;border:0;background:transparent;padding:15px 18px;border-radius:10px;text-align:left;font:inherit;font-size:13px;color:#68756a;cursor:pointer}.wmt-dashboard__nav button.is-active{background:#e6f0e8;color:#285a3b;font-weight:700}.wmt-dashboard__stage{padding:clamp(25px,4vw,60px);min-width:0}.wmt-dashboard__stage h3{font-size:clamp(35px,3.7vw,58px);margin:13px 0 12px}.wmt-dashboard__stage section>p{color:#7d887e;font-size:15px;max-width:520px;line-height:1.7}.wmt-dashboard__micro{font-size:10px;font-weight:700;letter-spacing:.11em;color:#8c9c8f}.wmt-statcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:45px}.wmt-statcards>div{border:1px solid #e5eae4;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:10px}.wmt-statcards span{color:#79847a;font-size:12px}.wmt-statcards strong{font-size:clamp(29px,3vw,47px);letter-spacing:-.07em;font-weight:550}.wmt-statcards small{font-size:10px;color:#97a097}.wmt-dashboard__note{border-top:1px solid #e9eee9;padding-top:18px;margin-top:36px;font-size:12px;color:#929d93}.wmt-demo-list{margin-top:30px;border-top:1px solid #e7ede7}.wmt-demo-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #e7ede7}.wmt-demo-list b,.wmt-demo-list small{display:block}.wmt-demo-list b{font-size:15px}.wmt-demo-list small{font-size:12px;color:#9aa39b;margin-top:3px}.wmt-demo-list>div>span,.wmt-demo-list button{font:inherit;font-size:12px;border-radius:20px;padding:8px 12px;background:#eaf4ed;border:0;color:#427354;white-space:nowrap}.wmt-demo-list button{cursor:pointer}.wmt-demo-product{display:grid;grid-template-columns:38% 1fr;gap:30px;margin-top:30px}.wmt-demo-product__image{border-radius:14px;background:#f4eee3;min-height:255px;display:grid;place-items:center}.wmt-demo-product__image span{width:55%;aspect-ratio:1;background:#fffdf8;border-radius:8px;border:1px solid #ede4d6;box-shadow:9px 12px 0 #dbd2c5,15px 26px 22px #786c5930;transform:rotate(-5deg)}.wmt-demo-product>div:last-child{display:flex;flex-direction:column;align-items:start;gap:8px}.wmt-demo-product strong{font-size:23px;font-weight:600;letter-spacing:-.045em}.wmt-demo-product small{color:#8e9a90;font-size:12px}.wmt-demo-product p{color:#6e7c71;font-size:14px}.wmt-demo-product label{font-size:12px;font-weight:600;margin-top:16px}.wmt-demo-product label input{max-width:170px;margin-top:8px}.wmt-bars{height:200px;margin-top:35px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #d4dfd5;padding:0 12px}.wmt-bars i{display:block;flex:1;max-width:74px;height:var(--h);background:linear-gradient(#8dc3a0,#d2e9d5);border-radius:8px 8px 0 0}.wmt-switchline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:40px;border-bottom:1px solid #e5eae5;gap:18px}.wmt-switchline small{display:block;color:#849086;margin-top:5px}.wmt-switchline input{width:21px;height:21px;accent-color:#427b58}.wmt-dashboard.is-compact .wmt-dashboard__stage{padding:22px}.wmt-dashboard.is-compact .wmt-statcards{margin-top:20px}.wmt-dashboard.is-compact .wmt-dashboard__body{min-height:430px}
/* website check */
.wmt-checkform{margin-top:37px;padding:34px;border-radius:20px;background:#fff;border:1px solid #e0e7df}.wmt-checkform>label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.wmt-checkform__fields{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.wmt-checkform .wmt-muted{margin-top:18px}.wmt-checkresults{background:#fff;border:1px solid #e1e7e0;border-radius:20px;padding:clamp(22px,4vw,45px);margin-top:28px}.wmt-checkresults__head{display:flex;align-items:center;justify-content:space-between;gap:30px}.wmt-checkresults__head h3{font-size:clamp(24px,3vw,40px);margin-top:8px;overflow-wrap:anywhere}.wmt-checkresults__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:30px 0}.wmt-finding{display:flex;align-items:flex-start;gap:15px;border:1px solid #e8ece7;padding:20px;border-radius:14px}.wmt-finding__mark{width:11px;height:11px;border-radius:50%;flex:none;margin-top:6px}.wmt-finding__mark.is-ok{background:#5aa272}.wmt-finding__mark.is-attention{background:#d0a16c}.wmt-finding strong{font-size:14px}.wmt-finding p{font-size:14px;overflow-wrap:anywhere;margin:5px 0}.wmt-finding small{color:#8a968d;font-size:11px}.wmt-checkresults .wmt-button{margin-top:24px}
/* project planner */
.wmt-planner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);border-radius:22px;background:#fff;border:1px solid #e3e9e1;overflow:hidden}.wmt-planner__main{padding:clamp(25px,4.2vw,64px);min-width:0}.wmt-planner__side{background:#e5eee7;padding:clamp(24px,3.2vw,46px);min-width:0}.wmt-planner__side h2{font-size:clamp(35px,3.6vw,53px);margin:18px 0 42px}.wmt-planner__side>p:not(.wmt-eyebrow){font-size:13px;color:#637369;line-height:1.8;margin-top:24px}.wmt-planner__side>a{font-size:13px;font-weight:650;border-bottom:1px solid #506a57;text-decoration:none}.wmt-stepper{display:flex;gap:20px;border-bottom:1px solid #e3eae3;margin-bottom:42px;padding-bottom:17px;justify-content:space-between}.wmt-stepper span{font-size:11px;letter-spacing:.04em;color:#a0aaa1}.wmt-stepper .is-active{color:#235d3f;font-weight:700}.wmt-step{border:0;padding:0;margin:0;min-width:0}.wmt-step legend{font-size:clamp(28px,3vw,44px);font-weight:570;line-height:1.15;letter-spacing:-.055em;display:block;width:100%}.wmt-step legend small{display:block;font-size:11px;color:#7f9182;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px;font-weight:650}.wmt-form-help{color:#7a857d;font-size:14px;margin:13px 0 32px!important}.wmt-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.wmt-choice{cursor:pointer}.wmt-choice input{position:absolute;opacity:0;width:1px;height:1px}.wmt-choice span{display:flex;align-items:center;border:1px solid #dce6dc;border-radius:12px;padding:19px 18px;min-height:65px;font-size:14px;color:#536357;transition:background .2s,border-color .2s}.wmt-choice input:checked+span{border-color:#4b9266;background:#edf6ee;color:#25583a}.wmt-choice input:focus-visible+span{outline:2px solid #377e53;outline-offset:3px}.wmt-fields{display:grid;gap:21px;margin-top:30px}.wmt-fields label{display:block;font-size:13px;font-weight:650}.wmt-fields label span{color:#bb674f}.wmt-fields input,.wmt-fields textarea,.wmt-fields select{margin-top:9px}.wmt-fields label small{color:#8c9b8f;font-weight:400}.wmt-step-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:35px}.wmt-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.wmt-summary{margin:0}.wmt-summary div{padding:16px 0;border-bottom:1px solid #cbd8ce}.wmt-summary dt{font-size:11px;color:#7e9582}.wmt-summary dd{font-size:15px;font-weight:600;margin:7px 0 0;overflow-wrap:anywhere}
/* existing contact enhancement, scoped separately */
.wmt-contact-quick{font-family:'DM Sans',sans-serif;color:#1b241d;background:#f6f8f5;padding:76px 0}.wmt-contact-quick__wrap{max-width:1320px;width:min(calc(100% - 96px),1320px);margin:auto}.wmt-contact-quick header{display:grid;grid-template-columns:1fr 1fr;gap:16px 7%;align-items:end;margin-bottom:37px}.wmt-contact-quick header .wmt-eyebrow{grid-column:1/-1}.wmt-contact-quick h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.064em;font-weight:540;line-height:1.09}.wmt-contact-quick header p:not(.wmt-eyebrow){font-size:16px;line-height:1.65;max-width:380px;color:#728077}.wmt-contact-quick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wmt-contact-quick__grid button{min-height:175px;border:1px solid #e1e9e1;background:#fff;padding:28px 25px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:15px;cursor:pointer;color:#1d2820;font:inherit;transition:border-color .2s,transform .2s}.wmt-contact-quick__grid button:hover{border-color:#9db9a3;transform:translateY(-2px)}.wmt-contact-quick__grid button b{font-size:20px;letter-spacing:-.045em;font-weight:600}.wmt-contact-quick__grid button span{font-size:13px;line-height:1.6;color:#7b887d}.wmt-contact-quick__bottom{margin-top:28px!important;color:#6e7a70;font-size:14px}.wmt-contact-quick__bottom a{text-decoration:underline;text-underline-offset:5px;font-weight:600}
@media(max-width:1024px){.wmt-wrap{width:min(calc(100% - 64px),1320px)}.wmt-hero__grid{gap:40px}.wmt-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wmt-dashboard__body{grid-template-columns:180px minmax(0,1fr)}.wmt-contact-quick__grid{grid-template-columns:repeat(2,1fr)}.wmt-contact-quick__wrap{width:min(calc(100% - 64px),1320px)}}
@media(max-width:740px){.wmt-wrap{width:calc(100% - 38px)}.wmt-hero{padding-bottom:70px}.wmt-crumb{padding-top:24px}.wmt-hero__grid{grid-template-columns:1fr;gap:27px;margin-top:58px}.wmt h1{font-size:clamp(47px,10vw,75px)}.wmt-hero__grid>div:last-child>p{font-size:16px}.wmt-section{padding:78px 0}.wmt-title,.wmt-split{display:block}.wmt-title>p{margin-top:24px}.wmt-split>div:last-child{padding-top:28px}.wmt-title h2,.wmt-split h2{font-size:clamp(40px,8vw,64px)}.wmt-article-grid{grid-template-columns:1fr}.wmt-article-card{min-height:250px}.wmt-knowledge-controls{grid-template-columns:1fr}.wmt-article-layout{display:block}.wmt-article-toc{position:static;margin-bottom:48px}.wmt-article-intro{padding-top:65px}.wmt-article-intro h1{font-size:clamp(45px,9vw,70px)}.wmt-dashboard__body{grid-template-columns:1fr}.wmt-dashboard__nav{flex-direction:row;border-right:0;border-bottom:1px solid #e4eae4;overflow-x:auto;padding:12px;scrollbar-width:thin}.wmt-dashboard__nav button{flex:0 0 auto;width:auto;padding:11px 13px;white-space:nowrap}.wmt-dashboard__top{padding:0 19px;height:67px}.wmt-dashboard__muted{display:none}.wmt-dashboard__stage{padding:30px 20px;min-height:400px}.wmt-demo-product{grid-template-columns:1fr}.wmt-demo-product__image{min-height:240px}.wmt-planner{grid-template-columns:1fr}.wmt-planner__side{order:-1}.wmt-planner__side h2{margin:8px 0 10px}.wmt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wmt-summary div{border:0;min-width:0}.wmt-planner__side>p:not(.wmt-eyebrow),.wmt-planner__side>a{display:none}.wmt-planner__main{padding:28px 22px}.wmt-contact-quick__wrap{width:calc(100% - 38px)}.wmt-contact-quick header{grid-template-columns:1fr}.wmt-contact-quick header .wmt-eyebrow{grid-column:1}.wmt-contact-quick__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wmt h1{font-size:clamp(45px,11.3vw,58px)}.wmt-section{padding:65px 0}.wmt-title h2,.wmt-split h2{font-size:clamp(38px,9vw,48px)}.wmt-checkform{padding:20px}.wmt-checkform__fields{grid-template-columns:1fr}.wmt-checkform__fields .wmt-button{width:100%}.wmt-checkresults__grid{grid-template-columns:1fr}.wmt-checkresults__head{display:block}.wmt-checkresults__head .wmt-label{margin-top:12px}.wmt-statcards{gap:6px}.wmt-statcards>div{padding:12px}.wmt-statcards small{font-size:9px}.wmt-statcards strong{font-size:28px}.wmt-dashboard__pill{font-size:9px}.wmt-dashboard__stage h3{font-size:38px}.wmt-choice-grid{grid-template-columns:1fr}.wmt-choice span{min-height:54px;padding:15px}.wmt-stepper{gap:8px}.wmt-stepper span{font-size:10px}.wmt-summary dd{font-size:12px}.wmt-contact-quick{padding:65px 0}.wmt-contact-quick h2{font-size:43px}.wmt-contact-quick__grid{grid-template-columns:1fr}.wmt-contact-quick__grid button{min-height:110px;padding:22px}.wmt-contact-quick__grid button b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wmt *, .wmt *::before,.wmt *::after,.wmt-contact-quick button{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Projectplanner: zichtbare feedback bij ontbrekende keuze of invoer. */
.wmt .wmt-planner-feedback{margin:18px 0 0;font-size:14px;line-height:1.55;color:#913d2b;font-weight:550}
.wmt .wmt-step.has-step-error .wmt-choice-grid{border-radius:14px;outline:1px solid #d79e8f;outline-offset:7px}
.wmt .wmt-planner-feedback[hidden]{display:none!important}