/* Tussenkomst navigation: brand states, restrained glass, opaque fallbacks. */
header{background:#fff;border-bottom:1px solid #e3e5f3;box-shadow:0 3px 18px #17183104}
#navigation{gap:7px}
#navigation>a:not(.button),#navigation .solutions-trigger{position:relative;min-height:44px;padding:12px 13px;border:1px solid transparent;border-radius:11px;color:#171831;text-decoration:none;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s,color .22s,box-shadow .28s,transform .28s cubic-bezier(.22,1,.36,1)}
#navigation>a:not(.button):hover,#navigation .solutions-trigger:hover{background:#f1f2ff;color:#3034c9;border-color:#e2e4ff;text-decoration:none}
#navigation>a[aria-current]:not(.button),#navigation .solutions-trigger.section-active{background:#eceeff;border-color:#d9ddff;color:#292dbb;box-shadow:none;text-decoration:none;font-weight:800}
#navigation .solutions-trigger[aria-expanded="true"]{background:#e8eaff;border-color:#d4d8fc;color:#292dbb;box-shadow:none}
#navigation>a:not(.button):focus-visible,#navigation .solutions-trigger:focus-visible{outline:3px solid #3b40ea;outline-offset:3px}
#navigation .button.small{margin-left:8px;min-height:44px;border:1px solid #3b40ea}
#navigation .button.small:hover{box-shadow:0 5px 14px #3b40ea20}
#navigation .solution-feature,#navigation .solution-column>a{border:1px solid transparent;border-radius:10px;text-decoration:none;transition:background-color .26s,border-color .26s,color .22s}
#navigation .solution-column>a{padding-left:11px;padding-right:11px;margin-left:-12px;max-width:none}
#navigation .solution-feature:hover,#navigation .solution-column>a:hover{background:#f1f2ff;border-color:#e1e4ff;text-decoration:none;color:#292dbb}
#navigation .solution-feature[aria-current],#navigation .solution-column>a[aria-current]{background:#eceeff;border-color:#d9ddff;box-shadow:inset 3px 0 0 #ff795d;color:#292dbb;text-decoration:none}
#navigation .solution-feature[aria-current] .solution-icon{background:#3b40ea;color:#fff}
#navigation .solutions-bottom a:hover{color:#292dbb;text-decoration:underline;text-decoration-color:#ff795d;text-decoration-thickness:2px;text-underline-offset:5px}
.menu-button{background:#f8f9ff;border-color:#dce0f1;border-radius:11px;color:#171831}
.menu-button:hover,.menu-button[aria-expanded="true"]{background:#eceeff;border-color:#cdd2fa;color:#292dbb}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){header{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}}
@media(min-width:1001px) and (max-width:1200px){#navigation{gap:3px}#navigation>a:not(.button),#navigation .solutions-trigger{padding-left:9px;padding-right:9px}#navigation .button.small{margin-left:3px}}
@media(max-width:1000px){#navigation{gap:6px;background:#fff;padding-top:16px;box-shadow:0 16px 26px #1718310d}#navigation>a:not(.button),#navigation .solutions-trigger{min-height:48px;padding:13px 14px;border-radius:11px}#navigation .solutions-menu{padding-bottom:8px;margin-bottom:0;border-color:#edf0f8}#navigation .button.small{margin-left:0;margin-top:8px;justify-content:space-between}#navigation .solution-column>a{margin-left:0}#navigation .solutions-panel{background:#fff}#navigation .solution-feature{min-height:48px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}#navigation>a[aria-current]:not(.button),#navigation .solutions-trigger.section-active{border-color:#3b40ea}}
@media(prefers-reduced-motion:reduce){#navigation a,#navigation button{transition:none!important;transform:none!important}}
@media(forced-colors:active){header{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none}#navigation a[aria-current],#navigation .solutions-trigger.section-active,#navigation .solutions-trigger[aria-expanded="true"]{outline:2px solid Highlight;outline-offset:-3px}#navigation>a:not(.button):hover,#navigation .solutions-trigger:hover{outline:1px solid Highlight}}

/* Fluid hover: a soft lift and growing brand accent; never move text layout. */
#navigation>a:not(.button)::after,#navigation .solutions-trigger::after{content:"";position:absolute;pointer-events:none;left:10px;right:10px;bottom:2px;height:3px;border-radius:4px;background:#ff795d;opacity:0;transform:scaleX(.3);transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s}
#navigation>a[aria-current]:not(.button)::after,#navigation .solutions-trigger.section-active::after,#navigation .solutions-trigger[aria-expanded="true"]::after,#navigation>a:not(.button):focus-visible::after,#navigation .solutions-trigger:focus-visible::after{opacity:1;transform:scaleX(1)}
#navigation .solution-icon,#navigation .solution-feature .process-marker{transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .26s,color .22s}
#navigation .button.small .ui-icon{transition:transform .28s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){#navigation>a:not(.button):hover,#navigation .solutions-trigger:hover{transform:translateY(-1px);box-shadow:0 5px 12px #3b40ea0b}#navigation>a:not(.button):hover::after,#navigation .solutions-trigger:hover::after{opacity:1;transform:scaleX(1)}#navigation .solution-feature:hover .solution-icon,#navigation .solution-feature:hover .process-marker{transform:translateX(2px)}#navigation .button.small:hover .ui-icon{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){#navigation a::after,#navigation button::after,#navigation .solution-icon,#navigation .process-marker,#navigation .button.small .ui-icon{transition:none!important}#navigation .solution-icon,#navigation .process-marker,#navigation .button.small .ui-icon{transform:none!important}}