@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
:root{--sig-course:14px;--sig-joint:2px;--sig-corner:22px;--sig-corner-hover:30px;--grad-gevel:linear-gradient(168deg, var(--c-secondary) 0%, var(--c-tertiary) 78%, var(--c-primary) 100%);--grad-gevel-zacht:linear-gradient(168deg, color-mix(in srgb,var(--c-secondary) 12%,var(--surface)), color-mix(in srgb,var(--c-primary) 10%,var(--surface)));--tex-verband:repeating-linear-gradient(0deg, color-mix(in srgb,var(--ink) 5%,transparent) 0 1px, transparent 1px 26px), repeating-linear-gradient(90deg, color-mix(in srgb,var(--ink) 5%,transparent) 0 1px, transparent 1px 58px);--btn-bg:var(--c-primary);--btn-fg:#fff;--btn-radius:var(--r);--btn-pad-x:32px;--btn-pad-y:13px;--btn-shadow:none;--card-radius:var(--r);--card-border-color:var(--border)}.btn{--sig-voeg:var(--c-tertiary);transition:transform .28s var(--ease-standard,ease), border-color .28s var(--ease-standard,ease), background .28s var(--ease-standard,ease), box-shadow .28s var(--ease-standard,ease), filter .28s var(--ease-standard,ease)}.btn:after{content:"";height:var(--sig-joint);background:var(--sig-voeg);transform-origin:bottom;transition:transform .16s var(--ease-standard,ease);position:absolute;bottom:0;left:0;right:0}.btn:hover,.btn:focus-visible{transform:translateY(var(--sig-joint))}.btn:hover:after,.btn:focus-visible:after{transform:scaleY(0)}.btn:active{transform:translateY(calc(var(--sig-joint) + 1px))}.btn:hover,.btn:focus-visible,.btn-primary:hover,.btn-fill-primary:hover,.btn-fill-secondary:hover,.btn-fill-tertiary:hover,.btn-fill-accent:hover,.btn-fill-ai-accent:hover{color:var(--btn-fg)}.btn-primary:hover,.btn-fill-primary:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--acc) 62%, #fff), color-mix(in srgb, var(--acc) 84%, #fff));filter:none}.btn-disabled,.btn:disabled,.btn[aria-disabled=true]{transform:none!important}.btn-disabled:after,.btn:disabled:after,.btn[aria-disabled=true]:after{display:none}.btn-fill-secondary{--sig-voeg:color-mix(in srgb, var(--c-secondary) 68%, #000)}.btn-fill-tertiary{--sig-voeg:color-mix(in srgb, var(--c-tertiary) 68%, #000)}.btn-fill-accent{--sig-voeg:color-mix(in srgb, var(--c-accent) 70%, #000);--btn-fg:var(--ink)}.btn-fill-primary{--sig-voeg:var(--c-tertiary)}.btn-secondary,.btn-ghost{--btn-bg:var(--surface);--btn-fg:var(--c-secondary);--sig-voeg:var(--c-secondary);border-color:var(--border-2)}.btn-secondary:hover,.btn-ghost:hover,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.card:hover .btn-secondary{--btn-fg:var(--c-primary);border-color:var(--c-primary)}.btn-secondary:hover:after,.btn-ghost:hover:after{background:var(--c-primary)}.btn-primary,.btn-fill-primary{border-color:color-mix(in srgb, var(--c-primary) 72%, #000)}.btn-fill-secondary{border-color:color-mix(in srgb, var(--c-secondary) 72%, #000)}.btn-fill-tertiary{border-color:color-mix(in srgb, var(--c-tertiary) 72%, #000)}.btn-fill-accent{border-color:color-mix(in srgb, var(--c-accent) 74%, #000)}.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}html.no-bar .card:before{content:"";width:var(--sig-corner);height:var(--sig-corner);border-top:var(--sig-joint) solid var(--c-secondary);border-left:var(--sig-joint) solid var(--c-secondary);border-top-left-radius:var(--r-sm);transition:width .2s var(--ease-out,ease), height .2s var(--ease-out,ease), border-color .2s var(--ease-standard,ease);background:0 0;position:absolute;inset:0 auto auto 0;display:block!important}html.no-bar .card:hover:before{width:var(--sig-corner-hover);height:var(--sig-corner-hover);border-color:var(--c-primary)}html.no-bar .card:after,.card:not(.dienst):after{content:none!important;display:none!important}.card{box-shadow:none;border:1px solid var(--border)}.card:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--c-secondary) 12%,transparent)}html.no-bar .card.dienst:before{border-color:var(--c-primary)}.card.dienst:hover h3,.card.dienst:hover .ico,.card.dienst:hover .ic{color:var(--c-primary)}.card.dienst:before{background:var(--c-primary)}.sig-link,.card a:not(.btn),main p a:not(.btn){color:var(--c-accent-ink,var(--c-primary));text-decoration:none;position:relative}.sig-link:after,.card a:not(.btn):after,main p a:not(.btn):after{content:"";height:var(--sig-joint);transform-origin:0;background:currentColor;transition:transform .24s steps(2,end);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.sig-link:hover:after,.card a:not(.btn):hover:after,main p a:not(.btn):hover:after,.sig-link:focus-visible:after{transform:scaleX(1)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--c-secondary);background:0 0;border-radius:0;align-items:center;gap:10px;padding:0;font-weight:700;display:inline-flex}.eyebrow:before{content:"";width:26px;height:var(--sig-joint);background:var(--c-primary);flex:none}.faq details{border-bottom:1px solid var(--border);transition:background-color .2s var(--ease-standard,ease);padding:12px 0 12px 18px;position:relative}.faq details:before{content:"";width:var(--sig-joint);background:var(--border-2);transform-origin:top;transition:transform .24s var(--ease-out,ease), background-color .2s var(--ease-standard,ease);position:absolute;top:10px;bottom:10px;left:0;transform:scaleY(.55)}.faq details:hover:before{background:var(--c-secondary);transform:scaleY(.8)}.faq details[open]:before{background:var(--c-primary);transform:scaleY(1)}.faq details[open]{background:color-mix(in srgb,var(--c-primary) 4%,transparent);border-radius:0 var(--r-sm) var(--r-sm) 0}.faq summary{padding-right:12px}.faq details[open] summary{color:var(--c-primary)}.faq summary .chev{transition:transform .22s var(--ease-standard,ease), color .2s ease}.faq details[open] summary .chev{color:var(--c-primary);transform:rotate(180deg)}.faq details[open]>:not(summary){animation:sig-voeg-open .26s var(--ease-out,ease) both}@keyframes sig-voeg-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sig-band{background:var(--grad-gevel);color:#fff}.sig-band-soft{background:var(--grad-gevel-zacht)}.sig-textuur{background-image:var(--tex-verband);background-color:var(--bg-soft)}.sg-head{background:var(--grad-gevel)!important}.field input,.field select,.field textarea,input,select,textarea{border-radius:var(--r-sm);transition:border-color var(--motion-fast,.18s) ease, box-shadow var(--motion-fast,.18s) ease}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--c-primary);box-shadow:inset 0 -3px 0 0 var(--c-primary);outline:none}input[type=radio]:checked,input[type=checkbox]:checked{border-color:var(--c-primary)}input[type=radio]:checked:after,input[type=checkbox]:checked{background:var(--c-primary)}input[type=range]{background:var(--border-2);border:none}input[type=range]::-webkit-slider-thumb{background:var(--c-primary)}input[type=range]::-moz-range-thumb{background:var(--c-primary)}input[type=range]::-moz-range-track{background:var(--border-2)}[data-sig=wipe-up]{transform-origin:bottom;transition:transform .5s var(--ease-out,ease);transform:scaleY(0)}[data-sig=wipe-up].in{transform:scaleY(1)}[data-sig=course-shift]{transform:translateX(calc(-1 * var(--sig-course)));opacity:0;transition:transform .4s steps(2,end),opacity .3s linear}[data-sig=course-shift].in{opacity:1;transform:translate(0)}[data-sig=corner-draw]{clip-path:inset(0 100% 100% 0);transition:clip-path .5s var(--ease-out,ease)}[data-sig=corner-draw].in{clip-path:inset(0)}[data-sig=plumb-settle]{opacity:0;transform:translateY(-10px)}[data-sig=plumb-settle].in{opacity:1;transition:opacity .35s linear,transform .55s cubic-bezier(.22,.9,.28,1.04);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:focus-visible,.btn:active,.btn:after{transition:none!important;transform:none!important}html.no-bar .card:before,html.no-bar .card:after,.sig-link:after,.card a:not(.btn):after,main p a:not(.btn):after,.faq details:before{transition:none!important}.faq details[open]>:not(summary){animation:none!important}.faq summary .chev,.faq details[open] summary .chev{transition:none!important}[data-sig]{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text,#3f3f3f);background:var(--bg,#fcfcfc);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:var(--container-max,1300px);padding:0 var(--page-pad,24px);margin:0 auto}