:root{--g950:#031f16;--g900:#073f2b;--g800:#0c5d39;--lime:#89db53;--cream:#f4f2ec;--ink:#061f16;--muted:#b5c6b7;--line:rgba(244,242,236,.2);--route-width:min(1240px,calc(100vw - 64px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--g950);color:var(--cream);font-family:"Montserrat",Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.growth-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(81,202,101,.17),transparent 31rem),radial-gradient(circle at 6% 62%,rgba(15,98,58,.34),transparent 28rem),var(--g950)}.route-noise{position:absolute;z-index:0;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.route-header,.route-hero,.route-journey,.route-results,.route-footer{position:relative;z-index:1;width:var(--route-width);margin-inline:auto}.route-header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--line)}.route-brand{width:170px}.route-brand img{display:block;width:100%;height:auto}.back-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.back-link:hover{color:var(--lime)}.route-hero{padding:clamp(3.8rem,7vw,6.6rem) 0 clamp(2.3rem,4vw,3.7rem)}.route-eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;color:var(--lime);font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.route-eyebrow span{width:2rem;height:.22rem;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.065em}.route-hero h1{max-width:920px;margin-bottom:1.25rem;font-size:clamp(3.4rem,7.2vw,7.7rem);font-weight:900;line-height:.84}.route-hero h1 em,h2 em,h3 em{color:var(--lime);font-style:normal}.route-hero>p:last-child{max-width:650px;margin:0;color:#c4d1c4;font-size:clamp(1rem,1.4vw,1.12rem);font-weight:500;line-height:1.65}.route-journey{margin-bottom:clamp(4.2rem,8vw,7rem);border:1px solid var(--line);background:rgba(3,40,27,.68);backdrop-filter:blur(12px)}.route-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;list-style:none;border-bottom:1px solid var(--line)}.route-progress li{border-right:1px solid var(--line)}.route-progress li:last-child{border-right:0}.route-progress button{display:flex;width:100%;min-height:4rem;align-items:center;gap:.65rem;padding:.75rem 1rem;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:background .18s,color .18s}.route-progress button:disabled{cursor:default}.route-progress span{display:grid;width:1.55rem;height:1.55rem;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.56rem;font-weight:800}.route-progress strong{font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.route-progress li.is-current button{background:var(--lime);color:var(--ink)}.route-progress li.is-complete button{color:var(--lime)}.route-workspace{display:grid;grid-template-columns:minmax(235px,.56fr) minmax(0,1.44fr);min-height:560px}.route-aside{position:relative;overflow:hidden;padding:clamp(1.7rem,3vw,2.8rem);border-right:1px solid var(--line)}.route-aside details{position:relative;z-index:1}.route-aside summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--lime);font-size:.65rem;font-weight:800;letter-spacing:.11em}.route-aside summary::-webkit-details-marker{display:none}.route-aside summary b{display:none;font-size:1rem}.route-aside ul{display:grid;gap:.5rem;padding:1.35rem 0 0;margin:0;list-style:none}.route-aside li button{display:grid;width:100%;grid-template-columns:1.4rem 1fr auto;gap:.55rem;align-items:center;padding:.55rem 0;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.route-aside li span{color:var(--lime);font-size:.56rem;font-weight:800}.route-aside li strong{font-size:.76rem;line-height:1.35}.route-aside li b{color:var(--lime);font-size:.8rem}.route-aside li.is-filled button{color:var(--cream)}.route-orbit{position:absolute;right:-9rem;bottom:-9rem;width:22rem;height:22rem;border:1px solid rgba(137,219,83,.3);border-radius:50%}.route-orbit:before,.route-orbit:after{position:absolute;border:1px solid rgba(137,219,83,.18);border-radius:50%;content:""}.route-orbit:before{inset:13%}.route-orbit:after{inset:29%}.route-orbit i{position:absolute;display:block;width:.6rem;height:.6rem;border-radius:50%;background:var(--lime)}.route-orbit i:nth-child(1){top:6%;left:48%}.route-orbit i:nth-child(2){top:45%;right:2%;width:1.15rem;height:1.15rem}.route-orbit i:nth-child(3){bottom:15%;left:10%;background:var(--cream)}.route-orbit i:nth-child(4){top:25%;left:6%;width:.3rem;height:.3rem}.question-panel{display:flex;flex-direction:column;padding:clamp(2rem,4.5vw,4.2rem)}.question-step{margin-bottom:.9rem;color:var(--lime);font-size:.65rem;font-weight:800;letter-spacing:.12em}.route-context{min-height:1.25rem;margin:0 0 .5rem;color:#c6d6c7;font-size:.8rem;font-weight:600;line-height:1.5}.question-panel h2{max-width:760px;margin-bottom:.9rem;font-size:clamp(2.25rem,4.4vw,5rem);font-weight:900;line-height:.88}.question-help{max-width:590px;margin-bottom:2rem;color:#c6d2c6;font-size:.92rem;font-weight:500;line-height:1.6}.answer-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:auto 0 2rem}.answer-card{position:relative;display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.1rem;border:1px solid rgba(244,242,236,.3);border-radius:48% 52% 49% 51% / 51% 45% 55% 49%;background:rgba(13,93,57,.32);color:var(--cream);cursor:pointer;text-align:left;transition:background .18s,color .18s,border-color .18s,transform .18s}.answer-card:nth-child(3n){border-radius:56% 44% 47% 53% / 54% 44% 56% 46%}.answer-card:hover{border-color:var(--lime);transform:translateY(-.16rem)}.answer-card.is-selected{border-color:var(--lime);background:var(--lime);color:var(--ink)}.answer-icon{margin-bottom:auto;color:var(--lime);font-size:1.25rem;font-weight:900}.answer-card.is-selected .answer-icon{color:var(--g800)}.answer-card strong{max-width:17rem;font-size:.91rem;font-weight:800;line-height:1.18}.answer-check{position:absolute;right:1rem;bottom:1rem;display:grid;width:1.5rem;height:1.5rem;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:0;font-size:.75rem}.answer-card.is-selected .answer-check{opacity:1}.other-sector-label{display:grid;grid-column:1/-1;gap:.5rem;margin-top:.25rem;color:#d0ddd1;font-size:.78rem;font-weight:800}.other-sector-label small{font-size:.74rem;font-weight:600}.other-sector-label input{min-height:3rem;padding:.5rem 0;border:0;border-bottom:1px solid rgba(244,242,236,.5);outline:0;background:transparent;color:var(--cream);font:600 .95rem "Montserrat",Arial,sans-serif}.other-sector-label input:focus{border-color:var(--lime)}.route-controls{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--line)}.route-back-button,.route-next-button{min-height:3.35rem;border:0;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.route-back-button{padding:0 .5rem;background:transparent;color:var(--muted)}.route-back-button:not(:disabled):hover{color:var(--cream)}.route-next-button{display:inline-flex;align-items:center;gap:1rem;padding:0 1.25rem;background:var(--lime);color:var(--ink)}.route-next-button:disabled,.route-back-button:disabled{cursor:not-allowed;opacity:.35}.route-results{padding:clamp(3.8rem,7vw,6.3rem) 0}.route-results[hidden]{display:none}.result-heading{max-width:860px}.result-heading h2{margin-bottom:1.25rem;font-size:clamp(3rem,5.7vw,6.3rem);font-weight:900;line-height:.85}.result-priority{max-width:740px;margin:0;color:#d3dfd4;font-size:clamp(1.1rem,1.9vw,1.35rem);font-weight:600;line-height:1.52}.result-journey{margin-top:2.8rem;padding:1.4rem;border:1px solid var(--line);background:rgba(11,83,49,.34)}.result-journey>p,.result-detail>span{display:block;margin-bottom:1.05rem;color:var(--lime);font-size:.64rem;font-weight:800;letter-spacing:.11em}.result-journey>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.result-journey>div>div{min-height:7.7rem;padding:1rem;border:1px solid var(--line);color:var(--muted)}.result-journey>div>div.is-focus{border-color:var(--lime);background:var(--lime);color:var(--ink)}.result-journey span{display:block;margin-bottom:1.2rem;font-size:.58rem;font-weight:900}.result-journey strong{display:block;font-size:1.05rem;font-weight:900;line-height:1;letter-spacing:-.05em}.result-journey p{margin:.55rem 0 0;font-size:.73rem;font-weight:700;line-height:1.45}.result-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.result-detail{padding:1.5rem;border:1px solid var(--line)}.result-detail p,.result-detail li{color:#d0dcd1;font-size:.88rem;line-height:1.62}.result-detail p{margin:0}.result-detail ul{display:grid;gap:.55rem;padding-left:1.05rem;margin:0}.result-steps{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;margin-top:3.2rem;padding:clamp(2rem,4vw,3.5rem);background:var(--cream);color:var(--ink)}.result-steps .route-eyebrow{color:var(--g800)}.result-steps h3{margin:0;font-size:clamp(2.2rem,3.8vw,4rem);font-weight:900;line-height:.9}.result-steps h3 em{color:var(--g800)}.result-steps>div:last-child{border-top:1px solid rgba(6,31,22,.25)}.result-steps article{display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem 1rem;padding:1.1rem 0;border-bottom:1px solid rgba(6,31,22,.25)}.result-steps article>span{grid-row:span 2;color:var(--g800);font-size:.65rem;font-weight:900}.result-steps article h3{margin:0;font-size:1.18rem;line-height:1.05}.result-steps article p{margin:.35rem 0 0;color:#385342;font-size:.83rem;line-height:1.55}.result-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:.75rem;padding:1.5rem;border:1px solid var(--line);background:rgba(137,219,83,.08)}.result-next h3{margin-bottom:.55rem;font-size:1.6rem;font-weight:900}.result-next>div>p:last-child{max-width:530px;margin:0;color:#d0dbd0;font-size:.83rem;line-height:1.55}.result-actions{display:flex;align-items:center;gap:1rem}.discuss-button{display:inline-flex;align-items:center;gap:.9rem;min-height:3.3rem;padding:.45rem .5rem .45rem 1.05rem;background:var(--lime);color:var(--ink);white-space:nowrap;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.discuss-button span{display:grid;width:2.2rem;height:2.2rem;place-items:center;background:var(--ink);color:var(--cream);font-size:1rem}.restart-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.7rem;font-weight:800}.restart-button:hover{color:var(--cream)}.route-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0 1.8rem;border-top:1px solid var(--line);color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.09em}.route-footer b{color:var(--lime)}.route-footer a:hover{color:var(--lime)}@media(max-width:820px){:root{--route-width:min(100% - 40px,1240px)}.route-workspace{grid-template-columns:1fr}.route-aside{min-height:auto;padding:0;border-right:0;border-bottom:1px solid var(--line)}.route-aside details{padding:1rem 1.35rem}.route-aside summary b{display:block}.route-aside ul{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:1rem}.route-orbit{right:-8rem;bottom:-15rem}.result-steps{grid-template-columns:1fr;gap:2rem}.result-next{align-items:flex-start;flex-direction:column}}@media(max-width:560px){:root{--route-width:min(100% - 28px,1240px)}.route-header{min-height:82px}.route-brand{width:130px}.back-link{font-size:0}.back-link span{font-size:1.1rem}.route-hero{padding-top:3.6rem}.route-progress button{justify-content:center;padding:.65rem}.route-progress strong{display:none}.question-panel{padding:1.75rem 1.2rem}.answer-field{grid-template-columns:1fr}.answer-card{min-height:96px}.route-controls{margin-top:.4rem}.route-next-button{padding:0 1rem}.result-journey>div,.result-detail-grid{grid-template-columns:1fr}.result-journey>div>div{min-height:0}.result-actions{flex-wrap:wrap}.route-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media(max-width:560px){.route-hero h1{font-size:clamp(2.7rem,11.7vw,3.5rem);letter-spacing:-.075em;overflow-wrap:anywhere}}

@media(max-width:560px){.route-hero h1{font-size:clamp(2.25rem,10vw,3.5rem);letter-spacing:-.075em;overflow-wrap:normal;word-break:normal}}

/* Centreren van keuze-inhoud: de bubbel blijft een spel-element, de tekst wordt direct leesbaar. */
.answer-card{align-items:center;justify-content:center;padding:1.35rem 3rem;text-align:center}
.answer-icon{position:absolute;top:1.2rem;left:1.45rem;margin:0;font-size:1.1rem}
.answer-card strong{font-size:.94rem}
.answer-check{right:1.1rem;bottom:1rem}
@media(max-width:560px){.answer-card{padding:1.15rem 2.7rem}.answer-icon{top:1rem;left:1.15rem}}

/* Geen Unicode-symbolen in antwoordkaarten: zo blijft de interface op elk toestel identiek. */
.answer-card{padding:1.25rem 2.7rem}
.answer-icon{display:none}
@media(max-width:560px){.answer-card{padding:1.1rem 2.35rem}}