@charset "UTF-8";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.syscom-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem 1rem;border-radius:6px;font-size:.85rem;font-weight:400;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;text-decoration:none;white-space:nowrap}.syscom-btn--primary{background:var(--color-clickables);color:var(--general-bg);border-color:var(--color-clickables)}.syscom-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.syscom-btn--ghost{background:transparent;color:var(--color-clickables);border-color:var(--color-clickables)}.syscom-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-clickables) 8%,transparent)}.syscom-btn:disabled{opacity:.45;cursor:not-allowed}.btn-toggle{justify-content:center}.btn-toggle--active{border-color:#0069b459;background:#0069b414;color:var(--color-clickables)}@font-face{font-family:NeuropolX;src:url("./media/Neuropol X Rg-62PCYBBW.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--default-font: "Montserrat", sans-serif;--desktop-width: 1100px;--thick-border: 4px solid var(--color-clickables);--default-pm-top: 4rem;--default-pm-bottom: 8rem;--subtle-border-dashed: 2px dashed color(from var(--syscom-third-color) xyz x y z/.375);--hue: 223;--transDur: .3s;--general-bg: light-dark(white, #142c44);--general-header: light-dark(rgba(255,255,255,.9), rgba(20,44,68,.85));--text-color-accent: light-dark(#25415D, #C2D3E4);--color-clickables: light-dark(#006FC0, #66C9FF);--color-clickables-darker: light-dark(#005994, #42AEEB);--box-shadow: light-dark(rgba(0,0,0,.12), rgba(0, 0, 0, .6));--box-shadow-active: light-dark(rgba(0,0,0,.24), rgba(255,255,255,.24));--box-shadow-border: light-dark(#E4E9EF, rgba(102, 201, 255, .34));--box-shadow-circle-buttons: light-dark(color-mix(in srgb, var(--color-clickables) 60%, transparent), rgba(79, 180, 255, .6));--card-bg: light-dark(#F7F9FC, #1F3651);--card-border: light-dark(var(--box-shadow), #3e5267);--title-color: light-dark(white, #17314A);--syscom-color: light-dark(#0F2439, #E2EAF1);--verander-je-ww: light-dark(#051d34, white);--team-bg: light-dark(rgb(238, 243, 250, .8), rgb(15, 26, 42,.8));--footer: light-dark(var(--color-clickables), #2a5b80);--footer-color: light-dark(#F8FAFD, #E6EEF6);--color-company-name: light-dark(var(--color-clickables), #C2D3E4);--table-row: light-dark(rgb(240,240,240), #293e55);--washed-image: light-dark(rgba(255,255,255,.8), color(from var(--card-border) xyz x y z / .8));--snow: light-dark(#bcdcff, #E6F2FF);--snow-home-background: light-dark(rgba(245, 248, 252, .9), #142c44);--delete: light-dark(#d32f2f, #ff0000);--general-text-color: light-dark(#30557E, #E2EAF1);--syscom-primary-color: light-dark(#30557E, #274668);--syscom-secondary-color: light-dark(#4B5768, #4B5768);--syscom-third-color: light-dark(#5A6979, #BCC8D3);--syscom-third-button-color: light-dark(#5F7387, #A2B0BD);--table-header-text: light-dark(#30557E, #BCC8D3);--hero1: light-dark(#845a96, #634471);--hero2: light-dark(#ca6287, #984a66);--hero3: light-dark(#ef8065, #b4604c);--text-blue: light-dark(#5674A5, #5674A5);--border-outsourcing: light-dark(#5674A5, #AEAEAE);--niv0: light-dark(#EFEFEF, #2A2A2A);--niv1: light-dark(#d49ae6, #7a4f91);--niv2: light-dark(#f2969b, #a5484e);--niv3: light-dark(#f0b481, #9d6037);--niv4: light-dark(#f5d084, #7c663b);--niv5: light-dark(#a2f2a7, #45804a);--background-error: light-dark(#fee2e2, rgba(220, 38, 38, .08));--color-error: light-dark(#dc2626, #dc2626);--border-error: light-dark(#dc2626, #dc2626);--background-success: light-dark(#dcfce7, rgba(22, 163, 74, .08));--color-success: light-dark(#16a34a, #16a34a);--border-success: light-dark(#16a34a, #16a34a);--bg: light-dark(hsl(var(--hue), 10%, 100%), hsl(var(--hue), 10%, 100%));--fg: light-dark(hsl(var(--hue), 10%, 0%), hsl(var(--hue), 10%, 0%));--primary: light-dark(hsl(var(--hue), 90%,55%), hsl(var(--hue), 90%,55%));--primaryT: light-dark(hsla(var(--hue), 90%,55%,0), hsla(var(--hue), 90%,55%,0));--dark-visible: light-dark(none, block);--light-visible: light-dark(block, none);--grayscale-images: light-dark(grayscale(1), grayscale(1) invert(1));--grayscale-images: grayscale(1)}@media(prefers-color-scheme:dark){:root{--grayscale-images: grayscale(1) invert(1)}}@media(prefers-color-scheme:light){:root{--grayscale-images: grayscale(1)}}.light{color-scheme:light;--grayscale-images: grayscale(1)}.darkmode{color-scheme:dark;--grayscale-images: grayscale(1) invert(1)}html{scroll-behavior:smooth;min-height:100%}body{font-family:var(--default-font);margin:0;min-height:100%;background-color:var(--general-bg);color:var(--syscom-color);box-sizing:border-box}body *{box-sizing:border-box}body.no-scroll{overflow:hidden}.link{color:var(--color-clickables);text-decoration:none;width:fit-content}.link:hover{text-decoration:underline}h1{color:var(--text-color-accent);font-weight:600;font-size:48px;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.25rem;max-width:42rem}h2{color:var(--text-color-accent);font-weight:600;font-size:32px;line-height:48px;text-align:left;margin-top:0;margin-bottom:1rem}.home-p{font-size:18px;line-height:28px;margin:0 auto;margin-top:2rem;color:var(--text-color-accent)}.cdk-overlay-pane{overflow-y:auto}.default-site-width{width:var(--desktop-width);margin:0 auto}.button{display:inline-block;background:var(--color-clickables);color:var(--general-bg);font-weight:600;text-decoration:none;padding:.75rem 1.75rem;position:relative;border:1px solid var(--color-clickables);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.5;letter-spacing:.02em;border-radius:8px}.button:disabled,.button[disabled]{background-color:#1d5f74;border-color:#1d5f74;cursor:default}.button-only-border{background:transparent;color:var(--color-clickables);border-color:var(--color-clickables)}.ripple{position:relative;overflow:hidden;transition:all .3s;display:inline-block;z-index:1}.ripple:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-2}.ripple:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;transition:all .3s;z-index:-1}.ripple:hover:before{width:100%}.ripple-third:hover{color:#fff!important;border:1px solid rgb(0,118.5773480663,252.5)!important}.ripple-third:before{background-color:#0077fd}.ripple-third-only-border:hover{color:#fff!important;border:1px solid #3F87D9!important}.ripple-third-only-border:before{background-color:#3f87d9}ul{list-style-type:none;padding:0;margin:0}a{color:var(--syscom-color)}textarea,input{background:var(--title-color)}@media screen and (max-width:1279.99px){.home-p{font-size:18px;line-height:26px}h1{font-size:32px;line-height:48px;margin-top:1rem}h2{margin-top:1rem;font-size:22px;line-height:36px}.default-site-width{width:auto;padding:0 1rem}.section-header,.section-header h2,.section-eyebrow{text-align:left}.cdk-overlay-pane{height:100dvh;width:100dvw}}.full-screen-overlay-panel{width:100%;height:100%}.utility-dropdown-panel{border:1px solid var(--card-border);border-radius:12px;width:19rem;max-width:min(19rem,100vw - 2rem);overflow:hidden;background-color:var(--general-bg);box-shadow:0 8px 24px var(--box-shadow);list-style:none;padding:0;margin:0}.utility-dropdown-panel li{display:block;border-top:1px solid var(--card-border)}.utility-dropdown-panel li:first-child{border-top:none}.utility-dropdown-panel li:hover{background-color:var(--card-bg)}.utility-dropdown-panel a,.utility-dropdown-panel button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.1rem;text-decoration:none;color:var(--text-color-accent);font-size:15px;font-weight:600;background:transparent;border:none;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap}.utility-dropdown-panel a:hover,.utility-dropdown-panel button:hover{color:var(--color-clickables)}.utility-dropdown-panel a svg,.utility-dropdown-panel button svg{width:18px;height:18px;flex-shrink:0;color:var(--color-clickables)}.section-eyebrow{margin:0 0 .75rem;color:var(--syscom-third-color);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-header{text-align:left;margin-bottom:3rem}.section-intro{margin:0 auto;line-height:1.7;opacity:.75;font-size:clamp(1rem,1.3vw,1.125rem)}.section-intro>p{max-width:46rem}:is(.about-hero,.team-hero,.ia-hero,.cd-hero,.ws-hero){background:var(--card-bg);padding-top:var(--default-pm-top);padding-bottom:var(--default-pm-bottom)}:is(.contact-hero,.support-hero,.news-hero,.services-hero,.sp-hero){background:var(--card-bg);padding-top:var(--default-pm-top);padding-bottom:var(--default-pm-bottom);border-bottom:1px solid var(--card-border)}:is(.about-mission,.team-groups,.ia-problems,.ia-testimonial,.stories-cta,.about-cta,.wa-cases,.wa-cta,.wa-intro,.wa-approach,.ws-usp,.ws-approach,.ws-wcag,.ws-faq){background:var(--general-bg);border-top:1px solid var(--card-border);padding-top:var(--default-pm-top);padding-bottom:var(--default-pm-bottom)}:is(.about-values,.team-overview,.team-cta,.ia-steps,.ia-cta,.wa-examples,.wa-tech,.wa-faq,.ws-types,.ws-tech,.ws-cases,.ws-cta){background:var(--card-bg);border-top:1px solid var(--card-border);padding-top:var(--default-pm-top);padding-bottom:var(--default-pm-bottom)}:is(.contact-main,.support-main,.news-grid-section,.services-category,.services-cta,.sp-form){padding-top:var(--default-pm-top);padding-bottom:var(--default-pm-bottom)}:is(.contact-main,.support-main,.news-grid-section,.services-category,.services-cta){border-bottom:1px solid var(--card-border)}:is(.contact-main,.support-main,.news-grid-section,.services-category){background:var(--general-bg)}.services-cta{background:var(--card-bg)}.story-hero .section-eyebrow{color:#ffffffbf}.story-section{background:var(--card-bg);border-top:1px solid var(--card-border);padding:var(--default-pm-top) 0 var(--default-pm-bottom)}.story-section--alt{background:var(--general-bg)}.story-body{max-width:min(var(--desktop-width),100%)}.story-body h2{margin:.25rem 0 1.5rem;text-align:left;line-height:1.15;letter-spacing:-.02em}.story-body__text{max-width:46rem}.story-body__text p{margin:0 0 1rem;font-size:clamp(1rem,1.2vw,1.0625rem);line-height:1.75;color:var(--text-color-accent)}.story-body__text p:last-child{margin-bottom:0}.inline-link{color:var(--color-clickables);text-decoration:underline;text-underline-offset:2px}.inline-link:hover{text-decoration:none}.story-image-full{line-height:0}.story-image-full img{display:block;width:100%;max-height:750px;object-fit:cover}.story-quote-section{background:var(--card-bg);border-top:1px solid var(--card-border);padding:var(--default-pm-top) 0 var(--default-pm-bottom)}.story-quote blockquote{margin:0;padding:0 0 0 1.5rem;border-left:4px solid var(--color-clickables);max-width:46rem}.story-quote blockquote p{margin:0 0 .75rem;font-size:clamp(1rem,1.4vw,1.25rem);font-style:italic;line-height:1.65;color:var(--text-color-accent)}.story-quote blockquote footer{font-size:.9rem;font-weight:600;color:var(--color-clickables)}.story-gallery{background:var(--general-bg);border-top:1px solid var(--card-border);padding:var(--default-pm-top) 0 var(--default-pm-bottom)}.story-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-gallery__grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.story-cta{background:var(--card-bg);border-top:1px solid var(--card-border);padding:var(--default-pm-top) 0 var(--default-pm-bottom)}.story-cta__content{display:flex;flex-direction:column;align-items:flex-start;gap:0}.story-cta__content h2{margin:.25rem 0 1rem;text-align:left;max-width:40rem}.story-cta__intro{margin:0 0 2rem;max-width:46rem;color:var(--text-color-accent);line-height:1.75}.story-cta__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.story-cta__actions .button{margin-top:0}@media screen and (max-width:1279.99px){.story-hero{min-height:320px}.story-hero__content{padding:6rem 1rem 0}.story-body,.story-quote{padding:0 1rem}.story-quote blockquote{border-left:none;padding-left:0}.story-gallery__grid{grid-template-columns:1fr}.story-gallery__grid img{border-radius:8px;aspect-ratio:16/9}.story-cta__content{padding:0 1rem}}.text-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-clickables);font-weight:600;font-size:.9375rem;text-decoration:none}.text-link:hover{text-decoration:underline}.darkmode .ripple-third:hover{color:var(--general-bg)!important;border:1px solid rgb(2.5,147.4005681818,255)!important}.darkmode .ripple-third:before{background-color:#0393ff}.darkmode .ripple-third-only-border:hover{color:var(--general-bg)!important;border:1px solid #4190cc!important}.darkmode .ripple-third-only-border:before{background-color:#4190cc}.dark{display:var(--dark-visible)}.light{display:var(--light-visible)}.syscom-portaal .error,.cdk-overlay-container .error{text-align:center;color:red;font-weight:700;border:1px solid red;width:fit-content;padding:2rem;margin:0 auto;border-radius:4px;line-height:24px}.syscom-portaal .fade-in,.cdk-overlay-container .fade-in{opacity:.65;transform:translateY(1px);animation:fadeIn .4s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.syscom-portaal .page-description,.cdk-overlay-container .page-description{margin-top:1rem;margin-bottom:2.5rem;max-width:52rem;text-align:left;font-size:1.0625rem;line-height:1.75;color:var(--general-text-color)}.syscom-portaal .mysyscom-page-header,.cdk-overlay-container .mysyscom-page-header{width:min(1279px,100% - 3rem);margin:0 auto 2rem;padding:0 1.5rem;box-sizing:border-box}.syscom-portaal .mysyscom-page-header h1,.cdk-overlay-container .mysyscom-page-header h1{margin-bottom:.75rem}.syscom-portaal .mysyscom-page-intro,.cdk-overlay-container .mysyscom-page-intro{max-width:42rem;margin-bottom:0}.syscom-portaal .mysyscom-section,.cdk-overlay-container .mysyscom-section{width:min(1279px,100% - 3rem);margin:0 auto 2rem;padding:1.25rem 1.5rem;border:1px solid var(--card-border);border-radius:16px;background:color-mix(in srgb,var(--general-bg) 92%,var(--card-bg));box-shadow:0 8px 22px color(from var(--box-shadow) xyz x y z/.1);box-sizing:border-box}.syscom-portaal .mysyscom-section--compact,.cdk-overlay-container .mysyscom-section--compact{padding-top:1rem;padding-bottom:1rem}.syscom-portaal .mysyscom-section__header,.cdk-overlay-container .mysyscom-section__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem}.syscom-portaal .mysyscom-section__eyebrow,.cdk-overlay-container .mysyscom-section__eyebrow{display:inline-flex;align-items:center;margin-bottom:.5rem;color:var(--color-clickables);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.syscom-portaal .mysyscom-section__title,.cdk-overlay-container .mysyscom-section__title{margin:0;color:var(--syscom-color);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.2;text-align:left}.syscom-portaal .mysyscom-section__count,.cdk-overlay-container .mysyscom-section__count{margin:0;color:var(--general-text-color);font-size:.9rem;white-space:nowrap;opacity:.75}.syscom-portaal .mysyscom-section__meta,.cdk-overlay-container .mysyscom-section__meta{margin:.5rem 0 0;color:var(--general-text-color);line-height:1.6;max-width:42rem}.syscom-portaal .mysyscom-stack,.cdk-overlay-container .mysyscom-stack{display:flex;flex-direction:column;gap:1rem}.syscom-portaal .mysyscom-stack.my-info,.syscom-portaal .mysyscom-stack.contact-stack,.cdk-overlay-container .mysyscom-stack.my-info,.cdk-overlay-container .mysyscom-stack.contact-stack{gap:0}.syscom-portaal .mysyscom-stack.my-info>*,.syscom-portaal .mysyscom-stack.contact-stack>*,.cdk-overlay-container .mysyscom-stack.my-info>*,.cdk-overlay-container .mysyscom-stack.contact-stack>*{padding-bottom:1.25rem}.syscom-portaal .mysyscom-stack.my-info>*:not(:first-child),.syscom-portaal .mysyscom-stack.contact-stack>*:not(:first-child),.cdk-overlay-container .mysyscom-stack.my-info>*:not(:first-child),.cdk-overlay-container .mysyscom-stack.contact-stack>*:not(:first-child){padding-top:1rem;border-top:1px solid var(--card-border)}.syscom-portaal .mysyscom-stack.my-info>*:last-child,.syscom-portaal .mysyscom-stack.contact-stack>*:last-child,.cdk-overlay-container .mysyscom-stack.my-info>*:last-child,.cdk-overlay-container .mysyscom-stack.contact-stack>*:last-child{padding-bottom:0}.syscom-portaal .mysyscom-empty-state,.cdk-overlay-container .mysyscom-empty-state{margin:0;padding:1rem 1.25rem;border:1px dashed var(--card-border);border-radius:14px;color:var(--general-text-color);background:color-mix(in srgb,var(--card-bg) 70%,transparent)}.syscom-portaal .mysyscom-section .card-layout,.syscom-portaal .mysyscom-section .default-site-width,.cdk-overlay-container .mysyscom-section .card-layout,.cdk-overlay-container .mysyscom-section .default-site-width{width:100%;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;background:transparent}.syscom-portaal .card-layout,.cdk-overlay-container .card-layout{box-shadow:0 8px 28px var(--box-shadow);border-radius:16px;background-color:var(--general-bg);padding:3rem;margin-bottom:8rem;width:1279px;margin-left:auto;margin-right:auto;position:relative}.syscom-portaal .card-layout>div,.syscom-portaal .card-layout .table-container,.cdk-overlay-container .card-layout>div,.cdk-overlay-container .card-layout .table-container{border:1px solid var(--card-border);border-radius:4px;overflow:hidden}.syscom-portaal .popup>div,.cdk-overlay-container .popup>div{border-bottom:none}.syscom-portaal .card-title,.cdk-overlay-container .card-title{margin:0;margin-bottom:2rem;text-align:left}.syscom-portaal table,.cdk-overlay-container table{border-collapse:collapse;width:100%}.syscom-portaal thead.sticky,.cdk-overlay-container thead.sticky{position:sticky;top:0;background-color:var(--general-bg)}.syscom-portaal thead.sticky>tr,.cdk-overlay-container thead.sticky>tr{border-top-left-radius:4px;border-top-right-radius:4px}.syscom-portaal thead.sticky>tr th:first-of-type,.cdk-overlay-container thead.sticky>tr th:first-of-type{border-top-left-radius:4px}.syscom-portaal thead.sticky>tr th:last-of-type,.cdk-overlay-container thead.sticky>tr th:last-of-type{border-top-right-radius:4px}.syscom-portaal th,.syscom-portaal td,.cdk-overlay-container th,.cdk-overlay-container td{border:1px solid var(--card-border);border-left:none;border-right:none;text-align:left;padding:1rem;text-transform:capitalize;font-size:14px}.syscom-portaal th app-icon,.syscom-portaal td app-icon,.cdk-overlay-container th app-icon,.cdk-overlay-container td app-icon{justify-self:end;color:var(--text-color-accent)}.syscom-portaal tr:nth-of-type(2n),.cdk-overlay-container tr:nth-of-type(2n){background-color:var(--table-row)}.syscom-portaal thead>tr,.cdk-overlay-container thead>tr{background:var(--card-bg)}.syscom-portaal thead>tr>th,.cdk-overlay-container thead>tr>th{border:none}.syscom-portaal caption,.cdk-overlay-container caption{color:transparent;-webkit-user-select:none;user-select:none;height:0}.syscom-portaal .close,.cdk-overlay-container .close{position:absolute;top:1rem;right:1rem;border-radius:50%;padding:.5rem;color:var(--text-color-accent)}.syscom-portaal hr,.cdk-overlay-container hr{color:var(--card-bg);border-color:var(--card-border);border-style:solid;border-bottom:none}@media screen and (max-width:1279.99px){.syscom-portaal .error-box,.cdk-overlay-container .error-box{padding:0 1rem}.syscom-portaal h1,.syscom-portaal .page-description,.cdk-overlay-container h1,.cdk-overlay-container .page-description{text-align:left;margin-top:1rem;max-width:1280px}.syscom-portaal .card-layout,.cdk-overlay-container .card-layout{box-shadow:none;border-radius:0;padding:0;width:100%;min-height:auto}.syscom-portaal .card-layout>div,.cdk-overlay-container .card-layout>div{border-radius:0}.syscom-portaal .card-layout.popup,.cdk-overlay-container .card-layout.popup{min-height:100vh;margin-bottom:0}.syscom-portaal .card-title,.cdk-overlay-container .card-title{background:var(--card-bg);color:var(--syscom-color);padding:1rem;border-bottom:1px solid var(--card-border);border-left:4px solid var(--color-clickables);margin-bottom:0;margin-top:0}.syscom-portaal .mysyscom-page-header,.cdk-overlay-container .mysyscom-page-header{width:100%;margin-bottom:1.5rem;padding:0 1rem}.syscom-portaal .mysyscom-section,.cdk-overlay-container .mysyscom-section{width:100%;margin-bottom:1.5rem;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent}.syscom-portaal .mysyscom-section__header,.cdk-overlay-container .mysyscom-section__header{padding:0 1rem;margin-bottom:1rem;align-items:start;flex-direction:column;gap:.75rem}.syscom-portaal .mysyscom-section__meta,.cdk-overlay-container .mysyscom-section__meta{max-width:none}.syscom-portaal .mysyscom-stack,.cdk-overlay-container .mysyscom-stack{gap:.75rem}.syscom-portaal .mysyscom-empty-state,.cdk-overlay-container .mysyscom-empty-state{margin:0}.syscom-portaal .close,.cdk-overlay-container .close{color:var(--general-bg);top:.75rem;right:0}.syscom-portaal thead,.cdk-overlay-container thead{display:none}.syscom-portaal table,.syscom-portaal tbody,.syscom-portaal tr,.syscom-portaal td,.cdk-overlay-container table,.cdk-overlay-container tbody,.cdk-overlay-container tr,.cdk-overlay-container td{display:block;width:100%}.syscom-portaal td,.cdk-overlay-container td{padding:.7rem 1rem;text-align:right!important;display:flex;justify-content:space-between;align-items:center;width:100%!important}.syscom-portaal td:before,.cdk-overlay-container td:before{content:attr(data-label);font-weight:700;display:block;color:var(--text-color-secondary);text-transform:uppercase;font-size:.72rem}.syscom-portaal td>span,.cdk-overlay-container td>span{display:block;text-align:right}.syscom-portaal tr:last-of-type td:last-of-type,.cdk-overlay-container tr:last-of-type td:last-of-type{border-bottom:1px solid var(--box-shadow)}.syscom-portaal .skeleton-table,.cdk-overlay-container .skeleton-table{border:none;overflow:hidden;max-height:75vh}.syscom-portaal .skeleton-table tbody,.cdk-overlay-container .skeleton-table tbody{height:100%;max-height:75vh}}.reveal{opacity:0;transform:translateY(2rem);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.hero-intro{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.75;color:var(--text-color-accent);margin:0;max-width:46rem}.section-actions{display:flex;align-items:center;gap:1rem 1.25rem;flex-wrap:wrap}.section-actions .button{margin-top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-bubble{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:8px;background:color-mix(in srgb,var(--color-clickables) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-clickables)}.faq__items{max-width:48rem}.faq-item{border-bottom:1px solid var(--card-border)}.faq-item summary{cursor:pointer;padding:1.25rem 0;font-weight:600;font-size:1.1rem;line-height:1.4;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-color-accent)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex-shrink:0;font-size:1.5rem;line-height:1;color:var(--color-clickables);transition:transform .3s ease}.faq-item summary:hover{color:var(--color-clickables)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 0 1.25rem;line-height:1.7;max-width:42rem}.faq-item a{color:var(--color-clickables);font-weight:600;text-decoration:none}.faq-item a:hover{text-decoration:underline}@media screen and (max-width:1279.99px){.faq-item summary{font-size:1rem}}.timeline{list-style:none;padding:0 0 0 2rem;margin:2rem 0 0 .65rem;position:relative;border-left:4px solid var(--syscom-primary-color);counter-reset:step}.timeline li{margin-bottom:2rem;padding-left:1rem;position:relative;counter-increment:step}.timeline li:last-child{margin-bottom:0}.timeline li:before{content:counter(step);position:absolute;left:-2.85rem;top:-.05rem;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--syscom-primary-color);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center}.timeline li strong{display:block;font-size:1.05rem;font-weight:700;color:var(--text-color-accent);margin-bottom:.25rem}.case-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-list li{border-radius:12px;border:1px solid var(--card-border);background:var(--case-item-bg, var(--general-bg));transition:box-shadow .2s ease}.case-list li:hover{box-shadow:0 4px 20px var(--box-shadow)}.case-list li a{display:flex;flex-direction:column;height:100%;padding:1.25rem;text-decoration:none;color:inherit}.case-list li a .link{margin-top:auto;padding-top:.75rem}.case-list li strong{display:block;font-weight:700;color:var(--text-color-accent);margin-bottom:.5rem}.case-list li p{line-height:1.6;color:var(--text-color-accent);font-size:.9rem;margin:0 0 .75rem}.case-logo{height:64px;width:64px;margin-bottom:.75rem;display:block;object-fit:cover;border-radius:8px}@media screen and (max-width:1279.99px){.case-list{grid-template-columns:1fr}}