/* SERVICE PAGE — bovenop case.css */
.shero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}
.shero-bg{position:absolute;inset:0}
.shero-bg img{width:100%;height:100%;object-fit:cover}
.shero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.84) 0%,rgba(11,11,12,.3) 44%,rgba(11,11,12,.96) 100%)}
.shero-in{position:relative;z-index:2;width:100%;padding:0 var(--pad) clamp(36px,6vw,64px)}
.shero h1{font-size:clamp(42px,7.6vw,96px);max-width:16ch}
.shero h1 em{font-style:normal;color:var(--acid)}
.shero .sub{margin-top:20px;font-size:clamp(16px,1.9vw,21px);line-height:1.55;color:#C9C6C0;max-width:54ch}
.shero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(24px,3vw,34px)}
.tagbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tag{border:1px solid rgba(237,235,230,.28);border-radius:2px;padding:6px 12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#C9C6C0}

.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.pillars article{min-width:0;border-top:1px solid var(--line);padding-top:22px}
.pillars .n{font-family:'Anton',sans-serif;font-size:18px;color:var(--acid);display:block;margin-bottom:12px}
.pillars h3{font-size:clamp(19px,2.2vw,26px);margin-bottom:10px}
.pillars p{font-size:14px;line-height:1.65;color:var(--dim2)}
@media(max-width:860px){.pillars{grid-template-columns:minmax(0,1fr)}}

.deliv{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.deliv span{border:1px solid var(--line);border-radius:2px;padding:10px 16px;font-size:13px;color:var(--dim2)}

.proc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.proc div{background:var(--bg);padding:26px 22px;min-width:0}
.proc b{font-family:'Anton',sans-serif;font-size:16px;color:var(--acid);display:block;margin-bottom:10px}
.proc h4{font-size:16px;font-weight:500;margin-bottom:8px}
.proc p{font-size:13px;line-height:1.6;color:var(--dim)}
@media(max-width:900px){.proc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.proc{grid-template-columns:minmax(0,1fr)}}

/* LEAD GENERATOR */
.lg{border:1px solid var(--acid);position:relative;padding:clamp(26px,4.5vw,48px)}
.lg::before{content:attr(data-badge);position:absolute;top:-1px;right:-1px;background:var(--acid);color:var(--bg);font-family:'Anton',sans-serif;font-size:12px;letter-spacing:.14em;padding:6px 12px;text-transform:uppercase}
.lg h2{font-size:clamp(28px,4.4vw,48px);margin-bottom:14px;max-width:20ch}
.lg .intro{font-size:15px;line-height:1.65;color:var(--dim2);max-width:56ch}
.lgbar{display:flex;gap:6px;margin:28px 0 26px}
.lgbar i{flex:1;height:3px;background:var(--line);transition:background .3s}
.lgbar i.on{background:var(--acid)}
.q{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.qh{font-family:'Anton',sans-serif;font-size:clamp(22px,3vw,32px);text-transform:uppercase;line-height:1;margin-bottom:22px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.opts button{text-align:left;background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:inherit;padding:18px 20px;border-radius:2px;cursor:pointer;transition:border-color .2s,background .2s}
.opts button:hover{border-color:var(--dim)}
.opts button.on{border-color:var(--acid);background:rgba(200,255,46,.07)}
.opts b{display:block;font-size:15px;font-weight:500;margin-bottom:5px}
.opts span{font-size:13px;color:var(--dim);line-height:1.5}
.lgnav{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.lgnav .btn{flex:1;min-width:150px;text-align:center;white-space:normal}
.lgerr{margin-top:14px;font-size:13px;color:#FF7A5C}
.opts-check{grid-template-columns:1fr}
.opts-check button{position:relative;padding-left:52px}
.opts-check b{font-weight:400;margin-bottom:0}
.opts-check button::before{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:1px solid var(--line);transition:border-color .2s,background .2s}
.opts-check button.on::before{border-color:var(--acid);background:var(--acid)}
.opts-check button.on::after{content:'';position:absolute;left:25px;top:50%;transform:translateY(-58%) rotate(-45deg);width:9px;height:5px;border:2px solid var(--bg);border-top:none;border-right:none}

.res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media(max-width:860px){.res{grid-template-columns:minmax(0,1fr)}}
.res .big{font-family:'Anton',sans-serif;font-size:clamp(28px,4.4vw,50px);color:var(--acid);line-height:1;text-wrap:balance}
.res .unit{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:10px}
.res .rows{margin-top:26px;border-top:1px solid var(--line)}
.res .rows div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.res .rows span:first-child{color:var(--dim)}
.res .rows span:last-child{text-align:right}
.res .note{margin-top:18px;font-size:12px;line-height:1.6;color:var(--dim)}
.form{display:grid;gap:10px}
.form label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.form select{background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:15px;padding:14px 16px;border-radius:2px;outline:none;width:100%;appearance:none}
.form select:focus{border-color:var(--acid)}
.form input,.form textarea{background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:15px;padding:14px 16px;border-radius:2px;outline:none;width:100%}
.form input:focus,.form textarea:focus{border-color:var(--acid)}
.form textarea{resize:vertical;min-height:84px}
.lgblur{position:relative;filter:blur(9px);user-select:none;pointer-events:none;transition:filter .5s}
.lgblur.open{filter:none;user-select:auto;pointer-events:auto}
.lgblur::after{content:'Vul je gegevens in →';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:center;transition:opacity .3s}
.lgblur.open::after{content:'';opacity:0}
.done-note{margin-top:18px;font-size:14px;color:var(--dim2);line-height:1.6}
.done{text-align:center;padding:16px 0}
.done b{display:block;font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,40px);text-transform:uppercase;color:var(--acid);margin-bottom:12px}
.done p{font-size:15px;color:var(--dim2);line-height:1.6;max-width:44ch;margin:0 auto}

/* CASE ROW */
.crow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.crow article{min-width:0}
.crow .thumb{overflow:hidden;border:1px solid var(--line);background:var(--bg2)}
.crow img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.crow a:hover img{transform:scale(1.045)}
.crow .cat{margin-top:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acid)}
.crow h3{font-size:clamp(20px,2.3vw,28px);margin-top:8px}
.crow a:hover h3{color:var(--acid)}
.crow p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--dim)}
@media(max-width:860px){.crow{grid-template-columns:minmax(0,1fr)}}

/* VIDEO CAROUSEL */
.vreelwrap{position:relative;margin:0 calc(var(--pad)*-1)}
.vreelwrap::before,.vreelwrap::after{content:'';position:absolute;top:0;height:calc(100% - 60px);width:clamp(24px,6vw,var(--pad));z-index:2;pointer-events:none}
.vreelwrap::before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}
.vreelwrap::after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}
.vreel{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 var(--pad) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain}
.vreel .vspacer{flex-shrink:0;width:20px;scroll-snap-align:start}
.vreel::-webkit-scrollbar{display:none}
.vreel.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.vreel.drag *{pointer-events:none}
.vreel figure{width:clamp(260px,34vw,380px);flex:0 0 auto;flex-shrink:0;scroll-snap-align:start}
.vreel img,.vreel iframe{user-select:none;-webkit-user-drag:none}
.vcard{position:relative;aspect-ratio:16/9;border:1px solid var(--line);overflow:hidden;background:var(--bg2);z-index:1}
.vcard img{width:100%;height:100%;object-fit:cover;display:block}
.vcard iframe{width:100%;height:100%;border:none;display:block}
.vplay{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:var(--acid);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:2;touch-action:manipulation}
.vplay::after{content:'';border-left:16px solid #0B0B0C;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.vcard:hover .vplay{transform:scale(1.08)}
/* VERTICAL SHORT SPOTLIGHT */
.vshort{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,56px);align-items:center}
.vshort .vcard{aspect-ratio:9/16;width:100%;max-width:300px;margin-left:auto}
.vshort h2{font-size:clamp(28px,4.4vw,52px)}
.vshort p{font-size:clamp(15px,1.6vw,18px);line-height:1.7;color:var(--dim2);margin-top:16px;max-width:46ch}
@media(max-width:700px){.vshort{grid-template-columns:minmax(0,1fr)}.vshort .vcard{margin:0 auto}}
.reelnav{display:flex;gap:8px;margin-top:20px;padding:0 var(--pad)}
.rbtn{width:44px;height:44px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;font-size:16px;transition:border-color .2s,color .2s}
.rbtn:hover{border-color:var(--acid);color:var(--acid)}
.rbtn:disabled{opacity:.3;cursor:default;border-color:var(--line);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.vplay{transition:none}}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;gap:20px;align-items:baseline;font-family:'Anton',sans-serif;font-size:clamp(17px,2.1vw,23px);text-transform:uppercase;line-height:1.15}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';margin-left:auto;color:var(--acid);font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1}
.faq details[open] summary::after{content:'–'}
.faq summary:hover{color:var(--acid)}
.faq p{padding:0 0 22px;font-size:15px;line-height:1.7;color:var(--dim2);max-width:70ch}

