.hb-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media (min-width:1024px){.hb-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.hb-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;border-radius:24px;overflow:clip;border:1px solid rgb(var(--fg)/calc(.1 + var(--a-boost, 0) * .09));background:rgb(var(--fg)/calc(.03 + var(--a-boost, 0) * .0291));transition:border-color .4s ease,background-color .4s ease}.hb-card:hover{border-color:rgb(var(--accent-fill)/.5);background:rgb(var(--fg)/calc(.045 + var(--a-boost, 0) * .043))}.hb-card:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:4px}.hb-card-mini{display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hb-card:hover .hb-card-mini{transform:translate3d(0,-4px,0)}.hb-card-mini .wy-viz{height:248px}@media (min-width:640px){.hb-card-mini .sv-mv-phone{width:132px}}@media (max-width:639.98px){.hb-card-mini .sv-mv-soft>div{gap:12px}.hb-card-mini .sv-mv-phone{width:112px;padding-left:7px;padding-right:7px}.hb-card-mini .sv-mv-ok svg{display:none}}@media (max-width:399.98px){.hb-card-mini .sv-mv-soft .justify-between>:last-child,.hb-card-mini .sv-mv-soft .sv-mv-card>.ml-auto{display:none}}.hb-card-n{color:rgb(var(--accent));font-size:13px;letter-spacing:.38em;font-variant-numeric:tabular-nums}.hb-card-title{margin-top:14px;font-size:clamp(28px,2.4vw,34px);font-weight:200;line-height:1.12;letter-spacing:-.01em;color:rgb(var(--fg));transition:color .3s ease}.hb-card:hover .hb-card-title{color:rgb(var(--accent))}.hb-card-desc{display:block;margin-top:12px;max-width:36em;color:rgb(var(--fg)/calc(.72 + var(--a-boost, 0) * .2016));font-size:16px;font-weight:300;line-height:1.7}.hb-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hb-tag{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:999px;border:1px solid rgb(var(--fg)/calc(.14 + var(--a-boost, 0) * .1204));background:rgb(var(--fg)/calc(.03 + var(--a-boost, 0) * .0291));color:rgb(var(--fg)/calc(.82 + var(--a-boost, 0) * .1476));font-size:13px;font-weight:300;letter-spacing:.02em}.hb-card-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;margin-top:auto;padding-top:30px}.hb-card-price{color:rgb(var(--fg)/calc(.85 + var(--a-boost, 0) * .1275))}.hb-card-cta,.hb-card-price{font-size:13px;letter-spacing:.22em;text-transform:uppercase}.hb-card-cta{color:rgb(var(--accent));text-decoration:underline;text-decoration-color:rgb(var(--accent)/0);text-underline-offset:6px;transition:color .3s ease,text-decoration-color .3s ease}.hb-card:hover .hb-card-cta{color:rgb(var(--accent-hi));text-decoration-color:rgb(var(--accent)/calc(.7 + var(--a-boost, 0) * .21))}.hb-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;transform-origin:50% 50%;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.hb-tile-head{display:flex;align-items:center;gap:10px;height:44px;flex:none;margin-bottom:6px}.hb-tile-n{color:rgb(var(--accent));font-size:13px;letter-spacing:.2em;font-variant-numeric:tabular-nums}.hb-tile-name{color:rgb(var(--fg)/calc(.88 + var(--a-boost, 0) * .1056));font-size:15px;font-weight:300;letter-spacing:.02em;white-space:nowrap}.hb-tile-body{position:relative;flex:1;min-height:0}.hb-tile-vb{position:absolute;top:-11px;left:22px;z-index:3}.hb-tile .hb-win{height:100%}.hb-tile .pr-chrome{height:40px}.hb-tile-phone{height:100%;display:flex;justify-content:center;align-items:flex-start;overflow:clip;border-radius:24px;background:radial-gradient(70% 60% at 50% 30%,rgb(var(--accent-fill)/.1),transparent 70%),rgb(var(--fg)/calc(.025 + var(--a-boost, 0) * .0244));border:1px solid rgb(var(--fg)/calc(.08 + var(--a-boost, 0) * .0736));padding-top:16px;-webkit-mask-image:linear-gradient(180deg,black 82%,transparent);mask-image:linear-gradient(180deg,black 82%,transparent)}.hb-tile-phone .sv-phone{max-width:236px;padding:8px;border-radius:32px}.hb-tile-phone .sv-phone-screen{border-radius:24px}.hb-tile-phone .sv-phone-status{height:24px}.hb-tile-phone .sv-phone-body{padding:2px 10px 12px}.hb-post-head{display:flex;align-items:center;gap:8px;padding:4px 0 8px}.hb-avatar{width:24px;height:24px;border-radius:50%;background:rgb(var(--accent-fill));flex:none}.hb-post-img{position:relative;aspect-ratio:200/130;border-radius:12px;overflow:clip}.hb-heart-big{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;opacity:0}.js.motion-ok .hb-tile:not(.hb-pre) .hb-heart-big{animation:hb-heart-pop 1.3s cubic-bezier(.16,1,.3,1) .35s both}@keyframes hb-heart-pop{0%{opacity:0;transform:scale(.2)}28%{opacity:1;transform:scale(1.18)}50%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.hb-post-actions{display:flex;align-items:center;gap:12px;padding:10px 2px 6px}.hb-heart{position:relative;width:20px;height:20px}.hb-heart svg{position:absolute;inset:0;width:100%;height:100%}.hb-heart-f{transition:transform .55s cubic-bezier(.16,1,.3,1) .55s,opacity .2s ease .55s}.js.motion-ok .hb-pre .hb-heart-f{opacity:0;transform:scale(.3)}.hb-post-cap{color:rgb(var(--fg)/calc(.7 + var(--a-boost, 0) * .21));font-size:11px;line-height:1.45}.hb-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgb(var(--fg)/calc(.12 + var(--a-boost, 0) * .1056));background:rgb(var(--fg)/calc(.06 + var(--a-boost, 0) * .0564));flex:none}.hb-q-wrap{min-width:0;overflow:hidden}.hb-q{white-space:nowrap;color:rgb(var(--fg)/calc(.92 + var(--a-boost, 0) * .0736));font-size:13px;padding-right:4px;clip-path:inset(0 0 0 0);transition:clip-path 1.1s steps(32) .25s}.hb-q,.hb-q:after{display:inline-block}.hb-q:after{content:"";width:2px;height:15px;margin-left:3px;vertical-align:-3px;background:rgb(var(--accent-fill))}.js.motion-ok .hb-q:after{animation:hb-blink 1s steps(2,start) infinite}@keyframes hb-blink{to{opacity:0}}.js.motion-ok .hb-pre .hb-q{clip-path:inset(0 100% 0 0)}.hb-results{position:relative;display:grid;gap:8px;margin-top:12px}.hb-ad{height:74px;border-radius:12px;border:1px solid rgb(var(--accent-fill)/.45);background:rgb(var(--accent-fill)/.1);overflow:hidden;transition:opacity .45s ease 1.4s,transform .75s cubic-bezier(.16,1,.3,1) 1.4s}.hb-ad,.hb-org{padding:11px 13px}.hb-org{border-radius:12px;background:rgb(var(--fg)/calc(.035 + var(--a-boost, 0) * .0338));transition:transform .75s cubic-bezier(.16,1,.3,1) 1.4s}.js.motion-ok .hb-pre .hb-ad{opacity:0;transform:translate3d(0,-16px,0) scale(.97)}.js.motion-ok .hb-pre .hb-org{transform:translate3d(0,-82px,0)}.hb-field{display:grid;gap:4px}.hb-field-l{color:rgb(var(--fg)/calc(.6 + var(--a-boost, 0) * .24));font-size:11px;line-height:1}.hb-field-v{display:flex;align-items:center;height:30px;padding:0 10px;border-radius:8px;border:1px solid rgb(var(--fg)/calc(.12 + var(--a-boost, 0) * .1056));background:rgb(var(--fg)/calc(.04 + var(--a-boost, 0) * .0384));color:rgb(var(--fg)/calc(.92 + var(--a-boost, 0) * .0736));font-size:12px;white-space:nowrap;overflow:hidden}.hb-field-t{display:inline-block;padding-right:2px;clip-path:inset(0 0 0 0);transition:clip-path .6s steps(16) calc(.25s + var(--f, 0) * .5s)}.js.motion-ok .hb-pre .hb-field-t{clip-path:inset(0 100% 0 0)}.hb-send-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.hb-send{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:8px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:12px;font-weight:500}.js.motion-ok .hb-tile:not(.hb-pre) .hb-send{animation:hb-press .35s ease 1.8s both}@keyframes hb-press{50%{transform:scale(.94)}}.hb-send-ripple{opacity:0}.js.motion-ok .hb-tile:not(.hb-pre) .hb-send-ripple{animation:hb-flash 1.1s ease 1.75s both}@keyframes hb-flash{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.hb-sent{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid rgb(var(--accent-fill)/.55);background:rgb(var(--accent-fill)/.16);color:rgb(var(--accent));font-size:12px;transition:opacity .3s ease 2.15s,transform .55s cubic-bezier(.16,1,.3,1) 2.15s}.js.motion-ok .hb-pre .hb-sent{opacity:0;transform:scale(.6)}.hb-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0}.hb-col{display:grid;align-content:start;gap:6px;min-width:0;padding:8px;border-radius:10px;background:rgb(var(--fg)/calc(.035 + var(--a-boost, 0) * .0338))}.hb-col-h{color:rgb(var(--fg)/calc(.62 + var(--a-boost, 0) * .2356));font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.hb-lead{display:block;min-width:0;padding:8px 9px;border-radius:8px;border:1px solid rgb(var(--accent-fill)/.6);background:rgb(var(--accent-fill)/.14);transition:transform .75s cubic-bezier(.16,1,.3,1) .3s,opacity .3s ease .3s}.js.motion-ok .hb-pre .hb-lead{opacity:0;transform:translate3d(0,-64px,0)}.hb-dim{display:block;height:36px;border-radius:8px;background:rgb(var(--fg)/calc(.06 + var(--a-boost, 0) * .0564))}.hb-dim--s{height:26px}.hb-toast{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:12px;font-weight:500;box-shadow:0 16px 34px -12px rgb(var(--accent-fill)/.65);transition:opacity .3s ease 1.1s,transform .55s cubic-bezier(.16,1,.3,1) 1.1s}.js.motion-ok .hb-pre .hb-toast{opacity:0;transform:translate3d(0,12px,0) scale(.85)}@container (max-width: 340px){.hb-board{grid-template-columns:1.35fr 1fr}.hb-col--3{display:none}}.hb-jstage{--g:20px;--tw:168px;position:relative}@media (max-width:1279.98px){.hb-jstage{--tw:146px}.hb-jstage .hb-tile-name{font-size:13px}.hb-jstage .hb-token{font-size:12px}}.hb-jgrid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,clamp(236px,calc((100svh - 200px) / 2),340px));gap:var(--g)}.hb-jgrid .hb-tile--social{grid-area:1/1}.hb-jgrid .hb-tile--zoeken{grid-area:1/2}.hb-jgrid .hb-tile--website{grid-area:2/2}.hb-jgrid .hb-tile--systeem{grid-area:2/1}.hb-jstage .hb-tile:not(.is-lit){opacity:.35;transform:scale(.97)}.hb-token-layer{inset:0;z-index:5;pointer-events:none}.hb-token,.hb-token-layer{position:absolute;transition:transform .7s cubic-bezier(.16,1,.3,1)}.hb-token{top:4px;left:calc(50% - var(--g) / 2 - var(--tw));width:var(--tw);height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 5px;border-radius:999px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 0 0 6px rgb(var(--accent-fill)/.18),0 18px 40px -12px rgb(var(--accent-fill)/.7)}.hb-token-k{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgb(var(--ink));color:rgb(var(--accent));font-size:12px;font-weight:500;flex:none}.hb-jstage--s1 .hb-token-layer{transform:translate3d(calc(50% + var(--g) / 2),0,0)}.hb-jstage--s2 .hb-token-layer{transform:translate3d(calc(50% + var(--g) / 2),calc(50% + var(--g) / 2),0)}.hb-jstage--s3 .hb-token-layer{transform:translate3d(0,calc(50% + var(--g) / 2),0)}.hb-jstage--s4 .hb-token-layer{transform:translate3d(calc(var(--g) / 2 + var(--tw) / 2),calc(50% - 22px),0)}.hb-jstage--s4 .hb-token{transform:scale(1.14)}.hb-jm{display:grid;gap:56px}@media (min-width:768px){.hb-jm{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px}}.hb-jm .hb-tile-body{height:272px}.hb-jm-chip{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:30px;padding:0 12px;border-radius:999px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:12px;font-weight:500;white-space:nowrap;transition:opacity .35s ease .6s,transform .55s cubic-bezier(.16,1,.3,1) .6s}.js.motion-ok .hb-jm-item:not(.is-in) .hb-jm-chip{opacity:0;transform:scale(.7)}.js.motion-ok .hb-jm .hb-tile:not(.is-lit){opacity:.35;transform:scale(.97)}.hb-jm-cap{margin-top:18px;max-width:30em;color:rgb(var(--fg)/calc(.9 + var(--a-boost, 0) * .09));font-size:18px;font-weight:300;line-height:1.55}.hb-jm-end{margin-top:72px;max-width:16em;color:rgb(var(--fg));font-size:clamp(34px,5vw,60px);font-weight:200;line-height:1.12;letter-spacing:-.015em}@media (max-width:380px){.hb-tile-name{font-size:14px}.hb-jm-chip{font-size:11px;padding:0 10px}}.js .hb-ch-static,html:not(.js) .hb-ch-ui{display:none}.hb-q-title{display:flex;align-items:baseline;gap:14px;color:rgb(var(--fg));font-size:clamp(24px,2.2vw,30px);font-weight:200;line-height:1.2}.hb-q-n{color:rgb(var(--accent));font-size:13px;letter-spacing:.3em;font-variant-numeric:tabular-nums}.hb-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}@media (min-width:640px){.hb-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}}.hb-chip{display:flex;text-align:left;cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:transparent}.hb-chip:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:3px}.hb-chip-ui{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 18px 10px 13px;border-radius:16px;border:1px solid rgb(var(--fg)/calc(.28 + var(--a-boost, 0) * .2016));color:rgb(var(--fg)/calc(.88 + var(--a-boost, 0) * .1056));font-size:15px;font-weight:400;line-height:1.3;transition:color .3s,border-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hb-chip-ui:before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(var(--accent-fill));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.hb-chip:hover .hb-chip-ui{border-color:rgb(var(--fg)/calc(.6 + var(--a-boost, 0) * .24));color:rgb(var(--fg))}.hb-chip[aria-pressed=true] .hb-chip-ui{border-color:rgb(var(--accent-fill));color:rgb(var(--on-accent))}.hb-chip[aria-pressed=true] .hb-chip-ui:before{transform:scaleX(1)}.hb-chip-tick{position:relative;flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid rgb(var(--fg)/calc(.45 + var(--a-boost, 0) * .2475));transition:background-color .3s,border-color .3s}.hb-chip-tick:after{content:"";width:8px;height:8px;border-radius:50%;background:rgb(var(--accent-fill));transform:scale(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}.hb-chip[aria-pressed=true] .hb-chip-tick{background:rgb(var(--on-accent));border-color:rgb(var(--on-accent))}.hb-chip[aria-pressed=true] .hb-chip-tick:after{transform:scale(1)}@media (max-width:639.98px){.hb-chip-ui{gap:8px;padding:10px 12px 10px 11px;font-size:14px}.hb-chip-tick{width:18px;height:18px}}.hb-advice-wrap{position:relative}.hb-advice-glow{position:absolute;left:-18%;right:-18%;top:-22%;bottom:-22%;pointer-events:none;background:radial-gradient(closest-side,rgb(var(--accent-fill)/.34),rgb(var(--accent-fill)/.14) 50%,rgb(var(--accent-fill)/0) 78%)}.js.motion-ok .hb-advice-glow{animation:hb-breathe 7s ease-in-out infinite}@keyframes hb-breathe{50%{transform:scale(1.06);opacity:.85}}.hb-advice{position:relative;padding:30px 26px;border-radius:24px;border:1px solid rgb(var(--fg)/calc(.12 + var(--a-boost, 0) * .1056));background:rgb(var(--ink)/.82);box-shadow:0 40px 90px -40px rgb(var(--shade)/.9)}@media (min-width:1024px){.hb-advice{padding:40px}}:where(.js.motion-ok) .hb-advice--swap{animation:hb-wipe .4s cubic-bezier(.65,0,.35,1) both}@keyframes hb-wipe{0%{clip-path:inset(0 0 100% 0 round 24px)}to{clip-path:inset(0 0 0 0 round 24px)}}.hb-advice-eyebrow{color:rgb(var(--accent));font-size:13px;letter-spacing:.38em;text-transform:uppercase}.hb-advice-name{margin-top:10px;color:rgb(var(--fg));font-size:clamp(32px,3vw,44px);font-weight:200;line-height:1.08;letter-spacing:-.01em}.hb-advice-why{margin-top:16px;color:rgb(var(--fg)/calc(.78 + var(--a-boost, 0) * .1716));font-size:17px;font-weight:300;line-height:1.65}.hb-advice-sec{margin-top:26px;padding:18px 20px;border-radius:16px;background:rgb(var(--fg)/calc(.045 + var(--a-boost, 0) * .043))}.hb-advice-cta{display:flex;flex-direction:column;gap:10px;margin-top:30px}.hb-btn-wrap{width:100%;height:auto;min-height:48px;padding-top:12px;padding-bottom:12px;white-space:normal;text-align:center;line-height:1.45}.hb-advice-ghost{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hb-advice-ghost li{padding:6px 13px;border-radius:999px;border:1px solid rgb(var(--fg)/calc(.12 + var(--a-boost, 0) * .1056));color:rgb(var(--fg)/calc(.55 + var(--a-boost, 0) * .2475));font-size:13px;font-weight:300}.hb-price-opmaat{color:rgb(var(--accent));font-style:italic;font-weight:300}[data-theme=light] .hb-card{background:radial-gradient(90% 50% at 85% 0,rgb(var(--accent-fill)/.1),transparent 70%),linear-gradient(180deg,rgb(var(--ink-3)/.92),rgb(var(--ink-3)/.62));box-shadow:0 50px 90px -60px rgb(var(--shade)),0 2px 0 rgb(var(--ink-3)/.6) inset;transition:border-color .4s ease,background-color .4s ease,box-shadow .4s ease}[data-theme=light] .hb-card:hover{background:radial-gradient(90% 50% at 85% 0,rgb(var(--accent-fill)/.16),transparent 70%),linear-gradient(180deg,rgb(var(--ink-3)),rgb(var(--ink-3)/.75));box-shadow:0 60px 100px -55px rgb(var(--shade)),0 30px 60px -45px rgb(var(--accent-fill)/.45)}[data-theme=light] .hb-card-mini .wy-viz{background:radial-gradient(120% 90% at 80% 0,rgb(var(--accent-fill)/.14),transparent 60%),linear-gradient(180deg,rgb(var(--ink)),rgb(var(--ink-2)))}[data-theme=light] .hb-tag{background:rgb(var(--ink-3)/.8)}[data-theme=light] .hb-tile .pr-win{background:radial-gradient(120% 70% at 85% 0,rgb(var(--accent-fill)/.12),transparent 60%),linear-gradient(180deg,rgb(var(--ink-3)),rgb(var(--ink-2)));box-shadow:0 50px 90px -50px rgb(var(--shade)),0 30px 60px -40px rgb(var(--accent-fill)/.3)}[data-theme=light] .hb-tile-phone{background:radial-gradient(70% 60% at 50% 30%,rgb(var(--accent-fill)/.16),transparent 70%),rgb(var(--ink-3)/.55)}[data-theme=light] .hb-tile-phone .sv-phone{background:rgb(var(--ink-3));box-shadow:0 40px 80px -45px rgb(var(--shade)),0 20px 50px -35px rgb(var(--accent-fill)/.35)}[data-theme=light] .hb-tile .pr-chrome{background:rgb(var(--ink-2)/.9)}[data-theme=light] .hb-advice{background:rgb(var(--ink-3)/.9)}[data-theme=light] .hb-advice-sec{background:rgb(var(--accent-fill)/.12)}[data-theme=light] .hb-advice-glow{background:radial-gradient(closest-side,rgb(var(--accent-fill)/.55),rgb(var(--accent-fill)/.24) 50%,rgb(var(--accent-fill)/0) 78%);mix-blend-mode:multiply}@media (prefers-reduced-motion:reduce){.hb-ad,.hb-card-mini,.hb-chip-tick:after,.hb-chip-ui,.hb-chip-ui:before,.hb-field-t,.hb-heart-f,.hb-jm-chip,.hb-lead,.hb-org,.hb-q,.hb-sent,.hb-tile,.hb-toast,.hb-token,.hb-token-layer{transition:none!important}.hb-advice--swap,.hb-advice-glow,.hb-heart-big,.hb-q:after,.hb-send,.hb-send-ripple{animation:none!important}}