.site-header{position:fixed!important;z-index:20;top:0;left:0;width:100%;padding:25px 0!important;transition:padding .25s ease,background .25s ease,backdrop-filter .25s ease;border-bottom:1px solid transparent}.site-header.compact,.topbar.compact{padding-top:13px!important;padding-bottom:13px!important;background:var(--color-navy-alpha-e8)!important;backdrop-filter:blur(15px);border-bottom-color:var(--color-white-alpha-18)}.topbar{position:sticky;top:0;z-index:20;transition:height .25s ease,background .25s ease,backdrop-filter .25s ease}.topbar.compact{height:54px}.to-top{position:fixed;right:26px;bottom:26px;z-index:30;width:47px;height:47px;border:1px solid var(--color-accent);background:var(--color-navy-alpha-e8);color:var(--color-accent);border-radius:50%;font-size:1.35rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;backdrop-filter:blur(12px)}.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.to-top:hover{background:var(--color-accent);color:var(--color-navy)}.menu-toggle{display:none;width:38px;height:34px;border:0;background:transparent;color:var(--color-white);cursor:pointer;font-size:0;position:relative}.menu-toggle:before,.menu-toggle:after,.menu-toggle span{content:"";position:absolute;left:7px;width:24px;height:2px;background:currentColor;transition:transform .2s ease,top .2s ease,opacity .2s ease}.menu-toggle:before{top:9px}.menu-toggle span{top:16px}.menu-toggle:after{top:23px}.menu-open .menu-toggle:before{top:16px;transform:rotate(45deg)}.menu-open .menu-toggle span{opacity:0}.menu-open .menu-toggle:after{top:16px;transform:rotate(-45deg)}.brand{display:inline-flex;flex-direction:column;justify-content:center;line-height:.83!important;letter-spacing:-.07em!important;white-space:nowrap}.brand .brand-name{font-size:.85em}.brand small{margin-top:5px;color:var(--color-accent);font-size:.3em;font-weight:700;letter-spacing:.14em;text-transform:uppercase}@media(max-width:760px){.site-header{padding:18px 0!important}.site-header .top{position:relative}.site-header .nav,.topbar nav{display:flex!important;position:fixed;z-index:19;inset:0;background:var(--color-navy-alpha-f8);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;gap:29px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.site-header .nav a,.topbar nav a{font-size:1rem!important;letter-spacing:.09em}.menu-open .site-header .nav,.menu-open .topbar nav{opacity:1;visibility:visible;pointer-events:auto}.menu-toggle{display:block;z-index:21;margin-left:auto}.site-header .head-actions{z-index:21}.site-header .head-actions .lang{margin-left:0}.topbar{padding:0 5vw}.topbar .langs{z-index:21;margin-left:0}.to-top{right:16px;bottom:16px;width:43px;height:43px}.brand .brand-name{font-size:.68em}.brand small{font-size:.25em;margin-top:4px}}
.brand{display:flex!important;align-items:center}.brand img{display:block;width:170px;height:auto;max-height:48px;object-fit:contain;object-position:left center}@media(max-width:760px){.brand img{width:137px;max-height:40px}}

/* Vast donker mobiel menu: leesbaar boven elke lichte of drukke achtergrond. */
@media(max-width:760px){body.menu-open{overflow:hidden}.menu-open .topbar,.menu-open .site-header{background:var(--color-navy)!important;border-bottom-color:var(--color-white-alpha-1c)}.menu-open .site-header .nav,.menu-open .topbar nav{background:var(--color-navy)!important;box-shadow:0 18px 50px #02080ecc}.menu-open .site-header .nav a,.menu-open .topbar nav a{color:var(--color-off-white)!important;text-shadow:none}.menu-open .site-header .nav a.active,.menu-open .topbar nav a.active{color:var(--color-accent)!important;border-bottom-color:var(--color-accent)}.menu-open .langs button{color:var(--color-off-white)!important}.menu-open .langs button.on{color:var(--color-accent)!important}}

/* Ook gesloten blijft de mobiele navigatie altijd leesbaar. */
@media(max-width:760px){.topbar,.site-header{background:var(--color-navy-alpha-f5)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--color-white-alpha-18)}.topbar .langs button,.site-header .head-actions .lang{color:var(--color-off-white)!important}.topbar .langs button.on,.site-header .head-actions .lang.on{color:var(--color-accent)!important}.menu-toggle{color:var(--color-off-white)!important}}

/* iPhone/mobile: compact, solid dropdown underneath the header.
   No fullscreen overlay and no page scroll lock: the page stays usable at all times. */
@media(max-width:760px){
  body.menu-open{overflow:auto!important}
  .site-header,.topbar{overflow:visible!important;isolation:isolate}
  .site-header .nav,.topbar nav{
    display:none!important;
    position:absolute!important;
    z-index:999!important;
    inset:auto!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:0!important;
    padding:16px 7vw 20px!important;
    background:var(--color-navy)!important;
    border-top:1px solid var(--color-white-alpha-1c)!important;
    border-bottom:1px solid var(--color-white-alpha-22)!important;
    box-shadow:0 16px 28px #02080ecf!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:none!important;
  }
  body.menu-open .site-header .nav,body.menu-open .topbar nav{display:flex!important}
  .site-header .nav a,.topbar nav a{
    display:block!important;
    width:100%!important;
    padding:14px 0!important;
    color:var(--color-off-white)!important;
    font-size:.86rem!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    border-bottom:1px solid var(--color-white-alpha-14)!important;
  }
  .site-header .nav a:last-child,.topbar nav a:last-child{border-bottom:0!important}
  .site-header .nav a.active,.topbar nav a.active{color:var(--color-accent)!important;border-bottom-color:var(--color-accent)!important}
}

/* Visible text next to the hamburger icon on phones. */
@media(max-width:760px){
  .menu-toggle{width:78px!important;min-width:78px!important}
  .menu-toggle .menu-label{display:block!important;position:absolute!important;left:39px!important;top:50%!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:var(--color-off-white)!important;transform:translateY(-50%)!important;font:800 .62rem/1 Arial,sans-serif!important;letter-spacing:.1em!important;white-space:nowrap!important}
}

/* Native share action in the footer. */
.site-share{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;padding:.55rem .8rem;background:transparent;color:var(--color-accent);border:1px solid var(--color-accent-alpha-55);border-radius:999px;font:700 .66rem/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.site-share:hover,.site-share:focus-visible{background:var(--color-accent);color:#10120e;border-color:var(--color-accent);outline:none}.site-share span[aria-hidden="true"]{font-size:1rem;line-height:0}.site-share.copied{background:var(--color-accent);color:#10120e;border-color:var(--color-accent)}
.contact-share{margin-top:1.15rem;background:var(--color-accent)!important;color:#10120e!important;border-color:var(--color-accent)!important;box-shadow:0 10px 28px rgba(200,255,37,.22)}.contact-share:hover,.contact-share:focus-visible{background:#10120e!important;color:var(--color-accent)!important;border-color:var(--color-accent)!important}

/* Verified founder profile in the About section. */
.about .founder-linkedin{display:inline-flex;align-items:center;margin:5px 0 28px;color:#557d11;font-size:.72rem;font-weight:900;letter-spacing:.075em;line-height:1.35;text-decoration:none}.about .founder-linkedin:hover,.about .founder-linkedin:focus-visible{color:var(--color-navy);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:5px;outline:none}@media(max-width:560px){.about .founder-linkedin{font-size:.65rem;margin-bottom:24px}}

/* FAQ and main mobile menu: keep the complete dropdown inside the viewport. */
@media(max-width:760px){
  .topbar nav,.site-header .nav{
    box-sizing:border-box!important;
    margin:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
  }
}

html,body{overflow-x:clip}
@media(max-width:650px){.topbar{gap:12px}.topbar .langs button{padding:8px}}