.ge-demo{--ge-paars:#9100B1;--ge-paars-8:rgba(145,0,177,.08);--ge-blauw:#3200CD;--ge-blauw-licht:#ECF4FE;--ge-groen:#007A00;--ge-groen-licht:#EBF8EB;--ge-geel:#FFB84D;--ge-geel-licht:#FFEFD6;--ge-paars-licht:#F8F0FF;--ge-heading:#0F0035;--ge-body:#4A4A68;--ge-bg:#F4F2F9}.ge-demo,.ge-demo *,.ge-demo *::before,.ge-demo *::after{margin:0;padding:0;box-sizing:border-box}.ge-demo{max-width:1080px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 24px 70px rgb(15 0 53 / .15);border:1px solid rgb(15 0 53 / .06);overflow:hidden;display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr}.ge-demo__kop{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid rgb(15 0 53 / .07)}.ge-demo__logo{width:30px;height:30px;border-radius:9px;flex:0 0 30px;background:linear-gradient(135deg,var(--ge-paars),var(--ge-blauw));display:grid;place-items:center;color:#fff;font-family:'Kumbh Sans',sans-serif;font-weight:800;font-size:.75rem}.ge-demo__kop b{font-family:'Kumbh Sans',sans-serif;font-size:.92rem;color:var(--ge-heading)}.ge-demo__status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;color:var(--ge-groen);background:var(--ge-groen-licht);padding:5px 12px;border-radius:999px}.ge-demo__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ge-groen);animation:geVD-puls 2s ease infinite}@keyframes geVD-puls{50%{box-shadow:0 0 0 5px rgb(0 134 0 / .15)}}.ge-demo__links{padding:20px;border-right:1px solid rgb(15 0 53 / .07);display:flex;flex-direction:column;gap:14px;background:#fff}.ge-demo__label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ge-paars)}.ge-demo .promptbalk{display:flex;align-items:center;gap:10px;background:var(--ge-bg);border:2px solid #fff0;border-radius:16px;padding:11px 14px;min-height:48px;transition:border-color .25s,box-shadow .25s}.ge-demo .promptbalk.actief{border-color:var(--ge-paars);box-shadow:0 0 0 4px var(--ge-paars-8);background:#fff}.ge-demo .promptbalk__tekst{flex:1;font-size:.88rem;font-weight:600;color:var(--ge-heading);min-height:1.4em}.ge-demo .promptbalk__tekst:empty::before{content:"Kies een opdracht voor je AI…";color:rgb(74 74 104 / .55);font-weight:400}.ge-demo .promptbalk__tekst.cursor::after{content:"▍";color:var(--ge-paars);animation:geVD-knipper 1s steps(2) infinite}@keyframes geVD-knipper{50%{opacity:0}}.ge-demo .promptbalk__verstuur{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--ge-paars),var(--ge-blauw));display:grid;place-items:center;transition:transform .2s}.ge-demo .promptbalk__verstuur svg{width:15px;height:15px;fill:#fff}.ge-demo .promptbalk__verstuur.stuur{animation:geVD-stuur .4s ease}@keyframes geVD-stuur{40%{transform:scale(.85)}70%{transform:scale(1.12)}}.ge-demo__chips{display:flex;flex-direction:column;gap:7px}.ge-demo .chip{position:relative;border:1.5px solid rgb(15 0 53 / .12);background:#fff;border-radius:13px;font-family:'Mulish',sans-serif;font-size:.83rem;font-weight:700;color:var(--ge-heading);padding:10px 13px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;overflow:hidden;transition:border-color .2s,background .2s,transform .15s}.ge-demo .chip:hover{transform:translateX(3px)}.ge-demo .chip:focus-visible{outline:3px solid var(--ge-blauw);outline-offset:2px}.ge-demo .chip.actief{border-color:var(--ge-paars);background:var(--ge-paars-8)}.ge-demo .chip span{font-size:1rem}.ge-demo .chip__balk{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--ge-paars),var(--ge-blauw))}.ge-demo .chip.actief .chip__balk{animation:geVD-chipvoortgang var(--cyclus,11s) linear forwards}.ge-demo .chip.actief.vast .chip__balk{animation:none;width:100%}@keyframes geVD-chipvoortgang{to{width:100%}}.ge-demo__podium{position:relative;background:var(--ge-bg);display:grid;min-height:400px;overflow:hidden}.ge-demo .podium__label{position:absolute;top:16px;right:20px;z-index:4;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ge-blauw)}.ge-demo .scene{grid-area:1/1;padding:46px 26px 24px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility .35s;display:flex;flex-direction:column;justify-content:center;min-width:0}.ge-demo .scene.actief{opacity:1;visibility:visible;transform:none;pointer-events:auto}.ge-demo .denken{position:absolute;inset:0;display:none;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--ge-bg);z-index:5}.ge-demo .denken.actief{display:flex}.ge-demo .denken__ring{width:46px;height:46px;border-radius:50%;border:4px solid var(--ge-paars-8);border-top-color:var(--ge-paars);animation:geVD-draai .8s linear infinite}@keyframes geVD-draai{to{transform:rotate(360deg)}}.ge-demo .denken p{font-size:.85rem;font-weight:800;color:var(--ge-heading)}.ge-demo .denken p::after{content:"";animation:geVD-dots 1.2s steps(4) infinite}@keyframes geVD-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.ge-demo .stap{opacity:0;transform:translateY(8px)}.ge-demo .stap.zichtbaar{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}.ge-demo .badge{font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.ge-demo .badge--groen{background:var(--ge-groen-licht);color:var(--ge-groen)}.ge-demo .badge--blauw{background:var(--ge-blauw-licht);color:var(--ge-blauw)}.ge-demo .badge--paars{background:var(--ge-paars-8);color:var(--ge-paars)}.ge-demo .badge--geel{background:var(--ge-geel-licht);color:#A65A00}.ge-demo .resultaat{display:flex;align-items:center;gap:9px;margin:14px auto 0;font-size:.82rem;font-weight:800;color:var(--ge-groen);background:var(--ge-groen-licht);border-radius:999px;padding:8px 14px;width:fit-content;max-width:100%}.ge-demo .resultaat::before{content:"✓";font-size:.9rem}.ge-demo .typcursor::after{content:"▍";color:var(--ge-paars);animation:geVD-knipper 1s steps(2) infinite}.ge-demo .tel{max-width:520px;margin:0 auto;width:100%}.ge-demo .tel__kop{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 4px 14px rgb(15 0 53 / .06)}.ge-demo .tel__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ge-paars),var(--ge-blauw));display:grid;place-items:center;color:#fff;font-weight:800;font-size:.72rem;flex:0 0 40px}.ge-demo .tel__kop b{display:block;font-size:.85rem;color:var(--ge-heading)}.ge-demo .tel__kop small{font-size:.72rem;color:var(--ge-body)}.ge-demo .tel__golf{display:flex;align-items:center;gap:3px;height:22px;margin-left:auto}.ge-demo .tel__golf i{width:3px;border-radius:2px;background:var(--ge-paars);height:6px}.ge-demo .tel__golf.spreekt i{animation:geVD-golf .7s ease-in-out infinite}.ge-demo .tel__golf i:nth-child(2){animation-delay:.1s}.tel__golf i:nth-child(3){animation-delay:.2s}.ge-demo .tel__golf i:nth-child(4){animation-delay:.3s}.tel__golf i:nth-child(5){animation-delay:.15s}@keyframes geVD-golf{50%{height:18px}}.ge-demo .tel__timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:.85rem;color:var(--ge-groen);margin-left:10px}.ge-demo .tel__transcript{margin-top:14px;display:flex;flex-direction:column;gap:8px}.ge-demo .regel{max-width:88%;font-size:.83rem;line-height:1.4;padding:9px 13px;border-radius:12px}.ge-demo .regel--klant{background:#fff;color:var(--ge-heading);border-bottom-left-radius:4px;box-shadow:0 2px 8px rgb(15 0 53 / .05)}.ge-demo .regel--ai{background:var(--ge-paars-8);color:var(--ge-heading);margin-left:auto;border-bottom-right-radius:4px}.ge-demo .regel--ai b{color:var(--ge-paars);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:2px}.ge-demo .wa{background:var(--ge-groen-licht);border-radius:16px;padding:16px;max-width:520px;margin:0 auto;width:100%}.ge-demo .wa__kop{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;color:var(--ge-heading);margin-bottom:12px}.ge-demo .wa__kop i{width:10px;height:10px;border-radius:50%;background:var(--ge-groen)}.ge-demo .wa__stroom{display:flex;flex-direction:column;gap:8px}.ge-demo .wa .regel--ai{background:#fff}.ge-demo .wa .resultaat{margin-left:0}.ge-demo .typend{display:inline-flex;gap:4px;padding:10px 14px;background:#fff;border-radius:12px;margin-left:auto;border-bottom-right-radius:4px}.ge-demo .typend i{width:6px;height:6px;border-radius:50%;background:var(--ge-body);opacity:.4;animation:geVD-tikkers 1s infinite}.ge-demo .typend i:nth-child(2){animation-delay:.15s}.typend i:nth-child(3){animation-delay:.3s}@keyframes geVD-tikkers{50%{opacity:1;transform:translateY(-2px)}}.ge-demo .flow{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:640px;margin:0 auto;width:100%}.ge-demo .flow__kaart{flex:1;background:#fff;border-radius:16px;padding:18px 16px;box-shadow:0 6px 20px rgb(15 0 53 / .07);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.ge-demo .flow__icoon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem}.ge-demo .flow__kaart--signaal .flow__icoon{background:var(--ge-blauw-licht)}.ge-demo .flow__kaart--inzicht .flow__icoon{background:var(--ge-paars-licht)}.ge-demo .flow__kaart--actie .flow__icoon{background:var(--ge-groen-licht)}.ge-demo .flow__kaart small{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ge-demo .flow__kaart--signaal small{color:var(--ge-blauw)}.ge-demo .flow__kaart--inzicht small{color:var(--ge-paars)}.ge-demo .flow__kaart--actie small{color:var(--ge-groen)}.ge-demo .flow__kaart p{font-size:.86rem;font-weight:700;color:var(--ge-heading);line-height:1.35}.ge-demo .flow__pijl{flex:0 0 44px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;color:var(--ge-paars)}.ge-demo .flow__pijl.stap.zichtbaar{animation:geVD-pijlpuls 1.2s ease}@keyframes geVD-pijlpuls{0%{transform:translateX(-6px)}50%{transform:translateX(3px)}100%{transform:none}}.ge-demo .flow__kaart--actie{flex:1.2}.ge-demo .flow__wie{display:flex;align-items:center;gap:9px;text-align:left}.ge-demo .flow__avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:linear-gradient(135deg,var(--ge-blauw),var(--ge-paars));color:#fff;font-weight:800;font-size:.72rem;display:grid;place-items:center}.ge-demo .flow__sub{display:block;font-size:.72rem;font-weight:600;color:var(--ge-body)}.ge-demo .mini-bubbel{background:var(--ge-groen-licht);border-radius:12px;border-bottom-right-radius:4px;padding:8px 11px;font-size:.74rem;font-weight:600;text-align:left;line-height:1.45;min-height:4.2em;width:100%}.ge-demo .factuur{max-width:420px;margin:0 auto;width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgb(15 0 53 / .1);overflow:hidden}.ge-demo .factuur__kop{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--ge-heading);color:#fff}.ge-demo .factuur__kop b{font-family:'Kumbh Sans',sans-serif;font-size:.9rem}.ge-demo .factuur__kop small{font-size:.72rem;opacity:.75}.ge-demo .factuur__body{padding:12px 18px}.ge-demo .factuur__meta{display:flex;justify-content:space-between;font-size:.74rem;margin-bottom:10px;color:var(--ge-body)}.ge-demo .factuur__meta b{color:var(--ge-heading)}.ge-demo .f-regel{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--ge-heading);padding:6px 0;border-bottom:1px dashed rgb(15 0 53 / .1)}.ge-demo .f-regel span:last-child{font-variant-numeric:tabular-nums;font-weight:700}.ge-demo .f-totaal{display:flex;justify-content:space-between;font-size:.78rem;padding:5px 0;color:var(--ge-body)}.ge-demo .f-totaal--eind{font-size:.95rem;font-weight:800;color:var(--ge-heading);border-top:2px solid var(--ge-heading);margin-top:4px;padding-top:8px}.ge-demo .f-totaal span:last-child{font-variant-numeric:tabular-nums}.ge-demo .factuur__voet{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 14px}.ge-demo .post{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgb(15 0 53 / .1);overflow:hidden;max-width:360px;margin:0 auto;width:100%}.ge-demo .post__beeld{height:92px;background:linear-gradient(120deg,var(--ge-paars-licht),var(--ge-blauw-licht),var(--ge-geel-licht));background-size:200% 200%;display:grid;place-items:center;font-size:1.6rem}.ge-demo .post__beeld.shimmer{animation:geVD-shimmer 1.4s ease infinite}@keyframes geVD-shimmer{50%{background-position:100% 50%}}.ge-demo .post__body{padding:13px 16px}.ge-demo .post__meta{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;color:var(--ge-heading);margin-bottom:8px}.ge-demo .post__meta i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--ge-paars),var(--ge-blauw))}.ge-demo .post__tekst{font-size:.83rem;line-height:1.45;color:var(--ge-heading);min-height:54px}.ge-demo .post__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ge-demo .post__tags b{font-size:.72rem;font-weight:800;color:var(--ge-blauw)}.ge-demo .site{max-width:480px;margin:0 auto;width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgb(15 0 53 / .1);overflow:hidden}.ge-demo .site__balk{display:flex;align-items:center;gap:6px;background:var(--ge-bg);padding:9px 14px;border-bottom:1px solid rgb(15 0 53 / .07)}.ge-demo .site__balk i{width:9px;height:9px;border-radius:50%;background:rgb(15 0 53 / .15)}.ge-demo .site__url{margin-left:8px;flex:1;background:#fff;border-radius:999px;font-size:.7rem;padding:4px 12px;color:var(--ge-body)}.ge-demo .site__pagina{padding:14px 16px;display:flex;flex-direction:column;gap:9px}.ge-demo .site__nav{display:flex;justify-content:space-between;align-items:center}.ge-demo .site__logo{font-family:'Kumbh Sans',sans-serif;font-weight:800;font-size:.8rem;color:var(--ge-heading)}.ge-demo .site__menu{display:flex;gap:10px}.ge-demo .site__menu i{width:34px;height:6px;border-radius:3px;background:rgb(15 0 53 / .1)}.ge-demo .site__banner{position:relative;border-radius:14px;padding:16px;min-height:96px;background:linear-gradient(120deg,var(--ge-paars),var(--ge-blauw));display:flex;align-items:center;gap:14px}.ge-demo .site__banner-datum{flex:0 0 50px;background:#fff;border-radius:12px;text-align:center;padding:7px 0;font-weight:800;color:var(--ge-paars);box-shadow:0 3px 10px rgb(15 0 53 / .2)}.ge-demo .site__banner-datum b{display:block;font-size:1.15rem;line-height:1}.ge-demo .site__banner-datum small{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase}.ge-demo .site__banner-tekst{flex:1;min-width:0}.ge-demo .site__banner-tekst small{display:block;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgb(255 255 255 / .85);margin-bottom:3px}.ge-demo .site__banner-tekst p{font-family:'Kumbh Sans',sans-serif;font-size:.92rem;font-weight:800;color:#fff;line-height:1.3;min-height:2.6em}.ge-demo .site__banner-tekst .typcursor::after{color:#fff}.ge-demo .site__cta{align-self:center;background:#fff;color:var(--ge-blauw);font-weight:800;font-size:.72rem;padding:9px 15px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px rgb(15 0 53 / .2)}.ge-demo .site__nieuw{position:absolute;top:-9px;right:12px}.ge-demo .site__rest{display:flex;gap:9px}.ge-demo .site__rest i{flex:1;height:26px;border-radius:8px;background:var(--ge-bg)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ge-demo .stap{opacity:1;transform:none}.ge-demo .chip.actief .chip__balk{width:100%}}@media (max-width:1080px){.ge-demo{grid-template-columns:270px 1fr}.ge-demo .scene{padding:44px 18px 20px}.ge-demo .flow__pijl{flex-basis:28px;font-size:1rem}.ge-demo .flow__kaart{padding:14px 10px}.ge-demo .flow__kaart p{font-size:.8rem}.ge-demo .mini-bubbel{font-size:.71rem}}@media (max-width:880px){.ge-demo{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ge-demo__links{border-right:0;border-bottom:1px solid rgb(15 0 53 / .07)}.ge-demo__chips{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ge-demo .chip{font-size:.78rem;padding:9px 10px;align-items:flex-start;line-height:1.3}.ge-demo .chip span{font-size:.95rem;line-height:1.2}.ge-demo__podium{min-height:380px}.ge-demo .scene{padding:44px 14px 18px}.ge-demo .flow{flex-direction:column;gap:6px;max-width:420px}.ge-demo .flow__pijl{flex-basis:auto;transform:rotate(90deg);padding:2px 0}.ge-demo .flow__kaart p{font-size:.86rem}.ge-demo .mini-bubbel{font-size:.74rem}}@media (max-width:480px){.ge-demo__kop{padding:12px 16px}.ge-demo__links{padding:16px}.ge-demo .scene{padding:42px 12px 16px}.ge-demo .regel{font-size:.79rem;max-width:94%}.ge-demo .wa{padding:12px}.ge-demo .factuur__kop,.ge-demo .factuur__body{padding-left:14px;padding-right:14px}.ge-demo .factuur__voet{padding-left:14px;padding-right:14px}.ge-demo .resultaat{font-size:.74rem}.ge-demo .site__banner{flex-wrap:wrap;gap:10px}.ge-demo .site__cta{flex-basis:100%;text-align:center}.ge-demo .site__banner-tekst p{min-height:0}.ge-demo .promptbalk__tekst{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:560px){.ge-demo__podium{min-height:0}.ge-demo .scene{justify-content:flex-start;padding:40px 12px 14px}.ge-demo .resultaat{font-size:.7rem;padding:6px 12px;margin-top:10px}.ge-demo .tel__kop{padding:10px 12px}.ge-demo .tel__transcript{margin-top:10px;gap:6px}.ge-demo .regel{font-size:.78rem;padding:8px 11px}.ge-demo .wa__stroom{gap:6px}.ge-demo .flow{gap:2px;max-width:none}.ge-demo .flow__pijl{font-size:.85rem;padding:0}.ge-demo .flow__kaart{display:grid;grid-template-columns:32px 1fr;column-gap:11px;row-gap:3px;align-items:center;justify-items:start;text-align:left;padding:10px 12px}.ge-demo .flow__icoon{grid-row:1/span 3;width:32px;height:32px;font-size:.95rem;border-radius:10px}.ge-demo .flow__kaart small{grid-column:2;font-size:.56rem;margin-bottom:0}.ge-demo .flow__kaart p,.ge-demo .flow__kaart .flow__wie{grid-column:2}.ge-demo .flow__kaart .badge{grid-column:2;justify-self:start}.ge-demo .flow__kaart p{font-size:.78rem}.ge-demo .flow__avatar{width:30px;height:30px;flex:0 0 30px;font-size:.6rem}.ge-demo .flow__wie{gap:7px}.ge-demo .mini-bubbel{min-height:0;font-size:.7rem}.ge-demo .factuur__meta{margin-bottom:6px}.ge-demo .f-regel{padding:5px 0;font-size:.76rem}.ge-demo .f-totaal{font-size:.74rem;padding:4px 0}.ge-demo .site__pagina{padding:10px 12px;gap:7px}.ge-demo .site__banner{padding:12px;min-height:0}.ge-demo .site__banner-tekst p{font-size:.82rem}.ge-demo .post__beeld{height:64px}}