/* The approved opaque-white Clevver navigation skin. Native subpage components are unchanged. */
.clevver-site .main-logo, .clevver-site .clevver-nav-logo { display:block; width:100%; height:auto; }
html.clevver-site .nav { --nav-bg:var(--clevver-nav-surface); --nav-text:var(--clevver-nav-ink); --nav-backdrop-filter:none; }
.clevver-site .nav .nav__container { min-height:82px; padding:12px 16px 12px 27px; font-size:16px; }
.clevver-site .nav.nav--blur .nav__container--dropdown-open { background-color:var(--clevver-nav-surface); }
.clevver-site .nav .nav__logo--desktop { width:216px; }
.clevver-site .nav .nav__logo--mobile { width:155px; height:auto; }
.clevver-site .nav .mega-menu,.clevver-site .nav .nav-mobile {
 --mm-bg:var(--clevver-nav-surface); --mm-text:var(--clevver-nav-ink); --mm-text-soft:var(--clevver-nav-muted); --mm-border:var(--clevver-nav-border);
}
.clevver-site .nav .button { font-family:"Avenir Next",Avenir,Arial,sans-serif; font-size:16px; min-height:48px; padding:0; }
.clevver-site .nav .button__inner { padding:14px 24px; }
.clevver-site .nav :is(.button--primary,.button--tertiary) { color:var(--clevver-nav-ink); }
.clevver-site .nav :is(.button--primary,.button--tertiary) .button__bg { background-color:var(--clevver-nav-accent); }
.clevver-site .nav :is(.button--primary,.button--tertiary) .button__text,
.clevver-site .nav :is(.button--primary,.button--tertiary) .button__inner::after { color:var(--clevver-nav-ink); }
.clevver-site .nav :is(.button--primary,.button--tertiary) .button__bg-inner--first { background-color:var(--clevver-nav-accent); }
.clevver-site .nav :is(.button--primary,.button--tertiary) .button__bg-inner--second { background-color:var(--clevver-nav-secondary); }
.clevver-site .nav .button--secondary { color:var(--clevver-nav-ink); }
.clevver-site .nav .button--secondary .button__bg { background-color:var(--clevver-nav-secondary); }
.clevver-site .nav .button--secondary .button__text { color:var(--clevver-nav-ink); }
.clevver-site .nav .button--secondary .button__inner::after { color:var(--clevver-nav-ink); }
.clevver-site .nav .button--secondary .button__bg-inner--first { background-color:var(--clevver-nav-secondary); }
.clevver-site .nav .button--secondary .button__bg-inner--second { background-color:var(--clevver-nav-accent); }
.clevver-site .nav .nav__burger[aria-expanded="true"] { position:relative; }
.clevver-site .nav .nav__burger[aria-expanded="true"] > span { display:none; }
.clevver-site .nav .nav__burger[aria-expanded="true"]::before,
.clevver-site .nav .nav__burger[aria-expanded="true"]::after { content:""; position:absolute; width:22px; height:2px; top:50%; left:50%; background:currentColor; transform:translate(-50%,-50%) rotate(45deg); }
.clevver-site .nav .nav__burger[aria-expanded="true"]::after { transform:translate(-50%,-50%) rotate(-45deg); }
@media(min-width:769px) and (max-width:1100px) {
 .clevver-site .nav .nav__logo--desktop { width:clamp(155px,17vw,187px); }
 .clevver-site .nav .nav__container { gap:16px; padding-left:20px; }
 .clevver-site .nav .nav__links { gap:16px; }
 .clevver-site .nav .nav__ctas { gap:8px; }
 .clevver-site .nav .button { font-size:14px; }
 .clevver-site .nav .button__inner { padding:12px 14px; }
}
@media(max-width:768px) {
 .clevver-site .nav .nav__container { min-height:68px; padding:10px 12px; gap:12px; }
 .clevver-site .nav .nav__burger { width:40px; height:40px; }
 .clevver-site .nav .button { font-size:14px; min-height:44px; }
 .clevver-site .nav .button__inner { padding:12px 14px; }
}
@media(max-width:360px) {
 .clevver-site .nav .nav__logo--mobile { width:136px; }
 .clevver-site .nav .nav__container { gap:8px; }
 .clevver-site .nav .button__inner { padding:12px 10px; }
}
/* Preserve the original painted path across saved-document navigation. The same
   native GSAP driver takes over from this first frame once the page is mounted. */
