:root{--ink:#271047;--deep:#271047;--muted:#5f586b;--paper:#fff;--line:#e5dfed;--max:1280px}body{background:#fff}h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(34px,3.4vw,48px);line-height:1.16}p{line-height:1.75}.header{background:#fff;backdrop-filter:none}.nav-wrap{min-height:110px}.nav-wrap nav{font-weight:700;font-size:14px;gap:24px}.button{border-radius:5px;padding:16px 23px;font-size:14px;box-shadow:none}.button-small{padding:13px 18px;font-size:12px}.brand,.brand img{width:175px}.announcement{padding:15px 24px;background:#eadcfb;color:#411b79;display:flex;justify-content:center;align-items:center;gap:24px;font-size:13px;font-weight:600}.announcement a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.announcement a span{display:inline-block;margin-left:8px;text-decoration:none}.hero{position:relative;background:linear-gradient(115deg,#fff 35%,#f8f2ff 75%,#eee0ff);padding:86px 0 110px;overflow:hidden}.hero:after{content:'';position:absolute;bottom:-60px;left:-10%;width:120%;height:90px;background:white;border-radius:50% 50% 0 0}.hero-grid{grid-template-columns:1fr 1.13fr;gap:46px;align-items:center}.hero h1{font-size:clamp(43px,4.4vw,61px);line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.07em}.hero .intro{font-size:18px;line-height:1.75;max-width:510px}.actions{gap:20px;flex-wrap:wrap}.actions .text-link{padding:16px 19px;border:1px solid var(--purple);border-radius:5px;color:var(--purple);background:#fff;font-size:13px}.hero-note{font-size:11px;margin-top:21px}.product-hero{min-height:485px;height:485px;padding:50px 0 0;margin:0;align-self:center;isolation:isolate}.hero-dashboard{position:relative;width:100%;height:auto;border:1px solid #dcc8f3;border-radius:12px;box-shadow:0 24px 60px #4e247024;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);z-index:2}.hero-orbit{position:absolute;z-index:-1;border-radius:50%}.orbit-one{width:450px;height:450px;background:#e3ccfa;top:0;right:-60px}.orbit-two{width:220px;height:220px;background:#e5f0d6;bottom:0;left:-28px}.hero-human{position:absolute;right:-16px;bottom:-9px;z-index:4;display:flex;align-items:center;gap:15px;background:white;padding:11px 20px 11px 11px;border:1px solid #eee6f4;border-radius:14px;box-shadow:0 12px 35px #35195718}.hero-human img{width:88px;height:83px;object-fit:cover;border-radius:9px}.hero-human span{font-size:12px;line-height:1.65;color:var(--muted)}.hero-human strong{font-size:15px;color:var(--ink)}.hero-float{position:absolute;top:17px;left:14px;z-index:3;background:white;padding:12px 20px;border-radius:10px;box-shadow:0 5px 25px #3a165e15;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.hero-float small{display:block;font-size:10px;color:var(--muted);font-weight:400}.float-check{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ecf4df;color:#507825}.topic-strip{background:#fff;border:0}.topic-strip .wrap{padding-block:31px;border-bottom:1px solid var(--line)}.topic-strip span{font-weight:700;color:var(--ink)}.topic-strip a{color:var(--purple)}.section{padding-block:95px}.doelgroep{grid-template-columns:1.03fr 1fr;align-items:center;gap:75px;padding-bottom:94px}.people-figure{margin:0;position:relative;padding:0 20px 27px 0}.people-figure:before{content:'';position:absolute;inset:40px 0 0 35px;background:#efe5fb;border-radius:25px}.people-figure img{position:relative;border-radius:18px;width:100%;height:370px;object-fit:cover}.people-figure figcaption{position:relative;background:#fff;border:1px solid #eee7f5;box-shadow:0 8px 28px #3713590b;border-radius:9px;width:86%;padding:19px 24px;margin:-38px 0 0 26px}.people-figure figcaption span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--purple);font-weight:700}.people-figure figcaption strong{display:block;font-size:15px;margin-top:5px}.audience-copy h2{font-size:42px}.audience-copy .prose{padding:0}.audience-copy .lead{font-size:18px;line-height:1.65}.centered-heading{text-align:center;padding-top:0;padding-bottom:38px}.centered-heading h2{margin:0}.centered-heading .eyebrow{color:var(--purple);margin-bottom:15px}.distinctions{gap:28px;padding-bottom:105px}.distinctions article{border:1px solid #e7e0ed;padding:0;background:white;border-radius:15px;overflow:hidden;box-shadow:0 9px 28px #2910440b;display:flex;flex-direction:column}.card-visual{width:100%;height:230px;object-fit:cover;background:#f4eefb}.card-body{padding:29px 28px 31px;display:flex;flex:1;flex-direction:column}.card-kicker{font-size:10px!important;color:var(--purple)!important;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin-bottom:12px!important}.card-body h3{font-size:23px;line-height:1.25;margin-bottom:16px}.card-body>p:not(.card-kicker){font-size:15px;line-height:1.75;margin-bottom:24px}.card-body .text-link{margin-top:auto;align-self:flex-start;color:var(--ink);font-size:13px}.support{background:linear-gradient(180deg,#f7f2fd,#fff)}.support>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 62px;align-items:start}.support .section-heading{grid-column:1/-1;display:block;text-align:center;margin-bottom:55px}.support .section-heading p{max-width:640px;margin:24px auto 0;font-size:17px}.support-figure{margin:0;background:#eadffa;border-radius:18px;padding:16px;position:sticky;top:140px}.support-figure img{width:100%;height:auto;border-radius:12px}.support-figure figcaption{padding:17px 22px 21px;font-size:19px;font-weight:700}.support-figure small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}.support-list{border-top:1px solid #d8cde5}.support-list summary{font-size:19px;gap:19px;padding:23px 0}.support-list details{padding:0 4px}.detail-content{display:block;padding-left:34px;padding-bottom:27px;font-size:14px}.detail-content>*+*{margin-top:18px}.detail-tip{padding-left:16px}.process-figure{margin:15px 0 0}.process-figure img{width:100%;border-radius:16px}.steps{margin-top:35px;gap:32px}.steps li>span,.steps li:after{display:none}.steps h3{font-size:19px}.steps p{font-size:14px}.portal-section{background:linear-gradient(145deg,#271047,#43216d);color:#fff;border-radius:0}.portal-section .section-heading{display:block;text-align:center}.portal-section .section-heading h2{font-size:48px}.portal-section .section-heading>p{max-width:650px;color:#ddceed;font-size:17px;margin:24px auto 0}.portal-section .eyebrow{color:#d9baff}.portal-layout{grid-template-columns:.68fr 1.32fr;gap:36px}.portal-tabs button{color:white;border-color:#ffffff1c;background:#ffffff05;padding:22px 19px}.portal-tabs button>span,.portal-tabs button b{color:#cdaeef}.portal-tabs button small{color:#d5c3e9}.portal-tabs button:hover{background:#ffffff12}.portal-tabs button[aria-selected=true]{background:white;color:var(--ink);border-color:white}.portal-tabs button[aria-selected=true] small{color:var(--muted)}.portal-tabs button[aria-selected=true]>span,.portal-tabs button[aria-selected=true] b{color:var(--purple)}.portal-panel{color:var(--ink);border:0;box-shadow:0 20px 60px #18042540}.portal-panel-content{padding:22px}.portal-visual{width:100%;height:280px;object-fit:contain;background:#f4eefb;border-radius:9px;margin-bottom:23px}.portal-panel-content .result-label{margin-bottom:8px}.portal-panel-content h3{font-size:23px;margin-bottom:13px}.portal-description{min-height:0;font-size:13px;margin-bottom:10px}.portal-example{display:none}.portal-note{font-size:10px}.portal-extras{gap:38px;padding-top:50px}.portal-extras h3{color:white;font-size:19px}.portal-extras p{color:#dfd0ef;font-size:14px}.portal-login{border-color:#ffffff30}.portal-login .button{background:#fff;color:var(--purple);border-color:#fff}.wayfinder-section{background:#f4edfc;color:var(--ink);padding-block:80px}.wayfinder-grid h2{font-size:49px}.wayfinder-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.wayfinder-section .eyebrow{color:var(--purple)}.big-arrow{color:var(--purple)}.wayfinder{box-shadow:0 9px 35px #3418520c;border:1px solid #e5d8f3;border-radius:14px}.human-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:30px}.human-section h2{font-size:40px}.human-section p:not(.eyebrow){font-size:16px;color:var(--muted)}.human-section figure{margin:0}.human-section img{border-radius:18px;width:100%;height:350px;object-fit:cover}.human-section figcaption{font-size:11px;color:var(--muted);margin-top:12px}.faq-section{gap:70px}.resources{background:linear-gradient(120deg,#eee1fb,#f7f1fd);border-radius:20px;padding:65px;box-shadow:0 10px 30px #29104406}.resources h2{font-size:38px}.resources p:not(.eyebrow),.resource-links small{color:var(--muted)}.resource-links a{border-color:#d8c5e9}.resource-links a:first-child{border-color:#d8c5e9}.footer-main{padding-bottom:50px}footer{background:white;border-top:1px solid var(--line)}
@media(max-width:1100px){.nav-wrap nav{gap:13px;font-size:12px}.brand,.brand img{width:150px}.nav-wrap{gap:17px}.button-small{padding:12px 14px;font-size:11px}.hero-grid{gap:25px}.hero h1{font-size:46px}.hero .intro{font-size:16px}.product-hero{height:410px;min-height:410px}.hero-human{right:0;bottom:0;padding:9px 14px 9px 9px}.hero-human img{width:67px;height:65px}.hero-human strong{font-size:13px}.hero-human span{font-size:11px}.hero-float{top:17px}.hero-note{font-size:10px}.doelgroep{gap:45px}.audience-copy h2{font-size:36px}.people-figure img{height:340px}.card-visual{height:190px}.card-body{padding:24px 22px}.card-body h3{font-size:21px}.support>.wrap{gap:0 38px}.support-list summary{font-size:17px}.portal-layout{grid-template-columns:.8fr 1.2fr}.portal-tabs button strong{font-size:14px}.portal-tabs button small{font-size:11px}.human-section{gap:45px}.human-section h2{font-size:35px}}
@media(max-width:800px){.header .nav-wrap{min-height:96px}.brand,.brand img{width:145px}.nav-wrap nav{top:96px;font-size:15px;background:white}.announcement{gap:8px;flex-direction:column;padding:11px 20px;font-size:11px}.announcement a{font-size:11px}.hero{padding:52px 0 80px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:52px;max-width:650px}.hero h1 br:last-of-type{display:none}.hero .intro{max-width:650px;font-size:17px}.actions{flex-direction:row}.product-hero{height:480px;min-height:480px;max-width:660px;width:100%;margin:15px auto 0;padding-top:35px}.hero-dashboard{max-height:410px;object-fit:contain}.hero-human{right:0;bottom:0}.hero-human img{width:85px;height:80px}.hero-float{top:0}.orbit-one{width:380px;height:380px;right:0}.topic-strip .wrap{gap:18px}.section{padding-block:70px}.doelgroep{grid-template-columns:1fr;gap:35px}.people-figure{max-width:650px}.people-figure img{height:330px}.audience-copy h2{font-size:38px}.distinctions{grid-template-columns:1fr;gap:25px;padding-bottom:70px}.distinctions article{display:grid;grid-template-columns:.8fr 1fr}.card-visual{height:100%;min-height:245px;object-fit:cover}.card-body{padding:28px}.card-body h3{font-size:23px}.support>.wrap{grid-template-columns:1fr;gap:30px}.support .section-heading{margin:0}.support .section-heading p{font-size:15px}.support-figure{position:static;max-width:630px;margin:auto;width:100%}.support-list summary{font-size:20px}.support .detail-content{font-size:15px}.process-figure img{min-height:180px;object-fit:contain}.portal-section .section-heading h2{font-size:39px}.portal-section .section-heading>p{font-size:15px}.portal-layout{grid-template-columns:1fr}.portal-tabs{grid-template-columns:1fr 1fr}.portal-tabs button strong{font-size:14px}.portal-visual{height:310px}.portal-extras{gap:25px}.portal-extras h3{font-size:17px}.portal-extras p{font-size:13px}.wayfinder-grid h2{font-size:41px}.human-section{grid-template-columns:1fr;gap:30px}.human-section figure{order:-1}.human-section img{height:360px}.resources{padding:38px}.resources h2{font-size:34px}}
@media(max-width:520px){.brand,.brand img{width:130px}.nav-wrap{gap:9px}.demo-button{padding:8px 10px;font-size:12px}.menu-toggle{padding:8px 10px}.hero{padding-top:35px;padding-bottom:58px}.hero h1{font-size:40px}.hero .intro{font-size:16px}.hero-copy .eyebrow{font-size:8px}.hero .actions{gap:12px}.actions .button,.actions .text-link{font-size:12px;padding:13px 15px}.hero-note{font-size:9px}.product-hero{height:325px;min-height:325px;padding-top:42px;margin-top:12px}.hero-dashboard{width:100%;transform:none}.orbit-one{width:270px;height:270px}.orbit-two{width:140px;height:140px;left:-15px;bottom:0}.hero-float{font-size:11px;padding:9px 13px;left:8px;top:7px}.hero-float small{font-size:9px}.float-check{width:25px;height:25px}.hero-human{bottom:0;right:0;padding:8px 12px 8px 8px;gap:10px}.hero-human img{width:61px;height:57px}.hero-human span{font-size:10px}.hero-human strong{font-size:12px}.topic-strip .wrap{padding-top:16px;padding-bottom:24px;gap:14px}.topic-strip a{font-size:10px;gap:14px}.section{padding-block:55px}.doelgroep{gap:25px}.people-figure{padding-right:10px}.people-figure img{height:260px}.people-figure figcaption{padding:15px 17px;margin-left:15px;width:92%}.people-figure figcaption strong{font-size:13px}.audience-copy h2{font-size:34px}.audience-copy .lead{font-size:17px}.centered-heading h2{font-size:32px}.distinctions article{display:flex}.card-visual{height:225px;min-height:0}.card-body{padding:25px}.card-body h3{font-size:23px}.support .section-heading h2{font-size:32px}.support-figure{padding:8px}.support-figure figcaption{font-size:16px;padding:15px}.support-list summary{font-size:17px}.detail-content{padding-left:28px}.process-figure{overflow-x:auto;margin-inline:-5px;padding-bottom:10px}.process-figure img{width:680px;max-width:none;min-height:0}.steps{gap:25px 22px;margin-top:20px}.steps h3{font-size:17px}.portal-section .section-heading h2{font-size:34px}.portal-tabs{grid-template-columns:1fr}.portal-tabs button{padding:16px}.portal-tabs button small{font-size:12px}.portal-panel-content{padding:15px}.portal-visual{height:210px;margin-bottom:19px}.portal-window-top{padding:12px}.portal-window-top small{font-size:8px}.portal-panel-content h3{font-size:22px}.portal-extras{grid-template-columns:1fr;gap:18px}.portal-extras h3{font-size:19px}.portal-extras p{font-size:14px}.wayfinder-grid h2{font-size:37px}.wayfinder-grid>div>p:not(.eyebrow){font-size:15px}.human-section img{height:270px}.human-section h2{font-size:33px}.resources{padding:28px}.resources h2{font-size:31px}.resource-links a{font-size:13px}.faq-section h2{font-size:35px}.footer-main img{width:160px}}
.hero h1 span{display:block}
/* Text-led calls to action and a guided demo request. */
.button,.actions .text-link{justify-content:center;text-align:center;gap:0;font-size:15px;font-weight:700;line-height:1.35;padding:17px 24px;min-height:54px;border-radius:5px}.button-small{font-size:14px;padding:14px 20px;min-height:48px}.hero-copy .eyebrow{line-height:1.7;max-width:510px;align-items:flex-start}.hero-copy .eyebrow .dot{flex-shrink:0;margin-top:5px}.demo-request{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;background:#f2eafb;border:1px solid #e4d5f5;border-radius:18px;padding:55px;margin-bottom:75px}.demo-request h2{font-size:38px}.demo-request p{color:var(--muted);font-size:16px}.demo-request .eyebrow{color:var(--purple);font-size:11px}.demo-request ol{list-style:none;padding:0;margin:0;align-self:center}.demo-request li{padding:22px 0;border-bottom:1px solid #ddcdec}.demo-request li:last-child{border:0}.demo-request strong,.demo-request li span{display:block}.demo-request strong{font-size:17px;margin-bottom:6px}.demo-request li span{font-size:14px;color:var(--muted)}.demo-request .demo-help{margin:17px 0 0;font-size:13px}.demo-help a{text-decoration:underline}.big-arrow{display:none}
@media(max-width:1100px){.header-actions .button-small{font-size:12px;padding:12px 16px}.nav-wrap nav{gap:12px;font-size:11px}.brand,.brand img{width:145px}}
@media(max-width:800px){.header-actions .demo-button{font-size:12px;min-height:40px;padding:10px 13px}.demo-request{grid-template-columns:1fr;gap:20px;padding:35px}.demo-request h2{font-size:33px}}
@media(max-width:520px){.brand,.brand img{width:110px}.nav-wrap{gap:8px}.menu-toggle{font-size:11px;padding:9px 10px;gap:7px}.header-actions .demo-button{font-size:11px;padding:10px 11px;white-space:nowrap}.actions .button,.actions .text-link{font-size:14px;min-height:50px;padding:15px 20px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.055em}.demo-request{padding:26px;margin-bottom:50px}.demo-request h2{font-size:29px}.demo-request p{font-size:15px}.demo-request .button{width:100%;font-size:14px}}
@media(max-width:370px){.brand,.brand img{width:90px}.nav-wrap{gap:6px}.header-actions .demo-button{padding-inline:9px;font-size:10px}}
@media(max-width:380px){
  /* Voorkom horizontale scroll door absolute kinderen */
  body{overflow-x:clip}
  /* Minder zijdelingse witruimte */
  .wrap{width:calc(100% - 24px)}
  /* (min-width:0: zie 520px block) */
  /* Hero: minder hoog en kleiner */
  .hero{padding:28px 0 40px}
  .hero h1{font-size:32px}
  .hero .intro{font-size:14px}
  .product-hero{height:230px;min-height:230px;padding-top:26px;margin-top:8px}
  .orbit-one{width:185px;height:185px}
  .orbit-two{width:90px;height:90px}
  .hero-float{font-size:12px;padding:7px 9px;left:4px;top:4px}
  .float-check{width:22px;height:22px;font-size:12px}
  .hero-human{padding:5px 8px 5px 5px;gap:7px}
  .hero-human img{width:46px;height:43px}
  .hero-human strong{font-size:11px}
  .hero-human span{font-size:11px}
  /* Hero-note: wrap netjes */
  .hero-note{flex-wrap:wrap;row-gap:2px;font-size:11px}
  .hero-note span:nth-of-type(2){margin-left:0}
  /* Topic strip: kolom */
  .topic-strip .wrap{flex-direction:column;align-items:flex-start;gap:6px}
  .topic-strip span{width:auto}
  .topic-strip a{font-size:12px;gap:10px}
  /* Koppen — specifiek genoeg om alle 520px-overrides te winnen */
  h2,.audience-copy h2,.section-heading h2,.centered-heading h2,
  .faq-section h2,.wayfinder-grid h2,.human-section h2,
  .resources h2,.portal-section .section-heading h2{font-size:26px}
  .wayfinder-grid h2{font-size:28px}
  /* (word-break: zie 520px block) */
  /* (steps: zie 520px block) */
  /* Secties: minder ruimte */
  .section{padding-block:40px}
  .doelgroep{padding-bottom:30px}
  .distinctions{padding-bottom:40px}
  .faq-section{gap:16px}
  /* Resources: minder padding, e-mailadres breekt als het moet */
  .resources{padding:20px}
  .resources>*{min-width:0;overflow-wrap:break-word}
  .resource-links a > span:last-child{font-size:20px;overflow-wrap:anywhere}
  /* Portaal-login: lange woorden wrappen */
  .portal-login{flex-direction:column;gap:14px}
  .portal-login *{overflow-wrap:break-word;word-break:break-word}
  /* Doelgroep-foto */
  .people-figure{padding-right:0}
  .people-figure img{height:190px}
  .people-figure figcaption{margin-left:10px;width:93%}
  /* Footer */
  .footer-brands{gap:10px}
  .footer-brands img{width:100px;height:48px}
  .footer-main{grid-template-columns:1fr}
  /* Knoppen volledig breed */
  .actions{flex-direction:column;gap:12px}
  .actions .button,.actions .text-link{width:100%;justify-content:center;text-align:center}
}

.footer-main img.pso-badge{display:block;width:140px;height:auto;max-height:none;object-fit:contain;margin-top:22px;background:#fff;border-radius:8px;padding:12px;box-sizing:content-box;}


.footer-brands{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px;}
.footer-brands>a{display:block;}
.footer-brands img{display:block;width:175px;height:100px;object-fit:contain;object-position:left center;}
.footer-brands img.pso-badge{object-position:right center;}
.footer-main{grid-template-columns:1fr 1fr;}
@media(max-width:520px){.footer-brands{gap:16px;flex-direction:column;align-items:flex-start}.footer-brands img{width:150px;height:76px;}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto;display:block;}.steps{grid-template-columns:1fr}.doelgroep > *,.human-section > *,.faq-section > *,.resources,.support > .wrap > *{min-width:0}h1,h2,h3{overflow-wrap:break-word;word-break:break-word}.faq-list summary{gap:16px}.support-list summary{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.support-list summary .plus{margin:0}.process-figure{display:none}.card-visual{display:none}.distinctions article{gap:0}.footer-brands img.pso-badge{object-position:left center}}

@font-face{font-family:Commissioner;src:url('../fonts/Commissioner.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;}@font-face{font-family:Poppins;src:url('../fonts/Poppins-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:Poppins;src:url('../fonts/Poppins-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:Poppins;src:url('../fonts/Poppins-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;}@font-face{font-family:Poppins;src:url('../fonts/Poppins-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;}body{font-family:'Poppins',system-ui,'Segoe UI',sans-serif;}h1,h2,h3,.eyebrow{font-family:'Commissioner',system-ui,'Segoe UI',sans-serif;}h1,h2{font-weight:800;letter-spacing:-.02em;}h3{font-weight:700;letter-spacing:0;}.hero h1{letter-spacing:-.02em;}.eyebrow{font-weight:700;letter-spacing:.14em;}.button,.text-link{font-weight:600;}