@layer reset,tokens,base;@layer layout{#verschil{padding-bottom:5rem}.verschil__more{justify-items:start;gap:1.25rem;display:grid}.aanpak__states{gap:1.5rem;display:grid}.aanpak__state{grid-template-rows:auto 1fr;grid-template-columns:9.5rem minmax(0,1fr);align-items:start;column-gap:1rem;display:grid}.aanpak__state>.state{grid-row:span 2;width:100%;height:auto;overflow:visible}.aanpak__honest{max-width:30rem;font-family:var(--font-display);word-spacing:.07em;align-items:baseline;gap:.65rem;font-size:1.375rem;font-weight:800;font-stretch:90%;line-height:1.16;display:flex}.aanpak__honest .hex{transform:translateY(.1rem)}.diensten__field{gap:1.5rem;display:grid}.diensten__list{gap:1rem;display:grid}.dienst:nth-child(odd){margin-right:1.75rem}.dienst:nth-child(2n){margin-left:1.75rem}.daarna__plan{justify-self:start}.chooser{gap:1.5rem;display:grid}.chooser__hex{justify-self:center;width:9rem;height:auto;overflow:visible}.chooser__list{gap:.75rem;display:grid}#prijzen{--flood-cut:46vw;--ring:var(--white);padding-top:calc(var(--flood-cut) * var(--slope) + 1.5rem);color:var(--white)}.prijzen__field>.deck{margin-inline:calc(-1 * var(--gutter))}.prijzen__field>.deck>.fold{margin-inline:var(--gutter)}.prijzen__list{gap:1.25rem;display:grid}.prijzen__more{justify-items:start;gap:.5rem;display:grid}.beloftes__all{justify-self:start}#scan{--ax:74vw;--ay:0px;--v-ax:50vw;--rise:9vw;grid-template-rows:auto auto auto auto;padding-bottom:0;overflow:clip}#scan>.ground{margin-inline:calc(-1 * var(--gutter));margin-bottom:calc(var(--rise) - 50vw * var(--slope));grid-area:4/1/5/2;position:relative;inset:auto}#scan>.after{grid-area:3/1}.scan__act{grid-area:2/1;justify-items:start;gap:1.25rem;display:grid}.scan__act .btn{width:100%}.scan__art{padding:calc(var(--ax) * var(--slope) * .55) 0 calc(var(--rise) + var(--deck-t) + 1.5rem);grid-area:4/1}.scan__art .qs{width:min(100%,26rem);height:auto;margin-left:auto;overflow:visible}@media (width>=36rem) and (width<=61.99rem){.diensten__list,.chooser__list{grid-template-columns:repeat(2,minmax(0,1fr))}.dienst:nth-child(n){margin-inline:0}.dienst:nth-child(2n){position:relative;top:1.5rem}.prijzen__list{grid-template-columns:repeat(2,minmax(0,1fr))}.prijzen__field>.deck{width:min(100%,34rem);margin-inline:auto}.aanpak__state{grid-template-columns:12rem minmax(0,1fr)}}@media (width>=62rem){#verschil{column-gap:calc(5 * var(--u));padding-block:calc(8 * var(--u)) calc(9 * var(--u));grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}#verschil .sec__say{grid-area:1/1}#verschil .lta{grid-area:1/2/3/3;align-self:center}.verschil__more{grid-area:2/1;align-content:start}.aanpak__states{gap:calc(3 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr))}.aanpak__state{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);row-gap:.5rem}.aanpak__state>.state{grid-row:auto;width:min(100%,22rem);margin-bottom:.75rem}.aanpak__honest{font-size:max(1.5rem, 1.9 * var(--u));max-width:26em}#diensten{column-gap:calc(5 * var(--u));grid-template-columns:minmax(0,4fr) minmax(0,8fr)}#diensten .sec__say{grid-area:1/1}.diensten__field{grid-area:1/2}.diensten__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-bottom:3.5rem}.dienst:nth-child(n){margin-inline:0}.dienst:nth-child(2n){position:relative;top:3.25rem}#voor-wie{padding-block:calc(7 * var(--u)) calc(9 * var(--u))}.chooser{align-items:center;gap:1.75rem calc(2 * var(--u));grid-template-rows:repeat(3,auto);grid-template-columns:minmax(0,1fr) clamp(13rem,21vw,18rem) minmax(0,1fr)}.chooser__hex{grid-area:1/2/4/3;width:100%}.chooser__list{display:contents}.chooser__item{min-width:0}.chooser__item--1{grid-area:1/3;margin-left:calc(clamp(13rem,21vw,18rem)/-4.54545)}.chooser__item--2{grid-area:2/3}.chooser__item--3{grid-area:3/3;margin-left:calc(clamp(13rem,21vw,18rem)/-4.54545)}.chooser__item--6{grid-area:1/1;margin-right:calc(clamp(13rem,21vw,18rem)/-4.54545)}.chooser__item--5{grid-area:2/1}.chooser__item--4{grid-area:3/1;margin-right:calc(clamp(13rem,21vw,18rem)/-4.54545)}.chooser__item--4,.chooser__item--5,.chooser__item--6{justify-self:end}.chooser__item--1,.chooser__item--2,.chooser__item--3{justify-self:start}.chooser__link{width:min(22rem,100%)}#prijzen{--flood-cut:16vw;column-gap:calc(6 * var(--u));row-gap:calc(2.5 * var(--u));padding-block:calc(7 * var(--u)) calc(8 * var(--u));grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}#prijzen .sec__say{padding-top:calc(2 * var(--u));grid-area:1/2}.prijzen__field{grid-area:1/1/5/2;align-self:center}.prijzen__field>.deck{width:min(100%,36rem);margin-inline:auto}.prijzen__field>.deck>.fold{margin-inline:2rem}.prijzen__list{grid-area:2/2;gap:1.5rem}.prijzen__more{grid-area:3/2;align-self:start}#beloftes{column-gap:calc(5 * var(--u));grid-template-rows:auto 1fr;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}#beloftes .sec__say{grid-area:1/1}#beloftes .promises{grid-area:1/2/3/3;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;gap:1.5rem}.beloftes__all{grid-area:2/1;align-self:start}#scan{--ax:50vw;--ay:-46vw;--v-ax:50vw;--rise:6vw;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto minmax(calc(var(--rise) + var(--deck-t) + 2rem), 1fr);column-gap:calc(6 * var(--u));padding-block:calc(8 * var(--u)) 0}#scan>.ground{inset:0 0 calc(var(--rise) - 50vw * var(--slope));grid-area:auto;margin:0;position:absolute}#scan:before,#scan:after{content:"";margin:calc(-3 * var(--u)) calc(-3 * var(--u)) calc(-3.4 * var(--u));z-index:1;clip-path:polygon(0 0, calc(100% - 2.4rem) 0, 100% calc(2.4rem * var(--slope)), 100% 100%, 0 100%);grid-area:1/1/4/2}#scan:before{background:var(--red-shade);transform:translate(.7rem,.55rem)}#scan:after{background:linear-gradient(135deg,#fff 0%,#fbfafa 55%,#ebe7e8 100%) top/100% calc(100% - .45rem) no-repeat,linear-gradient(90deg,#a49e9f,#d3cecf)}#scan .sec__say{grid-area:1/1}.scan__act{grid-area:2/1}#scan>.after{grid-area:3/1}.scan__act .btn{width:auto}.scan__art{grid-area:1/2/4/3;align-self:center;padding:0}.scan__art .qs{width:min(100%,44rem);margin-inline:auto 0}}}@layer components{.steps.daarna__steps{max-width:none}.daarna__steps .step:nth-child(n){margin-left:0}.daarna__steps .step__n{background:var(--red)}@media (width>=62rem){.steps.daarna__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.daarna__steps .step{grid-template-columns:minmax(0,1fr);align-content:start;gap:.6rem}.daarna__steps .step__n{grid-row:auto}}.lta{grid-template-columns:37fr 25fr 38fr;row-gap:.75rem;display:grid}.lta__art{grid-column:1/-1;width:100%;height:auto;overflow:visible}.lta__line{fill:none;stroke:#ffffffb3;stroke-width:1.4px;stroke-linejoin:miter}.lta__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:baseline;gap:.45rem;font-size:.9375rem;font-weight:800;font-stretch:80%;line-height:1.2;display:flex}.lta__label:before{content:"";background:var(--white);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;width:.62rem;height:.72rem}.lta__label--list{grid-column:1}.lta__label--answer{grid-column:3}.lta__label--answer:before{background:var(--red)}@media (width>=62rem){.lta__label{font-size:1.0625rem}}.lta__icon{fill:none;stroke:var(--white);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.qs__icon{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.qs__icon--first{stroke:var(--red)}.state__trace{fill:none;stroke:var(--red);stroke-width:2.4px;stroke-linejoin:miter}.state--herkenbaar .state__trace{stroke-width:1.6px}.state__head{fill:var(--red)}.state__icon{fill:none;stroke:var(--ink);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.aanpak__label{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.5rem;font-weight:900;font-stretch:84%;line-height:1;display:block}.aanpak__line{color:var(--ink-soft);margin-top:.35rem;font-size:1.0625rem;font-weight:600;line-height:1.35}@media (width>=62rem){.aanpak__label{font-size:max(1.75rem, 2.2 * var(--u))}}.dienst__plate{--cut:var(--cut-l);min-height:5.5rem;transition:transform .12s var(--ease-lock);grid-template-columns:2.6rem minmax(0,1fr);align-items:start;gap:.15rem .85rem;padding:1rem 1.25rem 1.3rem 1rem;text-decoration:none;display:grid}.dienst__glyph{grid-row:span 3;width:2.6rem;height:auto;overflow:visible}.dienst__hex{fill:var(--red)}.dienst__icon{fill:none;stroke:var(--white);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.plate--ink .dienst__hex{fill:var(--white)}.plate--ink .dienst__icon{stroke:var(--ink)}.dienst__name{font-family:var(--font-display);letter-spacing:-.01em;word-spacing:.05em;hyphens:manual;font-size:1.375rem;font-weight:900;font-stretch:86%;line-height:1.02}.dienst__price{font-size:1rem;font-weight:600;line-height:1.3}.dienst__price b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1875rem;font-weight:900}.dienst__term{color:var(--ink-soft)}.plate--ink .dienst__term{color:var(--grey-3)}.dienst--ai .dienst__price{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.1875rem;font-weight:900}.diensten__vat{color:var(--ink-soft);font-size:1rem;font-weight:600}.chooser__plate{fill:url(#lit-white);stroke:var(--grey-3);stroke-width:1.2px}.chooser__groove{fill:none;stroke:#5c081080;stroke-width:1px}.chooser__face{fill:none;stroke:#fff6;stroke-width:5px;stroke-linecap:butt;transition:stroke .12s linear,stroke-width .12s linear}.chooser__link{--cut:var(--cut-m);min-height:3.5rem;font-family:var(--font-display);transition:transform .12s var(--ease-lock);align-items:center;gap:.75rem;padding:.7rem 1.25rem 1rem 1rem;font-size:1.125rem;font-weight:800;font-stretch:90%;line-height:1.2;text-decoration:none;display:flex}.chooser__link .hex{transition:background-color .12s linear}.prijzen__list>.price-plate{--cut:var(--cut-l)}.prijzen__asof{font-size:1rem;font-weight:600}.qs__spine,.qs__ticks{fill:none;stroke:var(--white);stroke-width:2.4px;stroke-linejoin:miter}}@layer states{.dienst__plate:hover,.chooser__link:hover{transform:translate(-.2rem,-.2rem)}.dienst__plate:hover .dienst__name,.chooser__link:hover span{text-underline-offset:.2em;text-decoration:underline .125rem}.chooser__link:hover .hex,.chooser__link:focus-visible .hex{background:var(--red)}.chooser:has(.chooser__item--1 :is(a:hover,a:focus-visible)) .chooser__face--1,.chooser:has(.chooser__item--2 :is(a:hover,a:focus-visible)) .chooser__face--2,.chooser:has(.chooser__item--3 :is(a:hover,a:focus-visible)) .chooser__face--3,.chooser:has(.chooser__item--4 :is(a:hover,a:focus-visible)) .chooser__face--4,.chooser:has(.chooser__item--5 :is(a:hover,a:focus-visible)) .chooser__face--5,.chooser:has(.chooser__item--6 :is(a:hover,a:focus-visible)) .chooser__face--6{stroke:var(--white);stroke-width:9px}@media (prefers-reduced-motion:reduce){.dienst__plate,.chooser__link,.chooser__face{transition:none}}}@layer motion{@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.js:not(.motion-off) .lta__row{animation:linear both home-slide-x view();animation-range:entry cover 30%}html.js:not(.motion-off) .lta__line{stroke-dasharray:100 100;animation:linear both home-draw view();animation-range:entry 30% cover 42%}html.js:not(.motion-off) .lta__answer{animation:linear both home-slide-in view();animation-range:entry 40% cover 45%}html.js:not(.motion-off) .state__trace{stroke-dasharray:100 100;animation:linear both home-draw view();animation-range:entry 40% cover 40%}html.js:not(.motion-off) .dienst{animation:linear both home-rise view();animation-range:entry entry 80%}html.js:not(.motion-off) .chooser__face{animation:linear both home-face view();animation-range:entry 20% cover 45%}html.js:not(.motion-off) .promise{animation:linear both home-slide-in view();animation-range:entry entry 70%}html.js:not(.motion-off) .qs__row{animation:linear both home-slide-in view();animation-range:entry 10% cover 35%}html.js:not(.motion-off) .qs__spine{stroke-dasharray:100 100;animation:linear both home-draw view();animation-range:entry 30% cover 50%}}}@keyframes home-slide-x{0%{opacity:0;transform:translate(-60px)}40%{opacity:1}}@keyframes home-slide-in{0%{opacity:0;transform:translate(80px)}35%{opacity:1}}@keyframes home-rise{0%{transform:translateY(2.5rem)}}@keyframes home-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes home-face{0%{stroke:#fff0}}}@layer print{@media print{#verschil,#prijzen,.under{--stat-soft:var(--ink-soft);color:var(--ink)}.lta__line,.qs__spine,.qs__ticks,.trace__line{stroke:var(--ink)}.lta__label:before{background:var(--ink)}#scan:before,#scan:after{display:none}}}