@layer components{.hero{min-height:100dvh;color:var(--color-wit);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-bg:after{content:"";background:linear-gradient(100deg,#1e1e1ee0 0%,#1e1e1e9e 55%,#1e1e1e66 100%);position:absolute;inset:0}.hero-inner{z-index:1;padding-block:7rem 5rem;position:relative}.hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-oranje);margin-bottom:1.25rem;font-size:.9rem;font-weight:700}.hero h1 .accent{color:var(--color-oranje)}@media (width<=640px){.hero h1{font-size:clamp(1.85rem,8.4vw,2.25rem)}}.hero-sub{color:#ffffffe0;max-width:34rem;margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-trust{font-size:1rem}.hero-trust li{position:relative}.hero-trust li+li:before{content:"·";color:var(--color-oranje);font-weight:800;position:absolute;left:-1.1rem}.hero-trust strong{color:var(--color-wit)}.mm-hero{aspect-ratio:964/456;opacity:.9;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 40px #1e1e1e59);width:clamp(320px,44vw,760px);display:block;position:absolute;bottom:-5%;right:-3%}.mm-hero svg{width:100%;height:auto;display:block}.logos{background:var(--color-wit);padding-top:2.5rem}.bewijs-band{background:var(--color-grijs-bg);margin-top:2.5rem;padding-block:2.5rem}.logos-title{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grijs-tekst);margin-bottom:1.5rem;padding-inline:1.25rem;font-size:.85rem;font-weight:700}.bewijs{grid-template-columns:1fr 1fr;list-style:none;display:grid}.bewijs li{grid-template-columns:auto 1fr;align-items:center;column-gap:1.5rem;padding-inline:clamp(1.5rem,4vw,3rem);display:grid}.bewijs li:first-child{padding-left:0}.bewijs li+li{border-left:1px solid var(--color-lijn-sterk)}.bewijs-cijfer{color:var(--color-oranje-tekst);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1}.stat-num{min-width:calc(var(--tekens) * 1ch);text-align:right;display:inline-block}.bewijs-label{font-size:1.1rem;font-weight:800}.bewijs-betekenis{color:var(--color-grijs-tekst);max-width:26rem;margin-top:.2rem;font-size:.95rem}@media (width<=760px){.bewijs{grid-template-columns:auto 1fr}.bewijs li{grid-column:span 2;grid-template-columns:subgrid;padding:0}.bewijs li+li{border-left:0;border-top:1px solid var(--color-lijn-sterk);margin-top:1.5rem;padding-top:1.5rem}}.probleem-intro{max-width:46rem}.probleem-intro em{color:var(--color-oranje);font-style:normal}.probleem-intro p{color:var(--color-op-donker);margin-top:1rem}.probleem-vergelijk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin-top:3rem;display:grid}.probleem-kaart{border-radius:var(--radius-card);padding:clamp(1.5rem,3vw,2.25rem)}.probleem-kaart h3{letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:700}.probleem-zonder{background:var(--color-zwart-2);border:1px dashed #ffffff2e}.probleem-zonder h3{color:var(--color-op-donker-zacht)}.probleem-losse{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;list-style:none;display:grid}.probleem-losse li{text-align:center;color:var(--color-op-donker-sterk);border:1px dashed #ffffff4d;border-radius:8px;padding:.7rem .5rem;font-weight:700}.probleem-losse li:nth-child(odd){transform:rotate(-1.5deg)}.probleem-losse li:nth-child(2n){transform:rotate(1.2deg)translateY(3px)}.probleem-uitkomst{gap:.2rem;margin-top:1.5rem;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800;line-height:1.3;list-style:none;display:grid}.probleem-zonder .probleem-uitkomst{color:var(--color-op-donker)}.probleem-met{background:var(--color-wit);color:var(--color-zwart);border:2px solid var(--color-oranje)}.probleem-met h3{color:var(--color-oranje-tekst)}.probleem-samen{background:var(--color-grijs-bg);text-align:center;border-radius:8px;margin-top:1.25rem;padding:.9rem 1rem;font-weight:700}@media (width<=960px){.probleem-vergelijk{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.probleem-losse{grid-template-columns:repeat(2,minmax(0,1fr))}}.solution-intro em{color:var(--color-oranje);font-style:normal}.solution-intro p{color:var(--color-grijs-tekst);margin-top:1rem}.solution-conclusie{border-left:4px solid var(--color-oranje);font-size:var(--text-h3);margin-top:2.5rem;padding-left:1rem;font-weight:800;line-height:1.3}.bento-tile{padding:1.75rem}.bento-tile p{color:var(--color-grijs-tekst);margin-top:.5rem;font-size:.98rem}.bento-large{background-image:linear-gradient(180deg, #1e1e1e00 30%, #1e1e1ee0 75%), var(--img);min-height:380px;color:var(--color-wit);background-position:50%;background-size:cover;grid-area:span 2/span 2;align-items:flex-end;display:flex;position:relative;overflow:hidden}.bento-large p{color:var(--color-op-donker-sterk)}@media (width<=960px){.bento-large{grid-area:auto/span 2;min-height:300px}}@media (width<=640px){.bento-large{grid-column:auto}}.impressie{position:relative;overflow:hidden}.impressie h2{margin-bottom:.25rem}.mm-impressie{opacity:.07;width:clamp(140px,16vw,260px);position:absolute;top:3rem;right:3%}.usecase-card{aspect-ratio:3/4;border-radius:var(--radius-card);background-image:linear-gradient(180deg, #1e1e1e0d 25%, #1e1e1ee6 75%), var(--img);color:var(--color-wit);transition:transform .25s var(--ease-spring);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;gap:.3rem;padding:1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.usecase-card:first-child,.usecase-card:last-child{aspect-ratio:auto;grid-column:span 2;min-height:300px}.usecase-card:hover{transform:translateY(-4px)}.usecase-titel{font-size:1.15rem;font-weight:700;line-height:1.3}.usecase-tekst{color:var(--color-op-donker-sterk);font-size:.95rem}.usecase-pakket{text-decoration:underline;text-decoration-color:var(--color-oranje);text-underline-offset:.2em;margin-top:.4rem;font-size:.9rem;font-weight:700;text-decoration-thickness:2px}.usecase-pakket:after{content:" →";color:var(--color-oranje)}@media (width<=960px){.usecase-card:first-child,.usecase-card:last-child{aspect-ratio:16/9;grid-column:span 2;min-height:0}}@media (width<=640px){.usecase-card,.usecase-card:first-child,.usecase-card:last-child{aspect-ratio:4/3;grid-column:auto}}.inbegrepen-grid{grid-template-columns:1.2fr 1fr;gap:1.25rem;margin-top:3rem;display:grid}.inbegrepen-kaart,.inbegrepen-extra{padding:clamp(1.5rem,3vw,2.25rem)}.inbegrepen-extra{border:1px dashed var(--color-lijn-sterk);border-radius:var(--radius-card)}.inbegrepen-grid h3{margin-bottom:1.25rem}.plus-lijst{gap:.6rem;list-style:none;display:grid}.plus-lijst li{color:var(--color-grijs-tekst);padding-left:1.75rem;font-size:.98rem;position:relative}.plus-lijst li:before{content:"+";color:var(--color-oranje-tekst);font-size:1.15em;font-weight:800;position:absolute;top:-.05em;left:.2rem}@media (width<=960px){.inbegrepen-grid{grid-template-columns:1fr}}.pakket-breed{max-width:1360px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.pakket-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;margin-top:3rem;display:grid}.pakket-grid-4{grid-template-columns:repeat(4,1fr);gap:1.1rem}.pakket-card{flex-direction:column;height:100%;padding:2.25rem;display:flex;position:relative}.pakket-grid-4 .pakket-card{grid-row:span 6;grid-template-rows:subgrid;row-gap:0;padding:1.75rem 1.5rem;display:grid}.pakket-grid-4 .pakket-card ul{align-content:start}.pakket-grid-4 .pakket-card .btn{white-space:nowrap;align-self:end;padding-inline:.75rem}.pakket-card .btn{width:100%;margin-top:auto}.pakket-card .btn-primary{border:2px solid #0000}.pakket-featured{background:linear-gradient(180deg, #f85f0c0d, #f85f0c03 40%), var(--color-wit);border:2px solid var(--color-oranje);padding-top:3rem;box-shadow:0 12px 40px #f85f0c24}.pakket-badge{background:var(--color-oranje-tekst);color:var(--color-wit);letter-spacing:.04em;white-space:nowrap;border-radius:100px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pakket-card{scroll-margin-top:2rem}.pakket-card:target{outline:3px solid var(--color-oranje-tekst);outline-offset:4px}.pakket-pastbij{margin-top:.75rem;font-size:.9rem}.pakket-pastbij span{font-weight:700}.pakket-tagline{color:var(--color-grijs-tekst);margin-top:.25rem;font-size:.98rem}.pakket-prijs{color:var(--color-oranje-tekst);font-variant-numeric:tabular-nums;margin-block:1rem .5rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:800}.pakket-grid-4 .pakket-prijs{font-size:clamp(1.7rem,2.6vw,2.1rem)}.pakket-prijs span{color:var(--color-grijs-tekst);margin-right:.35rem;font-size:1rem;font-weight:400}.pakket-card ul{margin-block:1.25rem 1.75rem}.pakket-grid-4 .pakket-card li{font-size:.92rem}.pakket-extra{text-align:center;color:var(--color-grijs-tekst);margin-top:2rem;font-size:.98rem}.pakket-extra a{color:var(--color-oranje-tekst);font-weight:700}.pakket-btw{text-align:center;color:var(--color-grijs-tekst);margin-top:.75rem;font-size:.85rem}@media (width<=1140px){.pakket-grid-4{grid-template-columns:1fr 1fr}}@media (width<=960px){.pakket-breed{max-width:1360px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.pakket-grid{grid-template-columns:1fr}.pakket-grid-4{grid-template-columns:1fr 1fr}}@media (width<=640px){.pakket-grid-4{grid-template-columns:1fr}}.testimonial-grid figure{border-radius:var(--radius-card);background:var(--color-zwart-2);flex-direction:column;display:flex;overflow:hidden}.testimonial-grid figure:first-child{grid-row:span 2}.testimonial-grid .testimonial-play{flex:1;min-height:0}.testimonial-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}.testimonial-grid figure:first-child img{aspect-ratio:auto}.testimonial-grid figcaption{padding:1.1rem 1.25rem 1.3rem}.verhaal-vraag{letter-spacing:.1em;text-transform:uppercase;color:var(--color-oranje);font-size:.8rem;font-weight:700}.verhaal-context{color:var(--color-op-donker-zacht);margin-top:.25rem;font-size:.9rem}.testimonial-grid blockquote{margin-top:.6rem;font-size:1.05rem;font-weight:700;line-height:1.4}.testimonial-grid blockquote:before{content:open-quote}.testimonial-grid blockquote:after{content:close-quote}.verhaal-bron{color:var(--color-op-donker-zacht);margin-top:.4rem;font-size:.85rem}.testimonial-play{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.play-badge{background:var(--color-oranje);width:64px;height:64px;color:var(--color-wit);transition:transform .25s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0;box-shadow:0 4px 24px #1e1e1e66}.play-badge svg{margin-left:3px}.testimonial-play:hover .play-badge{transform:scale(1.1)}@media (width<=960px){.testimonial-grid figure:first-child{grid-area:auto/span 2}.testimonial-grid figure:first-child img{aspect-ratio:16/9}}@media (width<=640px){.testimonial-grid figure:first-child{grid-column:auto}}.team-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.team-text p{color:var(--color-grijs-tekst);margin-top:1.25rem}.team-text .team-note{color:var(--color-zwart);font-weight:700}.team-text .btn{margin-top:1.75rem}.zekerheid-punten{margin-top:1.5rem}.zekerheid-beeld{border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0;position:relative;overflow:hidden}.zekerheid-beeld .team-photo{box-shadow:none;border-radius:0;display:block}.zekerheid-beeld figcaption{color:var(--color-wit);background:linear-gradient(#1e1e1e00 0%,#1e1e1ee0 55%);padding:4rem 1.5rem 1.4rem;position:absolute;inset:auto 0 0}.zekerheid-beeld blockquote{font-weight:700;font-size:var(--text-h3);line-height:1.3}.zekerheid-beeld blockquote:before{content:open-quote}.zekerheid-beeld blockquote:after{content:close-quote}.zekerheid-beeld figcaption p{color:var(--color-op-donker-sterk);margin-top:.3rem;font-size:.9rem}.team-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card)}@media (width<=960px){.team-grid{grid-template-columns:1fr}}.contact.section-light{background:var(--color-grijs-bg)}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.contact-intro{top:var(--spacing-sectie);position:sticky}.contact-intro p{color:var(--color-grijs-tekst);margin-top:1.25rem}.contact-phone{min-height:44px;color:var(--color-zwart);align-items:center;gap:.6rem;margin-top:1.25rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.contact-phone:hover{color:var(--color-oranje-tekst)}.contact-stappen-titel{margin-top:1.75rem;font-size:1rem;font-weight:800}.contact-stappen{counter-reset:stap;gap:.75rem;margin-top:1rem;list-style:none;display:grid}.contact-stappen li{counter-increment:stap;min-height:1.9rem;color:var(--color-grijs-tekst);align-items:center;padding-left:2.6rem;display:flex;position:relative}.contact-stappen li:before{content:counter(stap);background:var(--color-zwart);width:1.9rem;height:1.9rem;color:var(--color-wit);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:0;left:0}@media (width<=960px){.contact-grid{grid-template-columns:1fr}.contact-intro{position:static}.lead-form{justify-self:stretch;max-width:none}}.afsluiter{position:relative;overflow:hidden}.mm-afsluiter{opacity:.07;width:clamp(160px,22vw,320px);position:absolute;bottom:2rem;right:4%}.afsluiter-inner{position:relative}.afsluiter-acties{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}.afsluiter-bel{min-height:44px;color:var(--color-wit);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.afsluiter-bel:hover{color:var(--color-oranje)}}html.hero-anim .mm-streek{fill-opacity:0;stroke:#fff;stroke-width:2px;stroke-opacity:0;stroke-linejoin:round;vector-effect:non-scaling-stroke}html.hero-anim .hero-inner [data-intro=rise]{opacity:0;transform:translateY(14px)}html.hero-anim .hero-inner [data-intro=fade]{opacity:0}html.hero-anim-fallback .mm-streek{animation:.3s forwards hero-mm-noodrem}html.hero-anim-fallback .hero-inner [data-intro=fade]{animation:.3s forwards hero-noodrem}html.hero-anim-fallback .hero-inner [data-intro=rise]{animation:.3s forwards hero-noodrem-rise}@keyframes hero-mm-noodrem{to{fill-opacity:1;stroke-opacity:0}}@keyframes hero-noodrem{to{opacity:1}}@keyframes hero-noodrem-rise{to{opacity:1;transform:none}}
