:root{--ges-nav:26rem;--ges-mock-b:380px;--ges-mock-h:450px;--ges-mock-b-krap:320px;--ges-mock-h-krap:380px}.ges{text-align:start;--ges-basis:var(--ge-tekst-donker);--ges-stage:color-mix(in srgb, var(--ges-basis) 86%, var(--ge-violet));--ges-card:color-mix(in srgb, var(--ges-basis) 92%, var(--ge-zwart-100, #000));--ges-rust:color-mix(in srgb, var(--ges-basis) 82%, var(--ge-violet));--ges-actief:color-mix(in srgb, var(--ge-violet) 42%, var(--ges-basis));--ges-rand:color-mix(in srgb, var(--ge-violet) 34%, var(--ges-basis));--ges-hover:color-mix(in srgb, var(--ge-violet) 52%, var(--ges-basis));--ges-paars:var(--ge-gradient-van);--ges-roze:var(--ge-gradient-naar);--ges-groen:var(--ge-groen);--ges-amber:var(--ge-goud);--ges-rood:var(--ge-rood);--duur:12000ms;--ges-cardpad:1.25rem;--ges-navbreedte:var(--ges-nav,20rem);--ges-mockbreedte:var(--ges-mock-b,380px);--ges-mockhoogte:var(--ges-mock-h,450px);display:flex;justify-content:center;width:100%;color:#fff;container-type:inline-size}.ges *,.ges *::before,.ges *::after{box-sizing:border-box}.ges__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:1400px}.ges__nav{display:none}.ges__navitem{position:relative;display:flex;align-items:stretch;gap:1rem}.ges__nr{align-self:center;font-weight:700;font-size:1.125rem;color:var(--ge-wit-40);transition:color .3s}.ges__streep{align-self:center;width:1.5rem;height:1px;background:var(--ge-wit-20);transition:background .3s}.ges__btn{position:relative;display:flex;align-items:center;flex:1;min-width:0;min-height:4rem;padding:.9rem 1.5rem;border:1px solid var(--ges-rand);border-radius:1rem;color:var(--ge-wit-60);background:color-mix(in srgb,var(--ges-rust) 40%,transparent);font:inherit;font-weight:700;letter-spacing:.025em;text-align:left;line-height:1.25;cursor:pointer;overflow:hidden;transition:all .5s}.ges__btn:hover{border-color:var(--ges-hover);background:color-mix(in srgb,var(--ges-rust) 60%,transparent)}.ges__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.ges__navitem:has([aria-selected="true"]) .ges__nr{color:#fff}.ges__navitem:has([aria-selected="true"]) .ges__streep{background:#fff}.ges__btn[aria-selected="true"]{border-color:var(--ges-paars);background:var(--ges-actief);color:#fff;box-shadow:0 0 30px color-mix(in srgb,var(--ges-paars) 30%,transparent)}.ges__bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}.ges__btn[aria-selected="true"] .ges__bar{animation:ges-vul var(--duur) linear forwards}@keyframes ges-vul{to{transform:scaleX(1)}}.ges__lijn{position:absolute;left:calc(100% - 10px);top:50%;translate:0 -50%;width:0;border-top:1px dashed var(--ge-wit-40);opacity:0;pointer-events:none}.ges__navitem:has([aria-selected="true"]) .ges__lijn{animation:ges-lijn .6s ease-out forwards}@keyframes ges-lijn{to{width:800px;opacity:1}}.ges__stage{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:450px;padding:1.5rem;border:1px solid var(--ge-wit-10);border-radius:2rem;background:color-mix(in srgb,var(--ges-stage) 60%,transparent);backdrop-filter:blur(20px);overflow:hidden}.ges__bg,.ges__bgfade{position:absolute;inset:0;pointer-events:none}.ges__bg{opacity:.2;mix-blend-mode:overlay;background:radial-gradient(120% 90% at 70% 20%,color-mix(in srgb,var(--ges-paars) 35%,transparent),transparent 60%),radial-gradient(90% 70% at 20% 80%,color-mix(in srgb,var(--ges-roze) 25%,transparent),transparent 60%)}.ges__bgfade{background:linear-gradient(90deg,color-mix(in srgb,var(--ges-stage) 90%,transparent),transparent)}.ges__panels{position:relative;z-index:1;display:grid;width:100%}.ges__panel{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transition:opacity .3s ease}.ges__panel.is-active{opacity:1;visibility:visible}.ges__panel[hidden]{display:flex}.ges__tekst{position:relative;width:100%;max-width:22rem;text-align:center}.ges__watermerk{position:absolute;left:50%;translate:-50% 0;top:-3rem;z-index:0;font-size:100px;font-weight:700;line-height:1;color:var(--ge-wit-04);pointer-events:none}.ges__panel h3{position:relative;z-index:1;margin:0 0 1rem;font-weight:700;line-height:1.15;color:#fff;font-size:clamp(1.25rem,2vw,2rem)}.ges__panel>.ges__tekst>p{position:relative;z-index:1;margin:0 0 1.5rem;line-height:1.7;color:var(--ge-wit-70);font-size:clamp(15px,1.28vw,18px)}.ges__panel.is-active h3{animation:ges-in .4s ease .1s backwards}.ges__panel.is-active>.ges__tekst>p{animation:ges-in .4s ease .2s backwards}.ges__panel.is-active .ges__bullets{animation:ges-in .4s ease .3s backwards}@keyframes ges-in{from{opacity:0;transform:translateY(10px)}}.ges__bullets{position:relative;z-index:1;margin:0;padding:0;list-style:none;display:grid;gap:.75rem;text-align:left}.ges__bullets li{position:relative;display:flex;align-items:flex-start;gap:.75rem;color:var(--ge-wit-90);font-size:clamp(14px,1.1vw,16px);line-height:1.5}.ges__bullets li::before{content:"";flex:0 0 20px;height:20px;margin-top:.15em;border-radius:4px;background:color-mix(in srgb,var(--ges-groen) 20%,transparent)}.ges__bullets li::after{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;background:var(--ges-groen);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/14px no-repeat}.ges__mockwrap{display:flex;flex-direction:column;align-items:center;align-self:center;width:100%;min-width:0}.ges__mock{position:relative;width:min(300px,100%);height:350px;margin-inline:auto;padding:2px;border-radius:1rem;overflow:hidden}.ges__glow{position:absolute;inset:-100%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,var(--ges-paars) 50%,transparent 100%);animation:ges-draai 3s linear infinite}@keyframes ges-draai{to{rotate:360deg}}.ges__panel.is-active .ges__mock{animation:ges-pop .4s ease backwards}@keyframes ges-pop{from{opacity:0;scale:.9}}.ges__card{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ges-cardpad,1.25rem);border-radius:.75rem;background:var(--ges-card);overflow:hidden}.ges__midden{justify-content:center}.ges__mockhead{text-align:center;margin-bottom:1.25rem}.ges__mockhead svg{width:32px;height:32px;margin:0 auto .5rem;display:block;stroke:var(--ges-paars)}.ges__mockhead h4{margin:0;font-size:1.125rem;font-weight:700;color:#fff}@keyframes ges-schuif{to{opacity:1;transform:none}}@keyframes ges-omhoog{to{opacity:1;transform:none}}@keyframes ges-fade{to{opacity:1}}@keyframes ges-knipper{50%{opacity:.4}}@keyframes ges-pols{50%{scale:1.02}}@keyframes ges-zweef{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.ges__mobnav{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;margin-top:2rem;padding-bottom:.5rem}.ges__pijl{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--ge-wit-10);background:var(--ge-wit-05);color:#fff;cursor:pointer;transition:background .2s}.ges__pijl:hover{background:var(--ge-wit-10)}.ges__pijl:active{scale:.95}.ges__pijl svg{width:1.5rem;height:1.5rem}.ges__teller{font-size:.875rem;font-weight:500;color:var(--ge-wit-50)}.ges__mobbar{position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--ge-wit-10)}.ges__mobfill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;animation:ges-vul var(--duur) linear forwards}@container (min-width:880px){.ges__inner{flex-direction:row;align-items:center;gap:clamp(1.75rem,3.5cqi,4.5rem)}.ges__nav{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:10;flex:0 0 var(--ges-navbreedte);width:var(--ges-navbreedte)}.ges__btn{min-height:3.5rem;padding:.75rem 1.25rem}.ges__nr{font-size:1rem}.ges__streep{width:1rem}.ges__stage{flex:1 1 0%;min-width:0;min-height:500px;padding:clamp(1.5rem,2.6cqi,3rem)}.ges__panel{flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(1.5rem,3cqi,3.5rem)}.ges__tekst{flex:1 1 20rem;min-width:14rem;max-width:26rem;text-align:left}.ges__watermerk{left:-2rem;translate:0 0;top:-3.5rem;font-size:clamp(90px,9cqi,140px)}.ges__mockwrap{width:auto;flex:0 0 auto}.ges__mock{width:var(--ges-mockbreedte);height:var(--ges-mockhoogte)}.ges__mobnav,.ges__mobbar{display:none}}@container (min-width:880px) and (max-width:1180px){.ges{--ges-mockbreedte:var(--ges-mock-b-krap,320px);--ges-mockhoogte:var(--ges-mock-h-krap,380px)}}.ges h2,.ges h3,.ges h4,.ges p,.ges strong,.ges b,.ges li{color:#fff}.ges ul{list-style:none;margin:0;padding:0}.ges ul li::marker{content:none}.ges button{font-family:inherit}.ges s{text-decoration:none}@media (prefers-reduced-motion:reduce){.ges *{animation:none!important;transition:none!important}.ges__bar,.ges__mobfill{transform:scaleX(1)}.ges [style*="--d"]{opacity:1;transform:none;scale:1}}