:root{--papier: #FAF8F5;--inkt: #17151F;--violet: #6D28D9;--lila: #A78BFA;--geel: #FBBF24;--groen: #10B981;--papier-2: #F2EEE8;--lila-zacht: #EDE7FB;--lijn: #E7E1D8;--inkt-zacht: #55505F;--font-kop: "Space Grotesk", system-ui, sans-serif;--font-tekst: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--maxw: 1080px;--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{margin:0;background:var(--papier);color:var(--inkt);font-family:var(--font-tekst);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}h1,h2,h3,h4{font-family:var(--font-kop);line-height:1.15;letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--violet)}.wrap{width:min(100% - 44px,var(--maxw));margin-inline:auto}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle}.dot--green{background:var(--groen);box-shadow:0 0 #10b98180;animation:pulse-green 2.4s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-kop);font-weight:600;font-size:16px;padding:14px 24px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn--primary{background:var(--geel);color:var(--inkt);box-shadow:0 6px 20px #fbbf2459}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #fbbf2473}.btn--ghost{background:transparent;border-color:var(--inkt);color:var(--inkt);padding:10px 18px}.btn--ghost:hover{background:var(--inkt);color:var(--papier)}.brandmark__cursor,.wordmark__cursor{display:inline-block;width:.62em;height:1em;margin-left:3px;background:var(--geel);border-radius:2px;vertical-align:text-bottom;animation:blink 1.1s steps(1) infinite}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--papier) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lijn)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brandmark{font-family:var(--font-mono);font-weight:700;font-size:18px;display:inline-flex;align-items:baseline}.brandmark .p1{color:var(--inkt)}.brandmark .p2{color:var(--violet)}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a:not(.btn){font-weight:500;font-size:15px;color:var(--inkt-zacht)}.site-nav a:not(.btn):hover{color:var(--inkt)}@media (max-width: 720px){.site-nav a:not(.btn){display:none}}.hero{padding:clamp(56px,10vw,120px) 0 clamp(48px,8vw,96px)}.hero__inner{max-width:780px}.eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--inkt-zacht);text-transform:lowercase;margin-bottom:26px}.wordmark{font-family:var(--font-mono);font-weight:700;font-size:clamp(30px,7vw,60px);letter-spacing:-.03em;display:flex;align-items:baseline;margin-bottom:26px;min-height:1.2em}.wordmark .p1{color:var(--inkt)}.wordmark .p2{color:var(--violet)}.hero__headline{font-size:clamp(30px,5.5vw,52px);font-weight:700;margin-bottom:18px}.hero__tagline{font-family:var(--font-kop);font-weight:500;font-size:clamp(19px,3vw,24px);color:var(--inkt-zacht);margin-bottom:38px}.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}.hero__sub{font-size:15px;color:var(--inkt-zacht);max-width:34ch}.section{padding:clamp(56px,9vw,104px) 0}.section--soft{background:var(--papier-2)}.section--dark{background:var(--inkt);color:var(--papier)}.section--cta{background:var(--lila-zacht)}.kicker{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-bottom:14px}.kicker--light{color:var(--lila)}.section__title{font-size:clamp(26px,4.4vw,40px);font-weight:700;max-width:20ch}.section__title--light{color:var(--papier)}.section__lead{margin-top:14px;color:var(--inkt-zacht);font-size:18px;max-width:52ch}.section--dark .section__lead{color:color-mix(in srgb,var(--papier) 78%,transparent)}.tasks{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 680px){.tasks{grid-template-columns:1fr}}.task{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--papier);border:1.5px solid var(--lijn);border-radius:var(--radius);padding:22px 24px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;display:block;width:100%}.section--soft .task{background:var(--papier)}.task:hover{border-color:var(--lila);box-shadow:0 8px 24px #6d28d914}.task__head{display:flex;align-items:center;gap:14px}.task__icon{font-size:22px;line-height:1}.task__title{font-family:var(--font-kop);font-weight:600;font-size:19px;flex:1}.task__chevron{width:12px;height:12px;border-right:2px solid var(--inkt-zacht);border-bottom:2px solid var(--inkt-zacht);transform:rotate(45deg);transition:transform .25s ease;margin-top:-4px}.task[aria-expanded=true] .task__chevron{transform:rotate(-135deg);margin-top:2px}.task[aria-expanded=true]{border-color:var(--violet)}.task__body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease,margin-top .3s ease,opacity .3s ease;opacity:0;margin-top:0;color:var(--inkt-zacht);font-size:15.5px}.task__body{min-height:0}.task__body>*{min-height:0}.task[aria-expanded=true] .task__body{grid-template-rows:1fr;opacity:1;margin-top:16px}.task__how{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin-bottom:6px}.services{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 680px){.services{grid-template-columns:1fr}}.service{background:var(--papier);border:1.5px solid var(--lijn);border-radius:var(--radius);padding:26px 26px 28px}.service__status{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--groen);margin-bottom:14px}.service h3{font-size:20px;font-weight:600;margin-bottom:10px}.service p{color:var(--inkt-zacht);font-size:15.5px}.flow{margin-top:40px;display:flex;align-items:stretch;justify-content:space-between;gap:8px;flex-wrap:nowrap}.flow__step{position:relative;flex:1;min-width:0;background:var(--papier);border:1.5px solid var(--lijn);border-radius:var(--radius);padding:22px 16px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}.flow__step.is-on{border-color:var(--groen);box-shadow:0 8px 22px #10b98129;transform:translateY(-3px)}.flow__check{position:absolute;top:-12px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--groen);display:grid;place-items:center;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.flow__check:after{content:"";width:7px;height:12px;border:solid var(--papier);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.flow__step.is-on .flow__check{transform:scale(1)}.flow__icon{font-size:30px;line-height:1}.flow__label{font-family:var(--font-kop);font-weight:600;font-size:15px}.flow__meta{font-size:12.5px;color:var(--inkt-zacht)}.flow__arrow{flex:0 0 auto;align-self:center;width:26px;height:2px;background:var(--lijn);position:relative}.flow__arrow:after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-right:2px solid var(--lijn);border-top:2px solid var(--lijn);transform:translateY(-50%) rotate(45deg)}.flow__caption{margin-top:24px;color:var(--inkt-zacht)}.flow__caption .mono{color:var(--violet);font-weight:700}@media (max-width: 720px){.flow{flex-direction:column}.flow__arrow{width:2px;height:22px;align-self:center}.flow__arrow:after{right:50%;top:auto;bottom:-1px;transform:translate(50%) rotate(135deg)}}.calc{margin-top:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:stretch}@media (max-width: 780px){.calc{grid-template-columns:1fr}}.calc__controls{background:color-mix(in srgb,var(--papier) 8%,transparent);border:1px solid rgba(250,248,245,.14);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;gap:34px;justify-content:center}.calc__field{display:block}.calc__label{display:block;font-size:15px;color:color-mix(in srgb,var(--papier) 82%,transparent);margin-bottom:16px}.calc__value{display:block;margin-top:14px;font-size:20px;font-weight:700;color:var(--lila)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#faf8f533;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--lila);border:3px solid var(--inkt);cursor:pointer;box-shadow:0 2px 8px #0000004d}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--lila);border:3px solid var(--inkt);cursor:pointer}.calc__result{background:var(--papier);color:var(--inkt);border-radius:var(--radius);padding:34px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.calc__result-label{font-size:15px;color:var(--inkt-zacht)}.calc__result-number{font-size:clamp(40px,7vw,58px);font-weight:700;color:var(--violet);letter-spacing:-.03em;line-height:1.1}.calc__result-sub{font-size:14px;color:var(--inkt-zacht);margin-bottom:18px}.steps{margin-top:40px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 780px){.steps{grid-template-columns:1fr}}.step{background:var(--papier);border:1.5px solid var(--lijn);border-radius:var(--radius);padding:28px 26px;position:relative}.step__num{display:block;font-size:14px;font-weight:700;color:var(--lila);margin-bottom:14px}.step h3{font-size:20px;font-weight:600;margin-bottom:10px}.step p{color:var(--inkt-zacht);font-size:15.5px}.step .mono{color:var(--violet);font-size:.92em}.about{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center}@media (max-width: 680px){.about{grid-template-columns:1fr;gap:24px}}.about__photo{width:200px;height:200px;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;background:var(--lila)}.about__photo svg{display:block}.about__body .section__title{margin-bottom:16px}.about__body p{color:var(--inkt-zacht);margin-bottom:12px;max-width:58ch}.about__contact{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}.about__contact a{color:var(--violet);font-weight:700;font-size:15px}.about__contact a:hover{text-decoration:underline}.slot{max-width:640px;text-align:center;margin-inline:auto}.slot__title{font-size:clamp(28px,5vw,44px);font-weight:700}.slot__lead{margin-top:14px;color:var(--inkt-zacht);font-size:18px}.slot__form{margin-top:30px;display:flex;gap:12px;background:var(--papier);border:1.5px solid var(--inkt);border-radius:999px;padding:8px}@media (max-width: 560px){.slot__form{flex-direction:column;border-radius:var(--radius)}}.slot__input{flex:1;border:none;background:transparent;font:inherit;font-size:16px;padding:10px 18px;color:var(--inkt);outline:none;min-width:0}.slot__input::placeholder{color:color-mix(in srgb,var(--inkt-zacht) 80%,transparent)}.slot__ok{margin-top:18px;font-weight:600;color:var(--inkt)}.slot__bridge{margin-top:34px;font-size:15px;color:var(--inkt-zacht)}.slot__bridge strong{color:var(--inkt);font-weight:700}.site-footer{border-top:1px solid var(--lijn);padding:28px 0}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;font-size:14px;color:var(--inkt-zacht)}.site-footer .p2{color:var(--violet)}.site-footer__tag{font-family:var(--font-kop)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}