:root{--zwart:#0b0c0f;--zwart-2:#15171c;--wit:#f4f4f2;--grijs:#a2a39f;--lijn:#2a2d34;--accent:#ff5a1f;--accent-2:#ff7a4a;--radius:20px}body{background:var(--zwart);color:var(--wit);font-family:var(--site-sans-tight);transition:background .8s var(--ease-uit), color .8s var(--ease-uit)}body.is-licht{background:var(--wit);color:var(--zwart)}::selection{background:var(--accent);color:#fff}.skip{background:var(--accent);color:#fff;z-index:100;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{letter-spacing:-.035em;font-weight:600;line-height:.98}h1{font-size:clamp(44px,6.6vw,98px)}h2{max-width:18ch;font-size:clamp(32px,4.4vw,60px)}h3{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);line-height:1.1}h1 .accent,mark{color:var(--accent);background:0 0}p{max-width:60ch}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--grijs);align-items:center;gap:10px;margin-bottom:20px;font-size:13px;font-weight:600;display:inline-flex}.puntje{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite puls}@keyframes puls{0%{box-shadow:0 0 #ff5a1f80}70%{box-shadow:0 0 0 12px #ff5a1f00}to{box-shadow:0 0 #ff5a1f00}}.nr{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600;display:block}.klein{color:var(--grijs);font-size:14px}.knop{transition:transform .5s var(--ease-uit), background .3s, border-color .3s, color .3s;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.knop i{transition:transform .5s var(--ease-uit);font-style:normal}.knop:hover{transform:translateY(-2px)}.knop:hover i{transform:translate(4px)}.knop-accent{background:var(--accent);color:#fff}.knop-accent:hover{background:var(--accent-2)}.knop-lijn{border:1px solid var(--lijn);color:inherit}.knop-lijn:hover{border-color:currentColor}.is-licht .knop-lijn{border-color:#cfd0cb}.knop.groot{padding:16px 22px;font-size:16px}.pijl{color:inherit;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.pijl:after{content:"→";color:var(--accent);transition:transform .4s var(--ease-uit)}.pijl:hover:after{transform:translate(4px)}.kop{z-index:50;background:color-mix(in srgb, var(--zwart) 80%, transparent);-webkit-backdrop-filter:blur(14px);transition:background .8s var(--ease-uit);position:sticky;top:0}.is-licht .kop{background:color-mix(in srgb, var(--wit) 84%, transparent)}.kop.is-gescrold{box-shadow:0 1px #80808033}.kop-rij{justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.merk{letter-spacing:-.04em;font-size:24px;font-weight:700;text-decoration:none}.merk b{font-weight:400}.merk span{color:var(--accent)}.nav{gap:26px;display:flex}.nav a{color:var(--grijs);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:inherit}.kop-acties{align-items:center;gap:10px;display:flex}.menu-knop{border:1px solid var(--lijn);border-radius:10px;padding:10px 14px;font-weight:600;display:none}.hero{padding:clamp(48px,8vw,110px) 0 0}.hero h1>span{display:block}.hero h1{max-width:18ch}.intro{color:var(--grijs);max-width:56ch;margin-top:28px;font-size:clamp(17px,1.3vw,20px)}.hero-acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-paneel{--p:0;padding:0 calc(var(--rand) * (1 - var(--p)));margin-top:clamp(40px,6vw,80px)}.paneel{background:var(--zwart-2);border:1px solid var(--lijn);border-radius:calc(var(--radius) * (1 - var(--p) * .6));aspect-ratio:16/7;width:min(100%, calc(1280px + (100vw - 1280px) * var(--p)));margin-inline:auto;transition:border-radius .2s;overflow:hidden}.p-kop{border-bottom:1px solid var(--lijn);color:var(--grijs);align-items:center;gap:6px;padding:14px 18px;font-size:12px;display:flex}.p-kop b{margin-left:12px;font-weight:500}.p-punt{background:var(--lijn);border-radius:50%;width:9px;height:9px}.p-body{grid-template-columns:180px 1fr;height:100%;display:grid}.p-zij{border-right:1px solid var(--lijn);align-content:start;gap:14px;padding:22px 18px;display:grid}.p-zij i{background:var(--lijn);border-radius:4px;width:70%;height:10px}.p-zij i.aan{background:var(--accent);width:90%}.p-inhoud{padding:26px}.p-rij{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.p-tegel{border:1px solid var(--lijn);border-radius:12px;padding:18px}.p-tegel small{color:var(--grijs);margin-bottom:8px;font-size:12px;display:block}.p-tegel strong{letter-spacing:-.04em;font-size:40px;font-weight:600;line-height:1}.p-tegel.accent{border-color:var(--accent)}.p-tegel.accent strong{color:var(--accent)}.p-lijst{gap:10px;margin-top:18px;display:grid}.p-lijst div{border-top:1px solid var(--lijn);grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.p-lijst i{background:var(--accent);opacity:.7;border-radius:50%;width:10px;height:10px}.p-lijst span{background:var(--lijn);border-radius:4px;width:50%;height:9px}.p-lijst em{color:var(--grijs);border:1px solid var(--lijn);border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal}.hero-strook{width:var(--kolom);color:var(--grijs);grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto;padding:24px 0 0;font-size:15px;list-style:none;display:grid}.hero-strook strong{color:var(--wit);font-weight:600}section{padding:clamp(72px,10vw,150px) 0 0}.sectie-kop{margin-bottom:clamp(32px,5vw,56px)}.kern-tekst{letter-spacing:-.035em;max-width:22ch;font-size:clamp(30px,4.6vw,68px);font-weight:600;line-height:1.05}.kern-tekst span{color:#3a3d45;transition:color .5s}.kern-tekst span.aan{color:var(--wit)}.kern-tekst span.aan:nth-child(n+8):nth-child(-n+13){color:var(--accent)}.pijn-rij{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pijn-item{color:inherit;border:1px solid var(--lijn);border-radius:var(--radius);min-height:300px;transition:border-color .3s, transform .5s var(--ease-uit);flex-direction:column;padding:28px;text-decoration:none;display:flex}.pijn-item:hover{border-color:var(--accent);transform:translateY(-4px)}.pijn-item blockquote{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(22px,1.8vw,26px);font-weight:600;line-height:1.15}.pijn-item p{color:var(--grijs);margin-bottom:auto;padding-bottom:20px;font-size:15px}.diensten{border-top:1px solid var(--lijn)}.dienst{border-bottom:1px solid var(--lijn);color:inherit;transition:padding-left .5s var(--ease-uit);grid-template-columns:70px 1.2fr 1fr;align-items:start;gap:24px;padding:32px 0;text-decoration:none;display:grid}.dienst:hover{padding-left:12px}.dienst:hover h3{color:var(--accent)}.dienst .nr{margin:6px 0 0}.dienst h3{transition:color .3s}.dienst p{color:var(--grijs);margin-top:8px;font-size:14px}.d-uitleg{color:var(--grijs);font-size:16px}.cases{grid-template-columns:1fr 1fr;gap:14px;display:grid}.case{border:1px solid var(--lijn);border-radius:var(--radius);flex-direction:column;padding:28px;display:flex}.case h3{max-width:18ch;margin-bottom:12px}.case>p:not(.nr){color:var(--grijs);margin-bottom:22px;font-size:15px}.case .pijl{margin-top:auto}.case-scherm{background:var(--zwart-2);border-radius:12px;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;min-height:180px;margin-bottom:24px;padding:20px;display:grid}.cs-stap{color:var(--grijs);border:1px solid var(--lijn);border-radius:8px;padding:10px;font-size:12px;font-weight:600}.cs-stap.aan{border-color:var(--accent);color:var(--wit)}.cs-balk{background:var(--lijn);border-radius:999px;grid-column:1/-1;height:6px;margin-top:60px;overflow:hidden}.cs-balk i{background:var(--accent);width:50%;height:100%;animation:vul 3s var(--ease-uit) infinite alternate;display:block}@keyframes vul{0%{width:25%}to{width:75%}}.case-scherm.raster{grid-template-columns:repeat(4,1fr)}.case-scherm.raster div{aspect-ratio:1;background:linear-gradient(160deg,#23262d,#1a1c22);border-radius:8px;position:relative}.case-scherm.raster div:after{content:"";background:var(--grijs);opacity:.5;border-radius:3px;width:55%;height:8%;position:absolute;bottom:12%;left:12%}.case-scherm.raster div:nth-child(3):before{content:"";background:var(--accent);border-radius:999px;width:28%;height:14%;position:absolute;top:10%;right:10%}.werk-alles{margin-top:24px}.licht{padding-top:1px}.is-licht .label,.is-licht .nav a,.is-licht .d-uitleg,.is-licht .klein{color:#5f625e}.licht .review{background:#fff;border:1px solid #d9dad5}.reviews-kop{grid-template-columns:auto 1fr;align-items:end;gap:40px;margin-bottom:36px;display:grid}.score{color:var(--grijs);align-items:center;gap:14px;font-size:14px;line-height:1.3;display:flex}.score strong{letter-spacing:-.05em;color:var(--accent);font-size:72px;font-weight:600;line-height:1}.reviews-rij{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.review{color:var(--zwart);border-radius:16px;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex}.review blockquote{margin:0;font-size:16px;font-weight:500;line-height:1.45}.review figcaption{color:#5f625e;font-size:13px}.over-rij{grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);display:grid}.over-rij>div>p:not(.label){color:#5f625e;margin-top:20px}.stappen{margin:0;padding:0;list-style:none}.stappen li{border-top:1px solid #d9dad5;padding:22px 0}.stappen strong{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;display:block}.stappen p{color:#5f625e;font-size:15px}.redesign-blok{background:var(--zwart);color:var(--wit);border-radius:var(--radius);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(32px,5vw,64px);display:grid}.redesign-blok .label{color:var(--grijs)}.redesign-blok h2{margin-bottom:18px}.redesign-blok>div>p:not(.label){color:var(--grijs)}.redesign-blok form{gap:10px;display:grid}.redesign-blok label{font-size:14px;font-weight:600}.redesign-blok input{font:inherit;border:1px solid var(--lijn);background:var(--zwart-2);color:var(--wit);border-radius:10px;padding:16px 18px}.redesign-blok .knop{justify-content:center}.redesign-blok .klein a{color:var(--wit)}.vragen-lijst details{border-top:1px solid #d9dad5}.vragen-lijst details:last-child{border-bottom:1px solid #d9dad5}.vragen-lijst summary{cursor:pointer;letter-spacing:-.02em;padding:20px 48px 20px 0;font-size:clamp(18px,1.5vw,22px);font-weight:600;list-style:none;position:relative}.vragen-lijst summary::-webkit-details-marker{display:none}.vragen-lijst summary:after{content:"+";color:var(--accent);transition:transform .4s var(--ease-uit);font-size:26px;position:absolute;top:50%;right:0;translate:0 -50%}.vragen-lijst details[open] summary:after{transform:rotate(45deg)}.vragen-lijst details p{color:#5f625e;max-width:64ch;padding-bottom:22px}.contact{background:var(--zwart);color:var(--wit);margin-top:clamp(72px,10vw,150px);padding-bottom:clamp(72px,10vw,150px)}.contact-rij{grid-template-columns:1.3fr 1fr;align-items:end;gap:clamp(32px,6vw,96px);display:grid}.contact-blok{justify-items:start;gap:8px;display:grid}.naam{margin-bottom:8px;font-size:20px;font-weight:600}.naam span{color:var(--grijs);font-size:15px;font-weight:400}.contact-blok>a:not(.knop){letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);font-weight:600;text-decoration:none;transition:color .3s}.contact-blok>a:not(.knop):hover{color:var(--accent)}.contact-blok .knop{margin-top:20px}.voet{border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 100px;display:flex}.voet nav{flex-wrap:wrap;gap:20px;display:flex}.voet nav a{color:var(--grijs);font-size:14px;text-decoration:none}.voet nav a:hover{color:var(--wit)}.zweef{opacity:0;background:var(--zwart-2);color:var(--wit);border:1px solid var(--lijn);z-index:60;transition:transform .6s var(--ease-uit), opacity .6s;white-space:nowrap;border-radius:999px;align-items:center;gap:16px;padding:8px 8px 8px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:20px;left:50%;transform:translateY(120%);box-shadow:0 20px 50px #00000059}.zweef.aan{opacity:1;transform:none}.zweef .knop{border-radius:999px;padding:10px 16px;font-size:14px}@media (width<=1000px){.pijn-rij,.cases,.over-rij,.redesign-blok,.contact-rij{grid-template-columns:1fr}.reviews-rij{grid-template-columns:1fr 1fr}.dienst{grid-template-columns:50px 1fr}.d-uitleg{grid-column:2}.p-body{grid-template-columns:120px 1fr}}@media (width<=760px){.nav{display:none}.kop.menu-open .nav{background:var(--zwart);border-bottom:1px solid var(--lijn);padding:8px var(--rand) 16px;flex-direction:column;gap:0;display:flex;position:absolute;inset:100% 0 auto}.is-licht .kop.menu-open .nav{background:var(--wit)}.kop.menu-open .nav a{border-top:1px solid var(--lijn);color:inherit;padding:14px 0;font-size:18px}.menu-knop{display:inline-block}.kop-acties .knop-lijn,.kop-acties .knop-accent{display:none}.hero{padding-top:36px}.hero-acties{flex-direction:column}.knop.groot{justify-content:center;width:100%}.paneel{aspect-ratio:4/5}.p-body{grid-template-columns:1fr}.p-zij{display:none}.p-rij{grid-template-columns:1fr;gap:10px}.p-tegel strong{font-size:30px}.p-inhoud{padding:18px}.hero-strook{grid-template-columns:1fr;gap:10px}.reviews-rij{grid-template-columns:1fr}.reviews-kop{grid-template-columns:1fr;gap:20px}.pijn-item{min-height:0}.zweef span{display:none}.zweef{padding:6px}.voet{padding-bottom:90px}}