html.clevver-arriving::before { content:""; position:fixed; inset:0; z-index:100; background:var(--clevver-transition-color); pointer-events:none; }
html.clevver-arriving .transition__svg__wrapper { visibility:visible!important; opacity:1!important; pointer-events:auto!important; }
html.clevver-arriving .transition__svg__wrapper svg { transform:scale(1.1); }
html.clevver-arriving .transition__svg__wrapper path { stroke:var(--clevver-transition-color)!important; stroke-dasharray:none!important; stroke-dashoffset:0!important; stroke-width:800!important; opacity:1!important; }

/* Native mobile typography; the service group spans the full content width. */
@media(max-width:768px) {
 .clevver-site .nav .nav__logo--mobile { width:136px; }
 .clevver-site .nav .nav__cta-link .button { font-size:12px; }
 .clevver-site .nav .nav__cta-link .button__inner { padding:12px 10px; }
 .clevver-site .nav .nav-mobile__link { font-size:16px; line-height:1.3; hyphens:none; }
 .clevver-site .nav .nav__burger { flex-shrink:0; }
}
@media(max-width:360px) { .clevver-site .nav .nav__logo--mobile { width:110px; } .clevver-site .nav .nav__container { gap:6px; } }
/* Dutch prose should wrap at word boundaries inside the native reveal spans. */
.clevver-site .animated-paragraph, .clevver-site .animated-paragraph span { word-break:normal; overflow-wrap:normal; }
.clevver-site :is(p, li, span) { word-break:normal; overflow-wrap:normal; }

/* Navigation-only semantic palette, shared by all native menu variants. */
html.clevver-site { --clevver-nav-surface:#fff; --clevver-nav-ink:#0c2018; --clevver-nav-accent:#e6ff55; --clevver-nav-secondary:#d4f5e0; --clevver-nav-muted:#52645b; --clevver-nav-border:#d3ddd6; }
.clevver-site .nav :is(.mega-menu__links,.nav-mobile__links,.reveal,.reveal__inner) { min-width:0; max-width:100%; hyphens:none; word-break:normal; overflow-wrap:normal; letter-spacing:0; }
.clevver-site .nav :is(.mega-menu__link,.nav-mobile__link) { display:flex; align-items:center; min-height:44px; }
.clevver-site .nav :is(.mega-menu__link,.nav-mobile__link) .reveal { line-height:1.35; }
.clevver-site .nav :is(a,button):focus-visible { outline:2px solid var(--clevver-nav-ink); outline-offset:3px; border-radius:4px; }
.clevver-site .nav .button--secondary :is(.button__text,.button__inner::after) { color:var(--clevver-nav-ink); }
.clevver-site .nav .nav-mobile__legal-link { color:var(--clevver-nav-muted); font-size:13px; line-height:1.4; min-height:44px; display:inline-flex; align-items:center; }
.clevver-site .nav .nav-mobile__legal-link:is(:hover,:focus-visible) { color:var(--clevver-nav-ink); text-decoration:underline; }
@media(max-width:768px) {
 .clevver-site .nav .nav__container { z-index:5; }
 .clevver-site .nav .nav__burger { width:44px; height:44px; }
 .clevver-site .nav .nav-mobile { display:block; top:calc(100% - 8px); height:calc(100vh - var(--nav-height,100px) - 8px); height:calc(100dvh - var(--nav-height,100px) - 8px); }
 .clevver-site .nav .nav-mobile__inner { gap:20px; padding:20px 16px max(12px,env(safe-area-inset-bottom)); overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
 .clevver-site .nav .nav-mobile__columns { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 16px; }
 .clevver-site .nav .nav-mobile__section { min-width:0; }
 .clevver-site .nav .nav-mobile__section:first-child { grid-column:1 / -1; }
 .clevver-site .nav .nav-mobile__tag-wrapper { margin-bottom:8px; }
 .clevver-site .nav .nav-mobile__links { gap:0; }
 .clevver-site .nav .nav-mobile__footer { gap:16px; padding-top:0; }
 .clevver-site .nav .nav-mobile__utils { justify-content:flex-end; }
 .clevver-site .nav .nav-mobile__socials { justify-content:flex-end; gap:12px; }
 .clevver-site .nav .nav-mobile__social-placeholder,
 .clevver-site .nav .nav-mobile__social-placeholder:hover { width:44px; height:44px; flex-shrink:0; color:var(--clevver-nav-ink); border-color:var(--clevver-nav-border); background-color:transparent; }
 .clevver-site .nav .nav-mobile__legal { justify-content:flex-start; gap:0 20px; }
}
@media(max-width:360px) {
 .clevver-site .nav .nav-mobile__columns { grid-template-columns:minmax(0,1fr); row-gap:20px; }
}