/* SERVICE SWITCHER */
.switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.switch a{background:var(--bg);padding:24px 22px;min-width:0;display:block}
.switch a.on{background:var(--bg2)}
.switch b{font-family:'Anton',sans-serif;font-size:clamp(16px,1.9vw,21px);text-transform:uppercase;display:block}
.switch span{font-size:12px;color:var(--dim);display:block;margin-top:6px}
.switch a:hover b{color:var(--acid)}
@media(max-width:860px){.switch{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* LEADGEN SERVICE PAGE */
.lgtypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2.4vw,26px)}
.lgtypes article{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.lgtypes .n{font-family:'Anton',sans-serif;font-size:16px;color:var(--acid);display:block;margin-bottom:12px}
.lgtypes h3{font-size:clamp(17px,1.9vw,21px);margin-bottom:8px}
.lgtypes p{font-size:14px;line-height:1.6;color:var(--dim2)}
.mockcalc{border:1px solid var(--line);background:var(--bg2);padding:clamp(22px,3.5vw,36px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
.mockcalc .mf{display:grid;gap:16px}
.mockcalc .mf label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.mockcalc .mrow{display:flex;gap:8px;flex-wrap:wrap}
.mockcalc .mrow span{border:1px solid var(--line);padding:9px 14px;font-size:13px;border-radius:2px;color:var(--dim2)}
.mockcalc .mrow span.on{border-color:var(--acid);color:var(--acid);background:rgba(200,255,46,.08)}
.mockcalc .mres{text-align:center;border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px)}
.mockcalc .mres .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;display:block}
.mockcalc .mres .big{font-family:'Anton',sans-serif;font-size:clamp(30px,4vw,46px);color:var(--acid);line-height:1}
.mockcalc .mres .cap{margin-top:10px;font-size:12px;color:var(--dim);line-height:1.5}
@media(max-width:760px){.mockcalc{grid-template-columns:minmax(0,1fr)}.mockcalc .mres{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:20px}}
/* CONFIGURATOR DEMO */
.cfgwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(24px,3.5vw,40px);align-items:start}
@media(max-width:860px){.cfgwrap{grid-template-columns:minmax(0,1fr)}}
.vpreview{border:1px solid var(--line);background:var(--bg2);padding:24px;position:sticky;top:100px;overflow:hidden}
.vp-scene{width:100%;aspect-ratio:16/10;position:relative;margin-bottom:18px;border-radius:2px;overflow:hidden;background:#0e0e10}
.vp-bg{position:absolute;inset:0;background-image:url(uploads/veranda-mills-media.jpg);background-size:cover;background-position:center 68%;filter:brightness(.6) saturate(.9)}
.vp-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.15) 0%,rgba(11,11,12,.65) 100%)}
.vp-roof{position:absolute;top:20%;height:16%;border-radius:2px;transition:left .35s,right .35s,background .35s,box-shadow .35s;background-size:cover;background-position:center;box-shadow:0 6px 20px rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.3)}
.vp-post{position:absolute;bottom:12%;width:6px;height:54%;background:linear-gradient(180deg,#3a3a3f,#222);transition:left .35s,right .35s;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.vp-floor{position:absolute;bottom:10%;left:6%;right:6%;height:2px;background:rgba(255,255,255,.15)}
.vp-price{position:absolute;top:14px;left:14px;background:rgba(11,11,12,.72);border:1px solid rgba(200,255,46,.4);padding:8px 14px;font-family:'Anton',sans-serif;font-size:clamp(16px,2vw,20px);color:var(--acid);border-radius:2px;transition:transform .25s}
.vp-price.pulse{transform:scale(1.08)}
.vp-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:30px}
.vp-badges span{border:1px solid var(--acid);color:var(--acid);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:2px;background:rgba(200,255,46,.08)}
.vp-dims{text-align:center;margin-top:14px;font-size:13px;color:var(--dim)}
.vp-dims b{color:var(--ink);font-weight:500}
.sliderow{display:grid;gap:8px}
.sliderow .sv{display:flex;justify-content:space-between;font-size:13px;color:var(--dim2)}
.sliderow .sv b{color:var(--acid);font-weight:500}
input[type=range]{width:100%;height:2px;background:var(--line);border-radius:2px;outline:none;-webkit-appearance:none;accent-color:var(--acid)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--acid);cursor:pointer}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--acid);border:none;cursor:pointer}
.mat-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.mat-opts button{text-align:left;background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:inherit;padding:12px;border-radius:2px;cursor:pointer;transition:border-color .2s,background .2s}
.mat-opts button:hover{border-color:var(--dim)}
.mat-opts button.on{border-color:var(--acid);background:rgba(200,255,46,.07)}
.mat-opts .sw{display:block;width:100%;height:64px;border-radius:2px;margin-bottom:10px;background-size:cover;background-position:center;border:1px solid var(--line)}
.mat-opts b{display:block;font-size:14px;font-weight:500}
.mat-opts span{font-size:12px;color:var(--dim);display:block;margin-top:2px}
.lgbody{transition:opacity .18s,transform .18s}
.lgbody.stepping{opacity:0;transform:translateY(6px)}
.moodcard{display:flex;gap:14px;align-items:center;border:1px solid var(--line);padding:14px;margin-bottom:18px;background:var(--bg2)}
.moodcard .mc-sw{width:56px;height:56px;flex-shrink:0;border-radius:2px;background-size:cover;background-position:center;border:1px solid var(--line)}
.moodcard .mc-info b{display:block;font-size:14px}
.moodcard .mc-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.moodcard .mc-chips span{font-size:11px;color:var(--dim);border:1px solid var(--line);padding:3px 8px;border-radius:2px}
.scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,20px)}
.scard{border:1px solid var(--line);padding:22px;min-width:0}
.scard.hot{border-color:var(--acid)}
.scard .sctag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:2px;display:inline-block;margin-bottom:14px}
.scard.hot .sctag{background:var(--acid);color:var(--bg)}
.scard.warm .sctag{background:rgba(237,235,230,.12);color:var(--ink)}
.scard.cold .sctag{background:rgba(237,235,230,.06);color:var(--dim)}
.scard h4{font-size:17px;font-weight:500;margin-bottom:14px;font-family:'Space Grotesk',sans-serif}
.scard .row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}
.scard .row:first-of-type{padding-top:0}
.scard .row:last-child{border-bottom:none;padding-bottom:0}
.scard .row span:first-child{color:var(--dim)}
.scard .row span:last-child{color:var(--dim2)}
@media(max-width:860px){.scoreboard{grid-template-columns:minmax(0,1fr)}}
.autoflow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.autoflow .af{border:1px solid var(--line);padding:13px 17px;font-size:13px;color:var(--dim2);border-radius:2px;white-space:nowrap}
/* PRICING */
.pricegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,20px)}
.pcard{border:1px solid var(--line);padding:26px;display:flex;flex-direction:column}
.pcard.feat{border-color:var(--acid);position:relative}
.pcard.feat::before{content:'Meest gekozen';position:absolute;top:-1px;right:-1px;background:var(--acid);color:var(--bg);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px}
.pcard .ptag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.pcard h4{font-size:18px;font-weight:500;margin-bottom:6px}
.pcard .pprice{font-family:'Anton',sans-serif;font-size:clamp(22px,2.6vw,28px);color:var(--acid);margin-bottom:4px}
.pcard .punit{font-size:12px;color:var(--dim);margin-bottom:18px}
.pcard ul{list-style:none;display:grid;gap:9px;margin-bottom:20px;flex:1}
.pcard li{font-size:13px;color:var(--dim2);display:flex;gap:8px}
.pcard li::before{content:'—';color:var(--dim);flex-shrink:0}
@media(max-width:860px){.pricegrid{grid-template-columns:minmax(0,1fr)}}
.autoflow .arr{color:var(--acid);font-size:16px}
.lightsec .autoflow .af{border-color:rgba(11,11,12,.18);color:#3A3835}
.lightsec .autoflow .arr{color:#5F7A00}
.lightsec .stats{border-color:rgba(11,11,12,.15)}
.lightsec .stats div{border-right-color:rgba(11,11,12,.15)}
.lightsec .stats b{color:#5F7A00}
.lightsec .stats span{color:#4A4844}
.lightsec .deliv span{color:#4A4844;border-color:rgba(11,11,12,.22)}
@media(max-width:700px){.autoflow{gap:8px}.autoflow .arr{display:none}}

.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.pk article{border:1px solid var(--line);padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;min-width:0;position:relative}
.pk article.hl{border-color:var(--acid)}
.pk article.hl::before{content:'Meest gekozen';position:absolute;top:-1px;right:-1px;background:var(--acid);color:var(--bg);font-family:'Anton',sans-serif;font-size:11px;letter-spacing:.14em;padding:6px 11px;text-transform:uppercase}
.pk h3{font-size:clamp(22px,2.6vw,28px);margin-bottom:10px}
.pk .psub{font-size:13px;color:var(--dim);line-height:1.55;margin-bottom:22px}
.pk .price{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(28px,3.4vw,38px);color:var(--acid);line-height:1}
.pk .per{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:9px 0 6px}
.pk .once{font-size:13px;color:var(--dim2);margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pk ul{list-style:none;display:grid;gap:11px;margin-bottom:26px}
.pk li{font-size:14px;line-height:1.55;color:var(--dim2);display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px}
.pk li::before{content:'+';color:var(--acid)}
.pk .btn{margin-top:auto;text-align:center}
@media(max-width:900px){.pk{grid-template-columns:minmax(0,1fr)}}
/* genoeg ruimte onder de vaste navigatiebalk */
.shero{padding-top:120px}
.shero-in{padding-top:0}
@media(max-width:700px){
 .shero{min-height:auto;padding-top:104px}
 .shero-in{padding-bottom:44px}
 .shero .tagbar{gap:6px;margin-bottom:16px}
 .shero .tag{font-size:10px;padding:5px 9px;letter-spacing:.1em}
 .shero .acts{gap:10px}
 .shero .acts .btn{width:100%;text-align:center}
}
/* LICHTE SECTIE — breekt het zwart */
.lightsec{background:var(--ink);color:var(--bg)}
.lightsec .lbl{color:#5F7A00}
.lightsec h2,.lightsec h3,.lightsec h4{color:var(--bg)}
.lightsec .proc{background:rgba(11,11,12,.13);border-color:rgba(11,11,12,.13)}
.lightsec .proc div{background:var(--ink)}
.lightsec .proc b{color:#5F7A00}
.lightsec .proc p{color:#4A4844}
.lightsec .lead .body p{color:#4A4844}
.lightsec .lead .body strong{color:var(--bg)}