:root{--navy:#000051;--ink:#171833;--text:#36384e;--muted:#696b80;--pale:#f4f5fb;--pale-blue:#eef0fa;--line:#d9d8d1;--white:#fff;--content-width:1180px}
html{scroll-behavior:smooth}body{font-family:"Source Sans 3",Arial,sans-serif!important;font-size:17px!important;line-height:1.65!important;color:var(--text)!important;background:var(--white)!important}
nav{height:auto!important;min-height:76px!important;padding:0 4vw!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.nav-logo{gap:.55rem!important}.nav-logo img,.footer-logo img{display:none!important}.nav-logo::before,.footer-logo::before{content:"";display:block;width:28px;height:28px;flex:0 0 28px;background:url("logo-connected.svg") center/contain no-repeat}.nav-logo-text{color:var(--navy)!important;font-family:Lora,Georgia,serif!important;font-size:1.02rem!important}.nav-links{gap:.15rem!important}.nav-links a{color:var(--ink)!important;padding:.45rem .7rem!important;font-size:.92rem!important;border-radius:2px!important}.nav-links a:hover{color:var(--navy)!important;background:var(--pale)!important}.nav-links a.nav-btn{color:var(--white)!important;background:var(--navy)!important;border-color:var(--navy)!important}.nav-links a.nav-btn:hover{background:#151579!important}
.hero,.pagina-header{max-width:none!important;margin:0!important;padding:clamp(2.5rem,6vw,4.5rem) max(4vw,1.4rem)!important;background:var(--pale)!important;border-bottom:1px solid var(--line)!important}.hero>*:not(.hero-accent),.pagina-header>*{max-width:var(--content-width);margin-left:auto!important;margin-right:auto!important}.hero-eyebrow,.sectie-tag{color:var(--muted)!important;font-size:.74rem!important;font-weight:700!important;letter-spacing:.13em!important}.hero h1,.pagina-header h1{max-width:var(--content-width)!important;font-size:clamp(2.15rem,4.6vw,3.55rem)!important;line-height:1.13!important;margin-bottom:1rem!important}.hero h1 em{color:var(--navy)!important}.hero-accent{width:34px!important;height:2px!important;margin:0 0 1rem!important;background:var(--navy)!important}.hero-intro,.pagina-header p{max-width:620px!important;font-size:1.1rem!important;line-height:1.65!important;color:var(--text)!important}
.diensten,.over,.intro,.linkedin-blok,.inhoud,.contact-blok{max-width:var(--content-width)!important;padding:clamp(2.5rem,5vw,4rem) max(4vw,1.4rem)!important;margin:0 auto!important;border-bottom:1px solid var(--line)!important}.diensten{background:var(--white)!important}.sectie-tag{margin-bottom:1.25rem!important}.dienst{grid-template-columns:minmax(180px,.72fr) minmax(0,1.55fr)!important;gap:clamp(1.5rem,4vw,4rem)!important;padding:1.35rem 0!important;border-color:var(--line)!important;opacity:1!important;transform:none!important;animation:none!important}.dienst h3,.ervaring h3{font-size:1.1rem!important}.dienst p,.over p,.intro-tekst p,.linkedin-blok p,.inhoud p{font-size:1rem!important;line-height:1.72!important}.over{background:var(--pale)!important}.over h2,.aanpak-inner h2{font-size:clamp(1.45rem,2.5vw,2rem)!important}.over a,.linkedin-blok a,.inhoud a{color:var(--navy)!important}
.achtergrond{padding:clamp(2.5rem,5vw,4rem) max(4vw,1.4rem)!important;background:var(--pale-blue)!important;border-bottom:1px solid var(--line)!important}.achtergrond-inner{max-width:var(--content-width)!important;padding:0!important}.intro{grid-template-columns:minmax(0,1fr) 270px!important;gap:clamp(2rem,5vw,4.5rem)!important}.intro-foto{max-width:270px!important;aspect-ratio:4/3!important;border-radius:2px!important;box-shadow:none!important}.ervaring{padding:1.2rem 0!important;opacity:1!important;transform:none!important;animation:none!important}.ervaring-icoon{color:var(--navy)!important}
.contact-balk{padding:clamp(2rem,4vw,3rem) max(4vw,1.4rem)!important;background:var(--pale-blue)!important;border-bottom:1px solid var(--line)!important}.contact-balk>div,.contact-balk>a{max-width:var(--content-width)}.contact-balk h2{color:var(--ink)!important;font-size:clamp(1.45rem,2.5vw,2rem)!important}.contact-balk p{color:var(--text)!important}.btn,.btn-formulier{background:var(--navy)!important;color:var(--white)!important;border:1px solid var(--navy)!important;border-radius:2px!important;letter-spacing:0!important}.btn:hover,.btn-formulier:hover{background:#151579!important}
.contact-blok{grid-template-columns:minmax(0,1.15fr) minmax(240px,.7fr)!important;gap:clamp(2rem,6vw,5rem)!important}.contact-formulier h2,.contact-gegevens h2{font-size:clamp(1.45rem,2.5vw,2rem)!important}.contact-item{margin-bottom:1.55rem!important}.contact-item-label{color:var(--muted)!important;font-weight:700!important}.contact-icoon,.contact-item-tekst a{color:var(--navy)!important}.contact-formulier iframe{border-color:var(--line)!important;border-radius:2px!important}
.bedankt{max-width:720px!important;margin:0 auto!important;padding:clamp(3rem,8vw,6rem) max(4vw,1.4rem)!important}.bedankt h1{font-size:clamp(2rem,4vw,3.2rem)!important}.bedankt .btn{margin-top:1.25rem!important}
footer{padding:2rem max(4vw,1.4rem) 1.5rem!important;background:var(--pale)!important;border-top:0!important}.footer-inner,.footer-copy{max-width:var(--content-width)!important}.footer-logo{gap:.55rem!important}.footer-logo span{font-family:Lora,Georgia,serif!important;color:var(--navy)!important}.footer-links a{color:var(--text)!important;font-size:.9rem!important}.footer-copy{color:var(--muted)!important;border-color:var(--line)!important}
@media(max-width:760px){nav{min-height:64px!important;padding:0 1.1rem!important}.nav-logo-text{display:none!important}.nav-links a{padding:.4rem .45rem!important;font-size:.84rem!important}.hero,.pagina-header,.diensten,.over,.intro,.linkedin-blok,.inhoud,.contact-blok,.achtergrond,.contact-balk{padding-left:1.4rem!important;padding-right:1.4rem!important}.dienst,.intro,.contact-blok{grid-template-columns:1fr!important;gap:1rem!important}.intro-foto{max-width:180px!important}.contact-balk{align-items:flex-start!important}.footer-inner{align-items:flex-start!important;flex-direction:column!important}.footer-links{gap:.65rem 1rem!important}}
