/* AI Tijdperk motion and input language. Every animation is finite. */
:root{font-family:'Manrope',sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);scrollbar-color:#566e87 #0c111d}body{font-family:'Manrope',sans-serif}::selection{background:#78e8dd;color:#071513}input{caret-color:var(--cyan)}h1,h2{letter-spacing:-.035em;text-wrap:balance}p{max-width:72ch}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.btn .icon{width:18px;height:18px;transition:transform 150ms var(--ease-out)}.btn:hover .icon{transform:translateX(3px)}.btn:active{transform:scale(.985)}.btn{transition:background 150ms,border-color 150ms,transform 150ms var(--ease-out)}.logo-crop{position:relative;display:block;width:228px;height:72px;overflow:hidden}.logo-crop img{position:absolute;max-width:none;width:280px;height:auto;left:-24px;top:-48px}.brand{gap:0}.brand .logo-crop{margin:0}.header{min-height:90px}.header .brand{min-height:72px}footer .brand .logo-crop{font-size:inherit}.eyebrow{font-family:inherit;letter-spacing:.06em}.blueprint{box-shadow:none}.hero .system-node{animation:node-arrive 600ms var(--ease-out) both}.hero .node-grid .system-node{animation-delay:120ms}.hero .result-node{animation-delay:240ms}.hero .connector{animation:connection-reveal 500ms var(--ease-out) both;animation-delay:180ms}.hero .blueprint-head{font-family:inherit;font-size:.75rem}.hero h1{letter-spacing:-.035em}
.quiz{max-width:840px;padding-top:48px}.quiz-progress{font-size:.8rem;font-weight:600;color:var(--text)}.quiz-progress>span:last-child{font-variant-numeric:tabular-nums;color:var(--muted)}.quiz progress{margin:14px 0 12px;height:3px}.quiz-chapters{display:flex;justify-content:space-between;gap:12px;margin-bottom:38px;font-size:.75rem;color:var(--muted)}.quiz-chapters .current{color:var(--cyan);font-weight:700}.quiz h1{font-size:clamp(1.8rem,3.1vw,2.8rem);margin:0 0 20px;line-height:1.25;max-width:740px}.question-sheet{animation:question-turn 220ms var(--ease-out)}.question-sheet fieldset>p{font-size:.92rem}.visual-options{gap:12px;margin-top:28px}.visual-options.multiple{grid-template-columns:1fr 1fr}.visual-option{position:relative;display:grid;grid-template-columns:46px 1fr 20px;gap:18px;padding:14px 20px;min-height:76px;background:#101522;border-color:#53647e;border-radius:12px;transition:background 160ms,border-color 160ms}.visual-option:hover{border-color:#a6becf;background:#161e30}.visual-option:focus-within{outline:3px solid var(--cyan);outline-offset:4px}.visual-option .answer-symbol{width:44px;height:44px;display:grid;place-items:center;background:#1d293b;color:#b3cedd;border-radius:10px;transition:background 160ms,color 160ms}.visual-option:has(:checked){background:#112b2e;border-color:var(--cyan)}.visual-option:has(:checked) .answer-symbol{background:#79e7dc;color:#081f20}.visual-option .answer-copy{font-size:.94rem;line-height:1.5;font-weight:500}.visual-option input{grid-column:3;grid-row:1;width:20px;height:20px}.choice-confirm{position:absolute;right:19px;top:calc(50% - 11px);width:22px;height:22px;display:none;pointer-events:none;background:var(--cyan);color:#092322;border-radius:50%}.choice-confirm .icon{width:20px;height:20px}.visual-option:has(:checked) .choice-confirm{display:grid;place-items:center;animation:choice-check 180ms var(--ease-out)}.quiz-bottom{margin-top:20px}.quiz-bottom>span{font-size:.75rem}.quiz-privacy{display:flex;align-items:center;gap:8px;margin-top:24px;color:#a9beca}.quiz-privacy .icon{width:16px;height:16px}.quiz .error{margin:12px 0 0;min-height:1.2rem}.quiz .error:empty{margin:0;min-height:0}
/* Reuse native fields and labels: icons are decorative, never placeholders for labels. */
.input-shell{display:block;position:relative;margin:8px 0 17px}.input-shell>.icon{position:absolute;left:14px;top:16px;color:#a9bccb;width:20px;height:20px;pointer-events:none;z-index:1;transition:color 150ms}.checkout .input-shell input,.checkout .input-shell select{display:block;margin:0!important;padding:14px 42px!important;min-height:54px!important;border-radius:10px;background:#101726;border-color:#627791;transition:border-color 160ms,background 160ms}.input-shell input::placeholder{color:#a3b2c5;font-size:.9rem}.input-shell:focus-within>.icon{color:var(--cyan)}.checkout .input-shell input:focus,.checkout .input-shell select:focus{background:#14212e;border-color:var(--cyan)}.input-valid{position:absolute;right:13px;top:16px;color:var(--green);display:none;pointer-events:none}.input-valid .icon{width:19px;height:19px}.input-shell:has(input:valid:not(:placeholder-shown)) .input-valid{display:block}.checkout-fields>label,.inputs>label{font-weight:550}.checkout-fields .inputs{gap:16px}.checkout .order-summary{border-radius:14px}.bump{transition:background 180ms,border-color 180ms}.bump:has(:checked){background:#173737;border-color:var(--cyan)}.bump input{transition:transform 140ms}.bump:has(:checked) input{animation:choice-check 180ms var(--ease-out)}.total strong{font-variant-numeric:tabular-nums}.status-icon{width:28px;height:28px;color:var(--cyan)}
.insight-page{max-width:860px;padding-top:36px;padding-bottom:56px}.insight-progress{display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.insight-copy{max-width:690px;margin:0 auto}.insight-copy h1{font-size:clamp(2.05rem,3.7vw,3.2rem);line-height:1.16;letter-spacing:-.035em;margin:16px 0 24px;text-wrap:balance}.insight-fact{font-size:1.04rem;color:#d2dce8;line-height:1.8}.insight-takeaway{font-size:1.1rem;color:var(--cyan);line-height:1.75;margin:24px 0}.insight-source{border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.insight-source a{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:#bed0e3}.insight-source>.span{font-size:.8rem}.insight-source a .icon{width:16px;height:16px}.insight-source p{font-size:.75rem;line-height:1.7;max-width:72ch;margin:0;color:#acb9cc}.insight-actions{display:flex;align-items:center;gap:24px;margin:28px 0 12px}.insight-actions .text-link{font-size:.8rem}.learning-network{position:relative;max-width:480px;height:205px;margin:22px auto 24px}.network-lines{position:absolute;width:100%;height:175px;left:0;top:0;overflow:visible;fill:none;stroke-width:1.6}.path-base{stroke:#365467}.path-active{stroke:var(--cyan);stroke-dasharray:1;animation:trace-path 800ms var(--ease-out) both}.path-second{stroke:var(--violet);animation-delay:120ms}.network-node{position:absolute;top:61px;display:grid;place-items:center;width:54px;height:54px;border:1px solid #7495a9;border-radius:16px;background:#122331;color:var(--cyan)}.node-left{left:calc(15% - 27px)}.node-middle{left:calc(50% - 27px);top:34px;border-color:#b9a4ff;background:#211e36;color:#c9bbff}.node-right{left:calc(85% - 27px);animation:node-arrive 700ms var(--ease-out)}.network-node .icon{width:26px;height:26px}.network-labels{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);width:100%;top:164px;text-align:center;gap:8px;color:#b7cbd8;font-size:.75rem;line-height:1.4}.insight-copy{animation:insight-arrive 320ms var(--ease-out)}
@keyframes trace-path{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes node-arrive{from{transform:scale(.965);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes connection-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes question-turn{from{transform:translateX(9px);opacity:.65}to{transform:translateX(0);opacity:1}}@keyframes choice-check{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes insight-arrive{from{opacity:.65}to{opacity:1}}
@media(max-width:720px){.header .brand{min-height:60px}.logo-crop{width:200px;height:62px}.logo-crop img{width:240px;left:-20px;top:-42px}.header .logo-crop{width:184px}.header{padding-top:4px;padding-bottom:4px;gap:0 16px}.quiz{padding-top:32px}.quiz-chapters{margin-bottom:30px;gap:8px;line-height:1.5}.quiz-chapters span:not(.current){display:none}.quiz-chapters .current:before{content:'Nu: ';color:var(--muted);font-weight:400}.visual-option{padding:12px 14px;gap:12px;grid-template-columns:40px 1fr 20px;min-height:72px}.visual-option .answer-symbol{width:38px;height:38px}.visual-option .answer-copy{font-size:.9rem}.choice-confirm{right:13px}.visual-options.multiple{grid-template-columns:1fr 1fr}.multiple .visual-option{grid-template-columns:1fr 20px;align-items:start;gap:12px;min-height:132px}.multiple .answer-symbol{grid-column:1;grid-row:1}.multiple .answer-copy{grid-column:1/3;grid-row:2}.multiple .visual-option input{grid-column:2}.multiple .choice-confirm{top:19px}.quiz-privacy{align-items:flex-start}.quiz-privacy .icon{margin-top:4px}.insight-page{padding-top:26px}.learning-network{height:180px;margin:10px auto 14px}.network-labels{top:149px}.insight-copy h1{font-size:2rem;margin-top:0}.insight-progress{font-size:.75rem;gap:16px}.insight-fact{font-size:.98rem}.insight-takeaway{font-size:1rem}.insight-actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:24px}.insight-actions .text-link{justify-content:center}.input-shell{margin-bottom:14px}.checkout .input-shell input,.checkout .input-shell select{min-height:54px!important}.quiz-bottom>span{display:none}}
@media(max-width:390px){.header .brand{width:100%;justify-content:center}.header nav{width:100%;justify-content:center}.insight-progress{flex-direction:column;gap:5px}.visual-option{grid-template-columns:34px 1fr 20px;padding:12px;gap:10px}.visual-option .answer-symbol{width:32px;height:36px}.multiple .visual-option{grid-template-columns:1fr 20px}.quiz-bottom .btn{font-size:.82rem;padding:12px 14px}.network-labels{font-size:.75rem}.network-node{width:44px;height:44px;top:66px}.node-left{left:calc(15% - 22px)}.node-middle{left:calc(50% - 22px);top:41px}.node-right{left:calc(85% - 22px)}}
@media(prefers-reduced-motion:reduce){.question-sheet,.insight-copy,.network-node,.path-active,.hero .system-node,.hero .connector,.choice-confirm{animation:none!important;transform:none!important;opacity:1;stroke-dashoffset:0}.btn:hover .icon,.btn:active{transform:none}.visual-option,.input-shell input,.input-shell select{transition:none}}
.result-gate{max-width:690px;text-align:center;padding-top:58px;padding-bottom:80px}.result-gate h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.18;margin:22px 0}.result-gate .lead{font-size:1rem;max-width:540px;margin:20px auto 30px}.prepare-mark{width:68px;height:68px;border:1px solid #68a4ad;border-radius:20px;display:grid;place-items:center;margin:0 auto;color:var(--cyan);background:#12252d}.prepare-mark .icon{width:30px;height:30px;animation:prepare-fold 900ms var(--ease-out) both}.prepare-mark.ready{border-color:var(--cyan)}.prepare-track{width:200px;height:3px;overflow:hidden;background:#2b3a4e;margin:32px auto}.prepare-track span{display:block;width:50%;height:100%;background:var(--cyan);animation:prepare-sweep 1100ms ease-in-out both}.result-gate form{text-align:left;max-width:530px;margin:30px auto 12px}.gate-name{gap:14px}.result-gate .input-shell{margin:0 0 15px}.result-gate input{padding:16px 18px 16px 46px!important;margin:0!important;height:58px;border-radius:10px!important;background:#101726!important}.result-gate .input-shell>.icon{top:19px}.result-gate input::placeholder{color:#b2c1d2}.result-gate form>.fine{margin-top:18px;text-align:center;line-height:1.7}.result-gate form>.fine>.icon{width:14px;height:14px}.result-gate .error:empty{display:none}.result-gate .btn{min-height:54px}.result-gate>p[role=status]{max-width:430px;margin:0 auto 14px}.result-gate .input-shell:focus-within input{border-color:var(--cyan)}@keyframes prepare-sweep{from{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes prepare-fold{from{transform:rotate(-12deg) scale(.9)}to{transform:rotate(0) scale(1)}}@media(max-width:720px){.result-gate{padding-top:36px}.gate-name{grid-template-columns:1fr}.result-gate .lead{font-size:.95rem}.result-gate h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.prepare-mark .icon,.prepare-track span{animation:none!important;transform:none}.prepare-track span{width:100%}}

/* AI Tijdperk horizontal logo: preserve the full wordmark. */
.logo-crop,.header .logo-crop{width:228px;height:76px}
.logo-crop img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
@media(max-width:720px){.logo-crop,.header .logo-crop{width:184px;height:62px}}