:root{--font-heading:"Unbounded", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg:#eef1ec;--vlak:#f7f8f5;--wit:#fff;--inkt:#101411;--inkt-2:#2a312b;--mut:#57605a;--lijn:#d3d9d1;--ring:#c3ccc1;--groen:#0e7743;--groen-diep:#0a5c33;--groen-zacht:#d4eadb;--sein:#5fd08f;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-s:8px;--r-m:12px;--r-l:16px;--pil:999px;--schaduw:0 1px 2px #1014110f, 0 12px 32px -12px #1014112e;--ease:cubic-bezier(.22, 1, .36, 1);--kolom:min(100% - 2 * var(--rand), 1240px)}html{background:var(--bg);scrollbar-color:var(--ring) var(--bg)}body{background:var(--bg);color:var(--inkt);caret-color:var(--groen);font-size:16px;line-height:1.5}::selection{background:var(--groen-zacht);color:var(--inkt)}:focus-visible{outline:2px solid var(--groen);outline-offset:3px;border-radius:6px}.mono{font-family:var(--site-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.zacht{color:var(--mut)}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;text-wrap:balance;font-weight:500}h2{font-size:clamp(28px,2.6vw,40px);line-height:1.15}h3{letter-spacing:-.01em;font-size:16px;line-height:1.3}.skip{z-index:50;border-radius:var(--r-s);background:var(--inkt);color:#fff;transition:transform .2s var(--ease);padding:12px 16px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip:focus-visible{transform:none}.knop{min-height:48px;padding:0 var(--s5);border-radius:var(--pil);background:var(--inkt);color:#fff;transition:transform .2s var(--ease), background .2s;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:var(--groen-diep);transform:translateY(-1px)}.knop:active{transform:translateY(0)scale(.98)}.knop--klein{min-height:40px;padding:0 var(--s4);font-size:14px}.tekstlink{color:var(--inkt);text-decoration:underline;-webkit-text-decoration-color:var(--ring);text-decoration-color:var(--ring);text-underline-offset:.3em;font-weight:600;text-decoration-thickness:2px;transition:text-decoration-color .2s}.tekstlink:hover{-webkit-text-decoration-color:var(--groen);text-decoration-color:var(--groen)}.kop{z-index:20;transition:background .3s,box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{-webkit-backdrop-filter:saturate(1.4)blur(12px);box-shadow:0 1px 0 var(--lijn);background:#eef1ecdb}.kop__rij{justify-content:space-between;align-items:center;gap:var(--s5);min-height:72px;display:flex}.merk{align-items:center;gap:var(--s2);font-family:var(--site-serif);letter-spacing:-.02em;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.nav ul{align-items:center;gap:var(--s1);display:flex}.nav a:not(.knop){min-height:40px;padding:0 var(--s3);border-radius:var(--pil);color:var(--inkt-2);align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav a:not(.knop):hover{color:var(--inkt);background:#1014110f}.nav__cta{margin-left:var(--s3)}.menuknop{display:none}.held{column-gap:var(--s8);padding:var(--s7) 0 var(--s8);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;display:grid}.held__tekst{grid-row:1/span 2;align-self:center}.held__kop{letter-spacing:-.035em;max-width:9ch;font-size:clamp(38px,4.4vw,64px);font-weight:500;line-height:1.06}.held__lead{margin-top:var(--s5);color:var(--inkt-2);max-width:46ch;font-size:18px;line-height:1.55}.held__acties{align-items:center;gap:var(--s5);margin-top:var(--s6);flex-wrap:wrap;display:flex}.held__voorbeeld{gap:var(--s5) var(--s6);margin:var(--s7) 0 0;padding-top:var(--s5);border-top:1px solid var(--lijn);flex-wrap:wrap;display:flex}.held__voorbeeld dt{color:var(--mut);font-size:13px}.held__voorbeeld dd{margin:0;font-size:15px;font-weight:600}.radar{margin:0;position:relative}.radar__veld{aspect-ratio:1;border-radius:50%;width:100%;max-width:600px;margin-inline:auto;position:relative;overflow:hidden}.radar__svg{width:100%;height:100%;overflow:visible}.radar__zwaai{pointer-events:none;will-change:transform;background:conic-gradient(#0000 0deg 280deg,#0e774308 296deg,#0e774342 359.4deg,#0000 360deg);border-radius:50%;position:absolute;inset:4%}.radar__zwaai:after{content:"";background:linear-gradient(#0e7743b3,#0e774300);border-radius:2px;width:1.5px;height:50%;position:absolute;top:0;left:calc(50% - .75px)}.radar.is-stil .radar__zwaai{opacity:0;transition:opacity .4s}.ring{fill:none;stroke:var(--ring);stroke-width:1px;vector-effect:non-scaling-stroke}.ring--top{fill:#0e774312;stroke:#0e774373}.as{stroke:var(--lijn);stroke-width:1px;vector-effect:non-scaling-stroke}.ringlabel{font-family:var(--site-mono);fill:var(--mut);font-size:13px}.zonelabel{font-family:var(--site-sans);fill:var(--inkt-2);font-size:13px;font-weight:600}.midden{fill:var(--groen)}.blip{cursor:pointer;outline:none}.blip__stip{transition:transform .9s var(--ease)}.blip__kern{fill:var(--inkt);transition:transform .9s var(--ease), fill .25s}.blip__ping{fill:none;stroke:var(--groen);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}.blip.is-ping .blip__ping{animation:ping 1.1s var(--ease)}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.blip__nu{fill:var(--vlak);stroke:var(--mut);stroke-width:1.5px;vector-effect:non-scaling-stroke}.blip__spoor{stroke:var(--groen);stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;transition:transform .9s var(--ease)}.blip__vlak{fill:#0000}.blip:hover .blip__kern,.blip.is-actief .blip__kern{fill:var(--groen)}.blip:focus-visible .blip__vlak{stroke:var(--groen);stroke-width:2px;vector-effect:non-scaling-stroke}.blip.is-nieuw{opacity:0}.blip{transition:opacity .5s var(--ease)}.radar__lezing{min-height:92px;margin-top:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--r-l);background:var(--wit);box-shadow:var(--schaduw);gap:var(--s1) var(--s4);grid-template-columns:1fr auto;align-items:center;display:grid}.lezing__term{font-size:16px;font-weight:700}.lezing__pos{color:var(--mut);font-size:14px}.lezing__winst{text-align:right;font-family:var(--site-mono);color:var(--groen);letter-spacing:-.03em;grid-area:1/2/span 2;font-size:28px;font-weight:600;line-height:1.1}.lezing__winst small{font-family:var(--site-sans);color:var(--mut);letter-spacing:0;font-size:12px;font-weight:500;display:block}.lezing__klus{color:var(--inkt-2);padding-top:var(--s2);border-top:1px solid var(--lijn);margin-top:var(--s2);grid-column:1/-1;font-size:14px}.paneel{align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s4);flex-wrap:wrap;grid-column:2;display:flex}.paneel__totaal{align-items:baseline;gap:var(--s2);color:var(--mut);font-size:14px;display:flex}.paneel__totaal .mono{color:var(--inkt);font-size:20px;font-weight:600}.pauze{align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s3);border-radius:var(--pil);color:var(--mut);margin-left:auto;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.pauze:hover{color:var(--inkt);background:#1014110f}.pauze .i-speel,.pauze[aria-pressed=true] .i-pauze{display:none}.pauze[aria-pressed=true] .i-speel{display:inline}.schakel{border-radius:var(--pil);background:#10141112;padding:4px;display:inline-flex;position:relative}.schakel button{z-index:1;min-height:36px;padding:0 var(--s4);border-radius:var(--pil);color:var(--inkt-2);white-space:nowrap;font-size:14px;font-weight:600;transition:color .25s,background .25s,box-shadow .25s;position:relative}.schakel button[aria-pressed=true]{background:var(--wit);color:var(--inkt);box-shadow:0 1px 2px #1014111f,0 4px 12px -4px #10141129}.schakel button:not([aria-pressed=true]):hover{color:var(--inkt)}.sectiekop{gap:var(--s6);margin-bottom:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.sectiekop p{color:var(--mut);justify-self:end;max-width:44ch}.lijst{padding:var(--s8) 0 var(--s9)}.lijst__balk{justify-content:space-between;align-items:center;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--inkt);flex-wrap:wrap;display:flex}.lijst__legenda{align-items:center;gap:var(--s2);color:var(--mut);font-size:13px;display:flex}.leg{border-radius:50%;width:10px;height:10px;display:inline-block}.leg--nu{border:1.5px solid var(--mut);background:var(--vlak)}.leg--doel{background:var(--groen);margin-left:var(--s3)}.rijen{position:relative}.rij{gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--lijn);background:var(--bg);grid-template-columns:32px minmax(0,2.2fr) minmax(140px,1fr) 88px minmax(170px,1.2fr) 148px;align-items:center;transition:background .25s;display:grid}.rij:hover,.rij.is-actief{background:linear-gradient(90deg,#fff0,#ffffffb3 12% 88%,#fff0)}.rij__nr{font-family:var(--site-mono);color:var(--mut);font-size:13px}.rij__term b{font-size:16px;font-weight:700;display:block}.rij__term span{color:var(--mut);margin-top:2px;font-size:13px;display:block}.rij__imp{text-align:right;color:var(--inkt-2);font-size:14px}.rij__imp small{font-family:var(--site-sans);color:var(--mut);letter-spacing:0;font-size:12px;display:block}.spoor{height:24px;position:relative}.spoor__lijn{background:var(--lijn);border-radius:2px;height:2px;position:absolute;top:11px;left:0;right:0}.spoor__pad{background:var(--groen);height:2px;transition:left .9s var(--ease), width .9s var(--ease);border-radius:2px;position:absolute;top:11px}.spoor__nu,.spoor__doel{width:12px;height:12px;transition:left .9s var(--ease);border-radius:50%;margin-left:-6px;position:absolute;top:6px}.spoor__nu{border:1.5px solid var(--mut);background:var(--vlak)}.spoor__doel{background:var(--groen)}.spoor__tekst{color:var(--mut);margin-top:2px;font-size:12px;display:block}.winst{align-items:center;gap:var(--s3);display:flex}.winst__balk{background:#1014110f;border-radius:8px;flex:1;height:8px;overflow:hidden}.winst__balk i{background:linear-gradient(90deg, var(--groen-diep), var(--groen));transform-origin:0;height:100%;transition:transform .9s var(--ease);border-radius:8px;display:block}.winst__getal{text-align:right;min-width:56px;font-size:16px;font-weight:600}.klusknop{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);border-radius:var(--pil);border:1.5px solid var(--inkt);font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.klusknop:hover{background:var(--inkt);color:#fff}.klusknop:active{transform:scale(.97)}.klusknop svg{display:none}.klusknop[aria-disabled=true]{background:var(--groen-zacht);color:var(--groen-diep);cursor:default;border-color:#0000}.klusknop[aria-disabled=true] svg{display:block}.klusknop[aria-disabled=true] svg path{stroke-dasharray:20;stroke-dashoffset:20px;animation:vink .4s var(--ease) 50ms forwards}@keyframes vink{to{stroke-dashoffset:0}}.voetnoot{margin-top:var(--s4);color:var(--mut);font-size:13px}.stappen{background:var(--vlak);padding:var(--s9) 0}.stappen__rij{gap:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.stappen__rij:before{content:"";background:repeating-linear-gradient(90deg, var(--ring) 0 4px, transparent 4px 9px);height:1px;position:absolute;top:20px;left:20px;right:20px}.stappen__rij li{position:relative}.stap{background:var(--wit);width:40px;height:40px;box-shadow:0 0 0 1px var(--ring), 0 0 0 7px var(--vlak), 0 0 0 8px var(--lijn);font-family:var(--site-mono);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.stappen__rij h3{margin-top:var(--s5);font-size:20px}.stappen__rij p{margin-top:var(--s2);color:var(--mut);max-width:34ch}.rekensom{gap:var(--s8);padding:var(--s9) 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.rekensom__tekst p{margin-top:var(--s4);max-width:46ch}.som{padding:var(--s6);border-radius:var(--r-l);background:var(--wit);box-shadow:var(--schaduw)}.som__regel{padding-bottom:var(--s4);border-bottom:1px solid var(--lijn);font-size:clamp(14px,1.3vw,18px);font-weight:500}.som__regel sub{font-size:.7em}.som__voorbeeld{justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s4) 0;color:var(--mut);flex-wrap:wrap;font-size:14px;display:flex}.som__voorbeeld b{color:var(--groen);font-weight:600}.curve__balken{gap:var(--s2);height:160px;padding-top:var(--s4);grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;display:grid}.curve__balken li{justify-content:flex-end;align-items:center;gap:var(--s1);flex-direction:column;height:100%;display:flex}.curve__balken i{background:var(--lijn);transform-origin:bottom;border-radius:6px 6px 2px 2px;width:100%;display:block}.curve__balken li.is-top i{background:linear-gradient(180deg, var(--groen), var(--groen-diep))}.curve__balken span{font-family:var(--site-mono);color:var(--mut);font-size:11px}.curve__balken b{font-family:var(--site-mono);color:var(--inkt-2);font-size:11px;font-weight:500}.prijzen{padding:var(--s8) 0 var(--s9)}.prijsregels{border-top:1px solid var(--inkt)}.prijsregels a{gap:var(--s5);padding:var(--s5) var(--s2);border-bottom:1px solid var(--lijn);transition:background .25s, padding .3s var(--ease);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;align-items:baseline;text-decoration:none;display:grid}.prijsregels a:hover{background:var(--wit);padding-inline:var(--s4)}.prijs__naam{font-family:var(--site-serif);letter-spacing:-.02em;font-size:20px;font-weight:500}.prijs__wat{color:var(--mut)}.prijs__bedrag{text-align:right;white-space:nowrap;font-size:20px;font-weight:600}.prijs__bedrag small{font-family:var(--site-sans);color:var(--mut);letter-spacing:0;font-size:13px;font-weight:500}.slot{padding:var(--s9) 0;border-top:1px solid var(--lijn);text-align:left}.slot h2{letter-spacing:-.035em;max-width:14ch;font-size:clamp(32px,4vw,56px);line-height:1.08}.slot p{margin-top:var(--s4);max-width:48ch;color:var(--inkt-2);font-size:18px}.voet{background:var(--inkt);color:#e7ece6;padding:var(--s8) 0 var(--s6)}.voet .merk{color:#fff}.voet .merk circle:first-child{fill:#fff}.voet .merk circle:nth-child(2){stroke:var(--inkt)}.voet__raster{gap:var(--s6);grid-template-columns:1.5fr 1fr 1fr 1.2fr;display:grid}.voet p{margin-top:var(--s3);color:#b9c2ba;max-width:32ch;font-size:15px}.voet h2{font-family:var(--site-sans);letter-spacing:0;color:#9fa99f;margin-bottom:var(--s3);font-size:13px;font-weight:600}.voet li{margin-bottom:var(--s2);font-size:15px}.voet a{text-decoration:none}.voet li a:hover,.voet__regel a:hover{text-underline-offset:.25em;text-decoration:underline}.voet :focus-visible{outline-color:var(--sein)}.voet .voet__regel{max-width:none;margin-top:var(--s7);padding-top:var(--s5);color:#9fa99f;border-top:1px solid #ffffff1f;font-size:13px}@media (width<=1080px){.held{padding-top:var(--s6);grid-template-columns:1fr}.held__tekst{grid-row:auto}.held__kop{max-width:12ch}.radar{margin-top:var(--s7)}.paneel{grid-column:1}.rij{grid-template-columns:28px minmax(0,1.6fr) minmax(120px,1fr) minmax(140px,1fr) 140px}.rij__imp{display:none}.rekensom{gap:var(--s6);grid-template-columns:1fr}}@media (width<=760px){.kop__rij{min-height:64px}.menuknop{background:#10141112;border-radius:50%;place-content:center;gap:6px;width:44px;height:44px;display:grid}.menuknop span{background:var(--inkt);width:18px;height:1.5px;transition:transform .3s var(--ease);display:block}.menuknop[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.menuknop[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.nav{left:var(--rand);right:var(--rand);display:none;position:absolute;top:64px}.nav.is-open{animation:in .3s var(--ease) both;display:block}.nav ul{padding:var(--s2);border-radius:var(--r-l);background:var(--wit);box-shadow:var(--schaduw);flex-direction:column;align-items:stretch}.nav a:not(.knop){min-height:48px;font-size:16px}.nav__cta{margin:var(--s2) 0 0}.nav__cta .knop{width:100%;min-height:48px}.held{padding:var(--s5) 0 var(--s7)}.held__kop{font-size:clamp(34px,10vw,44px)}.held__lead{font-size:16px}.held__voorbeeld{display:none}.ringlabel,.zonelabel{font-size:21px}.radar{margin-top:var(--s6)}.radar__lezing{padding:var(--s4);grid-template-columns:1fr auto}.lezing__winst{font-size:24px}.paneel{gap:var(--s3)}.schakel{width:100%}.schakel button{padding:0 var(--s2);flex:1;min-height:40px;font-size:13px}.pauze{margin-left:0}.sectiekop{gap:var(--s3);grid-template-columns:1fr}.sectiekop p{justify-self:start}.lijst{padding:var(--s7) 0 var(--s8)}.rij{gap:var(--s3) var(--s3);padding:var(--s4) 0;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"nr term term"".spoor spoor"".winst knop"}.rij__nr{grid-area:nr;align-self:start;padding-top:2px}.rij__term{grid-area:term}.rij__spoor{grid-area:spoor}.rij .winst{grid-area:winst}.rij .klusknop{grid-area:knop}.stappen{padding:var(--s8) 0}.stappen__rij{gap:var(--s6);grid-template-columns:1fr}.stappen__rij:before{background:repeating-linear-gradient(180deg, var(--ring) 0 4px, transparent 4px 9px);width:1px;height:auto;inset:20px auto 20px 20px}.stappen__rij li{padding-left:64px}.stap{position:absolute;top:0;left:0}.stappen__rij h3{margin-top:var(--s2)}.rekensom{padding:var(--s8) 0}.som{padding:var(--s5) var(--s4)}.curve__balken{gap:var(--s1);height:132px}.prijsregels a{gap:var(--s2) var(--s4);padding:var(--s4) 0;grid-template-columns:1fr auto}.prijs__wat{grid-area:2/1/auto/-1;font-size:15px}.prijsregels a:hover{padding-inline:0}.slot{padding:var(--s8) 0}.slot p{font-size:16px}.voet__raster{grid-template-columns:1fr 1fr}.voet__raster>div:first-child{grid-column:1/-1}}@keyframes in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.radar__zwaai{display:none}.blip__stip,.blip__kern,.spoor__pad,.spoor__nu,.spoor__doel,.winst__balk i,.blip__spoor{transition:none}}
