:root{--accent:#bc95ff;--inkt:#17162f;--papier:#f7f5ef;--nacht:#161833;--paars:#7452c8;--zacht:#ece9f5;--grijs:#696879;--rand:#dcd8e5;--groen:#b9f489}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;background:var(--papier);color:var(--inkt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
a{color:var(--paars)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em;line-height:1.03}
h1{font-size:clamp(3.1rem,8vw,6.7rem)}
h2{font-size:clamp(2.35rem,5.2vw,4.8rem)}
h3{font-size:1.25rem}
.wikkel{width:min(1180px,calc(100% - 40px));margin-inline:auto}
main.wikkel{width:min(1180px,calc(100% - 40px))}
main:not(.home){max-width:850px;padding-top:110px}
main section{margin-block:80px}
.sub{max-width:640px;color:var(--grijs);font-size:clamp(1rem,1.6vw,1.2rem)}
.klein{color:var(--grijs);font-size:.84rem}
code{padding:.1em .35em;border-radius:5px;background:var(--zacht)}

.kop{position:sticky;top:14px;z-index:100;height:0}
.kop nav{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:28px;padding:0 15px 0 22px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(22,24,51,.88);box-shadow:0 18px 50px rgba(15,15,36,.16);backdrop-filter:blur(18px)}
.merk{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.17rem;font-weight:850;letter-spacing:-.05em;text-decoration:none}
.merkbeeld{position:relative;display:grid;width:29px;height:29px;place-items:center}
.merkbeeld::before{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-right-color:var(--accent);border-radius:50%;transform:rotate(-22deg)}
.merkbeeld::after{content:"";width:7px;height:7px;border:2px solid var(--nacht);border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(188,149,255,.18)}
.kop ul,.voet ul{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}
.kop a:not(.knop){color:rgba(255,255,255,.76);font-size:.9rem;text-decoration:none}
.kop a:hover{color:#fff}
.knop{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:12px;padding:0 19px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);box-shadow:0 10px 25px rgba(93,65,168,.2);color:#211b38;font:inherit;font-size:.9rem;font-weight:800;text-decoration:none;cursor:pointer}
.knop.groot{min-height:54px;padding-inline:25px}
.knop.tweede{border-color:#d5d0e0;background:transparent;box-shadow:none;color:var(--paars)}
.tekstlink{color:inherit;font-size:.9rem;font-weight:750;text-decoration:none}
.bovenregel{color:#81789b;font-size:.74rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.bovenregel>span{position:relative;display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--groen);box-shadow:0 0 0 5px rgba(185,244,137,.13)}.bovenregel>span::after{content:"";position:absolute;inset:-5px;border:1px solid var(--groen);border-radius:50%;animation:ping 2s infinite}

.home{width:min(1280px,calc(100% - 24px));max-width:none}
.home>section{margin-block:0;scroll-margin-top:85px}
.held{position:relative;display:grid;min-height:860px;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center;margin-top:0!important;padding:140px 65px 95px;overflow:hidden;border-radius:0 0 34px 34px;background:radial-gradient(circle at 80% 20%,rgba(188,149,255,.34),transparent 30%),radial-gradient(circle at 42% 90%,rgba(72,185,255,.18),transparent 29%),linear-gradient(135deg,#102b6e 0%,#282467 49%,#74446f 100%);color:#fff}
.held::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(#000,transparent 92%)}
.heldtekst,.productglimp{position:relative;z-index:1}
.held h1{margin:.25em 0 .28em}.held h1 em{color:var(--accent);font-style:normal}
.held .sub{color:rgba(255,255,255,.7)}
.heldbewijs{max-width:540px;margin:22px 0 0;padding-left:16px;border-left:2px solid var(--accent);color:rgba(255,255,255,.58);font-size:.86rem}
.acties{display:flex;align-items:center;gap:24px;margin-top:30px}
.heldpunten{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;color:rgba(255,255,255,.6);font-size:.8rem}
.heldpunten span::before{content:"✓";margin-right:7px;color:var(--groen);font-weight:900}
.productglimp{min-height:535px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:29px;background:rgba(18,20,52,.72);box-shadow:0 45px 100px rgba(3,5,28,.32);transform:rotate(1.5deg)}.productglimp.visible{transform:rotate(1.5deg)}
.glimpkop{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.58)}
.glimpkop>span{display:flex;gap:6px}.glimpkop i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.24)}.glimpkop b{color:var(--groen);font-size:.72rem}
.glimpgetal{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:28px}.glimpgetal small{grid-column:1/-1;color:rgba(255,255,255,.48)}.glimpgetal strong{font-size:2.5rem;letter-spacing:-.06em}.glimpgetal span{align-self:end;margin-bottom:8px;color:var(--groen);font-weight:800}
.glimpgrafiek{display:flex;height:165px;align-items:end;gap:10px;margin:25px 0}.glimpgrafiek i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(var(--accent),#7050c7)}.glimpgrafiek i:nth-child(1){height:32%}.glimpgrafiek i:nth-child(2){height:47%}.glimpgrafiek i:nth-child(3){height:41%}.glimpgrafiek i:nth-child(4){height:62%}.glimpgrafiek i:nth-child(5){height:55%}.glimpgrafiek i:nth-child(6){height:76%}.glimpgrafiek i:nth-child(7){height:68%}.glimpgrafiek i:nth-child(8){height:91%}
.glimprijen p{display:flex;justify-content:space-between;margin:0;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}.glimprijen b{color:var(--groen);font-size:.72rem}

.doelgroepen{overflow:hidden;padding:26px 0 0;border-bottom:1px solid var(--rand);background:#fff;text-align:center}.doelgroepen>p{margin-bottom:0;color:#918c9c;font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee:hover{animation-play-state:paused}.doelgroepregel{display:flex;align-items:center;gap:70px;padding:24px 35px 30px}.doelgroepregel span{color:#777281;font-size:.95rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.doelgroepregel span:nth-child(2n){font-family:Georgia,serif;font-weight:600}
.introblok{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;padding:140px 48px;background:#fbfaf7}.introblok h2{max-width:560px}.problemen article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--rand)}.problemen article:first-child{padding-top:0}.problemen b{color:#9a94a7;font-size:.7rem}.problemen h3{margin:0 0 7px}.problemen p{margin:0;color:var(--grijs);font-size:.9rem}

.productverhaal{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;padding:145px 48px;background:var(--nacht);color:#fff}
.verhaalkop{position:sticky;top:110px;align-self:start}.verhaalkop .sub{color:rgba(255,255,255,.58)}
.actieconsole{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:27px;background:#202344;box-shadow:0 28px 60px rgba(4,5,21,.25)}
.consolekop,.consolevoet{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;color:rgba(255,255,255,.57);font-size:.75rem}.consolekop{border-bottom:1px solid rgba(255,255,255,.1)}.consolekop i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--groen)}
.actieconsole ol{margin:0;padding:0;list-style:none}.actieconsole li{display:grid;grid-template-columns:36px 1.15fr .85fr;gap:20px;align-items:center;min-height:160px;padding:24px;border-bottom:1px solid rgba(255,255,255,.09)}
.actieconsole small{display:block;margin-bottom:7px;color:#aaa5c4;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.actieconsole strong{display:block;font-size:.94rem}.actieconsole p{margin:7px 0 0;color:rgba(255,255,255,.52);font-size:.8rem}.nummer{color:#797697;font-size:.75rem;font-weight:850}.actieconsole aside{padding:16px;border-radius:15px;background:rgba(188,149,255,.11)}.actieconsole aside b{display:inline-block;margin-top:9px;color:var(--groen);font-size:.67rem;text-transform:uppercase}.consolevoet strong{color:#fff}

.mogelijkheden{padding:140px 48px;background:#eeedf1}.sectiekop{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:55px}.sectiekop h2{margin-bottom:0}.sectiekop .sub{justify-self:end}
.mogelijkhedenlijst{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbc8d2;border-left:1px solid #cbc8d2}
.mogelijkhedenlijst article{display:grid;min-height:215px;grid-template-columns:32px 1fr;align-content:start;padding:30px 26px;border-right:1px solid #cbc8d2;border-bottom:1px solid #cbc8d2}.mogelijkhedenlijst b{color:#8c849e;font-size:.7rem}.mogelijkhedenlijst h3{margin:0}.mogelijkhedenlijst p{grid-column:2;margin:42px 0 0;color:var(--grijs);font-size:.87rem}

.resultaat{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding:140px 8%;background:#fbfaf7}.resultaatbeeld{display:flex;min-height:430px;flex-direction:column;justify-content:flex-end;padding:36px;border-radius:28px;background:radial-gradient(circle at 75% 20%,rgba(188,149,255,.48),transparent 32%),linear-gradient(145deg,#282661,#71436d);box-shadow:0 30px 70px rgba(32,27,72,.15);color:#fff}.resultaatbeeld small{color:rgba(255,255,255,.58);text-transform:uppercase}.resultaatbeeld strong{font-size:clamp(4rem,9vw,7.5rem);line-height:.95;letter-spacing:-.09em}.resultaatbeeld span{margin-top:12px;color:rgba(255,255,255,.72)}.voordelen{display:grid;gap:0;margin-top:35px}.voordelen article{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--rand)}.voordelen i{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#ebe4fa;color:var(--paars);font-style:normal;font-weight:900}.voordelen strong,.voordelen span{display:block}.voordelen span{margin-top:4px;color:var(--grijs);font-size:.86rem}
.onboarding{padding:140px 48px;background:#e7e5f0}.onboarding h2{max-width:850px}.stappenraster{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #cbc7d4}.stappenraster article{min-height:260px;padding:32px 30px;border-right:1px solid #cbc7d4}.stappenraster article:last-child{border-right:0}.stappenraster b{color:#8c849e;font-size:.7rem}.stappenraster h3{margin:65px 0 12px}.stappenraster p{color:var(--grijs);font-size:.88rem}

.bureauproef{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center;padding:130px 9%;background:linear-gradient(135deg,#fff,#eee8fa)}
.bureaupaneel{padding:28px;border:1px solid #d9d3e6;border-radius:25px;background:rgba(255,255,255,.82);box-shadow:0 25px 60px rgba(35,28,72,.1)}.bureaupaneel>small{display:block;color:var(--grijs)}.bureaupaneel>strong{display:block;margin:4px 0 24px;font-size:2rem}.bureaupaneel p{display:flex;justify-content:space-between;margin:0;padding:13px 0;border-top:1px solid var(--rand)}

.prijssectie{padding:140px 48px;background:#e7e5f0}.plannen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{position:relative;display:flex;min-height:560px;flex-direction:column;padding:28px;border:1px solid #d2cedd;border-radius:25px;background:rgba(255,255,255,.76);box-shadow:0 18px 40px rgba(30,25,62,.05)}.plan.uitgelicht{border-color:#4d438c;background:var(--nacht);color:#fff;transform:translateY(-10px)}.plan .label{position:absolute;top:20px;right:20px;padding:6px 9px;border-radius:999px;background:var(--groen);color:#183405;font-size:.62rem;font-weight:850;text-transform:uppercase}.plan>p:not(.prijs):not(.maandprijs):not(.budget){color:var(--grijs);font-size:.84rem}.plan.uitgelicht>p:not(.prijs):not(.maandprijs):not(.budget){color:rgba(255,255,255,.6)}.prijs{margin:20px 0 4px;font-size:3.3rem;font-weight:800;letter-spacing:-.07em}.prijs sup{font-size:1.2rem}.prijs span{font-size:.8rem;font-weight:600;letter-spacing:0}.maandprijs{color:var(--grijs);font-size:.72rem}.budget{margin:18px -28px;padding:15px 28px;border-block:1px solid var(--rand);font-size:.8rem;font-weight:800}.plan.uitgelicht .budget{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.plan ul{display:grid;gap:11px;margin:20px 0 27px;padding:0;list-style:none}.plan li{padding-left:22px;color:var(--grijs);font-size:.82rem}.plan li::before{content:"✓";margin-left:-22px;margin-right:10px;color:var(--paars);font-weight:900}.plan.uitgelicht li{color:rgba(255,255,255,.7)}.plan.uitgelicht li::before{color:var(--groen)}.plan .knop{width:100%;margin-top:auto}.prijsnoot{text-align:center;color:var(--grijs);font-size:.78rem;margin-top:27px}
.faqsectie{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;padding:140px 48px;background:#fbfaf7}.faqintro{position:sticky;top:110px;align-self:start}.faqlijst details{border-top:1px solid var(--rand)}.faqlijst details:last-child{border-bottom:1px solid var(--rand)}.faqlijst summary{position:relative;padding:25px 45px 25px 0;font-weight:800;cursor:pointer;list-style:none}.faqlijst summary::-webkit-details-marker{display:none}.faqlijst summary::after{content:"+";position:absolute;right:4px;color:var(--paars);font-size:1.25rem}.faqlijst details[open] summary::after{content:"−"}.faqlijst details p{max-width:680px;margin:-5px 40px 25px 0;color:var(--grijs);font-size:.9rem}
.paginakop{padding-top:20px}.paginakop h1{font-size:clamp(3rem,7vw,5.8rem)}

.cta{padding:115px 40px;text-align:center;background:linear-gradient(135deg,#292667,#74466f);color:#fff}.cta h2{max-width:850px;margin:0 auto 20px}.cta>p:not(.bovenregel){color:rgba(255,255,255,.68)}.cta .knop{margin-top:14px}.cta .bovenregel{color:var(--accent)}
.voet{padding:50px 0;background:#101226;color:#9996ae;font-size:.85rem}.voet strong{color:#fff}.voet ul{margin:18px 0}.voet a{color:#bbb6d0}.voet-branches{line-height:1.9}
.stappen li{margin-bottom:.5rem}.stappen.uitgebreid{padding:0;list-style:none}.stappen.uitgebreid>li{margin-bottom:1.5rem}.faq dt{margin-top:1.2rem;font-weight:800}.faq dd{margin:.25rem 0;color:var(--grijs)}.controle{padding:1rem 0;border-bottom:1px solid var(--rand)}.controle h2{display:flex;align-items:baseline;gap:.5rem}.zwijgt{color:var(--grijs)}.audit-form{display:grid;max-width:28rem;gap:.9rem}.audit-form input,.audit-form select{width:100%;padding:.65rem;border:1px solid var(--rand);border-radius:8px;font:inherit}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.plannen .reveal:nth-child(2){transition-delay:.1s}.plannen .reveal:nth-child(3){transition-delay:.2s}
.motion-word{display:inline-block;opacity:0;filter:blur(5px);transform:translateY(.72em);transition:opacity .52s ease,filter .52s ease,transform .52s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--word-index)*34ms)}.text-visible .motion-word{opacity:1;filter:blur(0);transform:translateY(0)}
.glimpgrafiek i{transform-origin:bottom;animation:barBob 2.5s ease-in-out infinite alternate}.glimpgrafiek i:nth-child(2n){animation-delay:-1.1s}.glimpgrafiek i:nth-child(3n){animation-delay:-1.8s}
@keyframes ping{0%{transform:scale(.7);opacity:.8}80%,100%{transform:scale(2.2);opacity:0}}@keyframes barBob{from{transform:scaleY(.78)}to{transform:scaleY(1.04)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.reveal,.motion-word{opacity:1;filter:none;transform:none;transition:none}.marquee,.glimpgrafiek i,.bovenregel>span::after{animation:none}}

@media(max-width:900px){.held,.introblok,.productverhaal,.resultaat,.bureauproef,.sectiekop,.faqsectie{grid-template-columns:1fr}.held{padding-inline:35px}.productglimp{min-height:470px}.verhaalkop,.faqintro{position:relative;top:auto}.mogelijkhedenlijst{grid-template-columns:repeat(2,1fr)}.sectiekop .sub{justify-self:start}.stappenraster{grid-template-columns:1fr}.stappenraster article{min-height:auto;border-right:0;border-bottom:1px solid #cbc7d4}.stappenraster h3{margin-top:30px}.plannen{grid-template-columns:1fr}.plan{min-height:auto}.plan.uitgelicht{transform:none}.kop li:not(:last-child){display:none}}
@media(max-width:600px){.wikkel,main.wikkel,.home{width:min(100% - 20px,1180px)}.kop{top:9px}.kop nav{min-height:55px;padding-left:17px}.held{min-height:auto;padding:115px 20px 65px;border-radius:0 0 24px 24px}.held h1{font-size:clamp(3.15rem,15vw,4.7rem)}.acties{align-items:flex-start;flex-direction:column}.productglimp{min-height:430px;padding:18px}.doelgroepen{padding-inline:20px}.introblok,.productverhaal,.mogelijkheden,.resultaat,.onboarding,.prijssectie,.faqsectie{padding:90px 18px}.actieconsole li{grid-template-columns:28px 1fr}.actieconsole aside{grid-column:2}.consolevoet{align-items:flex-start;flex-direction:column}.mogelijkhedenlijst{grid-template-columns:1fr}.mogelijkhedenlijst article{min-height:170px}.resultaatbeeld{min-height:330px}.bureauproef{padding:90px 26px}.cta{padding:85px 20px}.voet ul{align-items:flex-start;flex-direction:column;gap:8px}}