@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;450;500;550;600;650;700;750;800&family=Instrument+Serif:ital@0;1&display=swap');


:root{--paper:#f5f5ef;--ink:#252720;--muted:#74766a;--green:#b8ed5b;--line:#dcded2;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #598222;outline-offset:6px}::selection{background:var(--green);color:var(--ink)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:baseline;font-size:32px;font-weight:800;letter-spacing:-1.7px}.logo-it{margin-left:4px}.logo-dot{color:#80ba35}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:550}nav>a{transition:color .2s}nav>a:hover{color:#658e29}.nav-contact{border:1px solid #c6c9ba;padding:13px 17px;border-radius:4px}.nav-contact span{margin-left:22px}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;padding-top:82px;padding-bottom:104px;align-items:center}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:10px;margin:0 0 30px}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#83b941;box-shadow:0 0 0 3px #83b94113}h1{font-size:clamp(52px,5.6vw,80px);line-height:1.06;letter-spacing:-4.5px;font-weight:550;margin:0 0 32px}h1 .word-software{position:relative;white-space:nowrap}.word-software svg{position:absolute;left:0;bottom:-9px;width:100%;height:15px;stroke:#a8d85b;stroke-width:6;fill:none;z-index:-1}.green-period{color:#84b637}.hero-description{font-size:16px;color:#676b5f;line-height:1.8;margin:0 0 28px}.button{display:inline-flex;align-items:center;gap:38px;padding:17px 21px;border-radius:4px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#424b31;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.hero-note{font-size:11px;color:var(--muted);margin:15px 0 0}.scroll-cue{position:absolute;bottom:31px;left:0;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.scroll-cue>span{font-size:16px}.build-visual{position:relative;height:410px;border:1px solid #dce0d0;border-radius:8px;background:#eef0e5;isolation:isolate;overflow:hidden}.visual-top,.visual-bottom{position:absolute;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.9px;z-index:3}.visual-top{top:20px}.visual-top>span:first-child{display:flex;align-items:center;gap:8px;color:#69745b}.visual-plus{font-size:21px;color:#9aab83}.visual-bottom{bottom:17px;color:#7b8470;font-size:8px}.visual-bottom button{background:#f8faef;border:1px solid #cbd2bb;border-radius:4px;color:#505b43;font:10px var(--mono);padding:9px 11px;cursor:pointer;letter-spacing:0}.visual-bottom button:hover{background:var(--green)}.visual-bottom button:disabled{cursor:wait}.visual-bottom button span{margin-left:20px}.visual-grid{position:absolute;inset:0;background-image:radial-gradient(#aab29a 1px,transparent 1px);background-size:18px 18px;opacity:.3;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.orbit{position:absolute;border:1px solid #cbd4b5;border-radius:50%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-one{width:350px;height:350px}.orbit-two{width:440px;height:220px}.code-window{position:absolute;left:7%;right:7%;top:108px;transform:rotate(-3deg);background:#282d25;color:#eceee5;border:1px solid #3c4436;border-radius:7px;box-shadow:0 20px 32px #27311a20;transition:transform .6s}.build-visual:hover .code-window,.build-visual.is-building .code-window{transform:rotate(0)}.window-bar{padding:13px 14px;border-bottom:1px solid #ffffff13;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);color:#abb29f}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#5e6755}.window-dots i:first-child{background:#b7ce92}.code-content{padding:18px 10px;white-space:pre;font:clamp(7px,.77vw,11px)/1.9 var(--mono)}.line-number{display:inline-block;width:27px;color:#697460;user-select:none}.code-muted{color:#909c83}.code-purple{color:#cbb8eb}.code-green{color:#b8dc86}.code-yellow{color:#e9dc9f}.cursor{color:var(--green);animation:blink 1.2s step-end infinite}.terminal{font:8px var(--mono);border-top:1px solid #ffffff13;padding:12px 13px;color:#c1cbb5;display:flex;gap:9px}.terminal-symbol{color:var(--green)}.floating-tag{position:absolute;display:flex;align-items:center;gap:9px;font-size:12px;border-radius:4px;z-index:2;box-shadow:0 5px 15px #45502c0a}.tag-idea{top:65px;left:33px;transform:rotate(-7deg);background:#fafcf4;border:1px solid #d2d9c2;padding:11px 15px}.tag-idea>span{font-size:21px;color:#779e41}.tag-result{bottom:65px;right:28px;transform:rotate(6deg);background:var(--green);padding:12px 16px;font-weight:550;transition:transform .4s}.result-icon{border:1px solid #5d802e;border-radius:50%;width:17px;height:17px;text-align:center;font-size:11px;line-height:15px}.build-visual.is-building .tag-result{transform:rotate(0deg) scale(1.06)}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-inner{min-height:105px;display:flex;align-items:center;gap:50px}.client-caption{font:9px/1.7 var(--mono);letter-spacing:1px;color:var(--muted)}.client-logo{display:inline-flex;align-items:center;flex-shrink:0;padding-block:4px}.client-logo-image{display:block;width:184px;height:auto;mix-blend-mode:multiply}.client-arrow{font-size:16px;color:#818771;margin-left:20px;display:inline-block;transition:transform .2s}.client-logo:hover .client-arrow{transform:translate(3px,-3px)}.client-note{margin-left:auto;font-size:11px;color:var(--muted)}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:19px}h2{font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0}.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}.section-heading>p:last-child{font-size:15px;line-height:1.8;color:#717467;max-width:340px;margin:0 0 5px auto}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:49px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:31px 30px 27px 0;position:relative}.service+.service{border-left:1px solid var(--line);padding-left:30px}.service-index{position:absolute;right:24px;top:33px;font:9px var(--mono);color:#8b8f80}.service-icon{height:55px;display:flex;align-items:center;font:27px var(--mono);letter-spacing:-3px;color:#5d6e45;margin-bottom:24px}.integration-icon{font-size:42px}h3{font-size:20px;letter-spacing:-.5px;font-weight:550;margin:0 0 14px}.service>p{font-size:13px;line-height:1.9;color:#74776c;margin:0;max-width:285px}.service-label{font:8px var(--mono);letter-spacing:.65px;display:flex;align-items:center;justify-content:space-between;margin-top:35px;color:#6c735f}.service-label>span{font-size:15px}.approach{background:#eceedf;border-block:1px solid #e1e3d7}.approach-inner{padding-block:84px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-intro .eyebrow{margin-bottom:22px}.approach-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6a705e;max-width:380px;margin:24px 0}.text-link{display:inline-flex;gap:26px;align-items:center;font-size:13px;border-bottom:1px solid #959e84;padding-bottom:7px}.text-link:hover{color:#557a23}.signature{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:31px;margin-top:32px}.signature span{font:10px var(--mono);color:#838a76;margin-left:10px}.steps{list-style:none;padding:7px 0 0;margin:0;display:flex;flex-direction:column;justify-content:center}.steps li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #cfd4c1}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font:10px var(--mono);color:#74815e;padding-top:6px}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:13px;color:#727965;line-height:1.8;margin:0;max-width:330px}.contact{padding-block:100px 78px}.contact-heading{position:relative}.contact-heading .eyebrow{margin-bottom:25px}.contact h2{font-size:clamp(46px,5.5vw,75px);line-height:1.05;position:relative}.contact-asterisk{position:absolute;right:30px;top:0;font-size:120px;color:#91bf4f;font-family:var(--sans);font-style:normal;font-weight:400;line-height:1}.contact-heading>p:last-child{font-size:14px;color:#74786a;line-height:1.9;margin:27px 0 35px}.email-link{display:flex;align-items:center;justify-content:space-between;font-size:clamp(22px,3.4vw,46px);letter-spacing:-1.8px;font-weight:450;border-bottom:1px solid #b9bfac;padding:0 0 19px;gap:16px}.email-link>span{font-size:45px;color:#6b7859;transition:transform .2s}.email-link:hover>span{transform:translate(5px,-5px)}.contact-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;color:#7d8273}.copy-email{border:0;background:transparent;cursor:pointer;padding:7px 0;font-size:10px;color:#626c55}.copy-email span{margin-left:9px}.copy-email:hover{color:#395b16}.footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;padding:35px 0;gap:35px}.footer-top .logo{font-size:26px}.footer-top>p{font-size:11px;color:#7b806e}.back-top{margin-left:auto;font-size:10px;color:#717763}.back-top span{margin-left:16px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 26px;font:9px/1.8 var(--mono);color:#7d8272;gap:20px}.footer-bottom address{font:inherit}.address-note{color:#666d5c}.footer-dot{color:#7baa39;margin-left:2px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;background:var(--green);padding:12px;z-index:100}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){.hero{padding-block:110px 130px}.build-visual{height:440px}.code-window{top:120px}.code-content{font-size:11px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:25px;padding-top:65px}h1{letter-spacing:-3px}.build-visual{height:370px}.code-window{left:5%;right:5%;top:100px}.code-content{font-size:8px;padding-inline:7px}.line-number{width:21px}.tag-result{bottom:58px}.client-inner{gap:30px}.client-note{display:block;text-align:right;line-height:1.7;max-width:160px}.approach-inner{gap:55px}.section-heading{gap:35px}.service{padding-right:20px}.service+.service{padding-left:20px}.service-label{font-size:7px}.footer-bottom{flex-wrap:wrap}.contact-asterisk{font-size:100px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:82px}.logo{font-size:28px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:11px 12px}.nav-contact span{margin-left:12px}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px;padding-bottom:66px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}h1{font-size:clamp(49px,10.8vw,73px);letter-spacing:-3px;margin-bottom:28px}.hero-description{font-size:15px}.hero-note{font-size:10px}.hero-copy{max-width:550px}.build-visual{width:100%;max-width:520px;justify-self:center;height:370px}.code-content{font-size:clamp(8px,2.15vw,11px);padding:17px 12px}.line-number{width:26px}.code-window{left:7%;right:7%;top:95px}.tag-idea{top:51px}.tag-result{bottom:52px}.visual-bottom{font-size:7px}.scroll-cue{bottom:24px}.client-inner{min-height:115px;flex-wrap:wrap;justify-content:center;gap:9px;padding-block:20px}.client-caption{width:100%;text-align:center;font-size:8px}.client-logo{padding-block:4px}.client-note{flex-basis:100%;max-width:none;text-align:center;margin:0;font-size:10px}.client-arrow{margin-left:10px}.section{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading .eyebrow{grid-column:auto}.section-heading>p:last-child{margin:22px 0 0;max-width:360px;font-size:14px}h2{font-size:43px}.services{grid-template-columns:1fr;margin-top:32px}.service,.service+.service{border-left:0;padding:26px 0}.service+.service{border-top:1px solid var(--line)}.service-icon{height:35px;margin-bottom:18px;font-size:26px}.integration-icon{font-size:38px}.service>p{max-width:100%;font-size:14px}.service-label{font-size:8px;margin-top:22px}.service-index{right:0;top:32px}.approach-inner{padding-block:60px;grid-template-columns:1fr;gap:42px}.approach-intro>p:not(.eyebrow){max-width:100%;font-size:14px}.steps{padding:0}.steps li{padding-block:24px;gap:22px}.steps p{max-width:none}.signature{margin-top:25px}.contact h2{font-size:49px;letter-spacing:-2px}.contact-asterisk{font-size:59px;right:2px;top:8px}.contact-heading>p:last-child{font-size:13px;margin-top:24px}.contact-heading>p:last-child br{display:none}.email-link{letter-spacing:-1px;font-size:clamp(19px,5.7vw,31px);padding-bottom:15px}.email-link>span{font-size:30px}.contact-meta{align-items:flex-start;gap:15px;font-size:9px}.contact-meta>span:first-child{max-width:185px;line-height:1.7}.copy-email{font-size:9px;white-space:nowrap;padding-top:2px}.footer-top{flex-wrap:wrap;gap:15px;padding-block:27px}.footer-top>p{margin:0;font-size:10px}.back-top{width:100%;margin:0;font-size:10px;padding-top:7px}.footer-bottom{font-size:8px;align-items:start;gap:12px;padding-block:20px}.footer-bottom address{order:3;flex-basis:100%}.footer-bottom>span:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Aangeleverd Strictly IT-logo; behoud de oorspronkelijke verhoudingen. */
.logo{flex-shrink:0}
.logo img{display:block;width:240px;height:auto;mix-blend-mode:multiply}
.footer .logo img{width:200px}
@media(max-width:720px){.header .logo img{width:165px}.footer .logo img{width:180px}}
@media(max-width:380px){.header .logo img{width:140px}.nav-contact{padding:10px 8px}.nav-contact span{margin-left:7px}}

/* Een eerder project naast de huidige betrokkenheid bij OnlineWebinar. */
.past-project{border-top:1px solid var(--line)}
.client-caption{flex:0 0 175px}
.past-project-logo{display:block;width:184px;height:auto;max-height:68px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:1000px){.client-caption{flex-basis:145px}}
@media(max-width:720px){.client-caption{flex-basis:100%}.past-project-logo{max-height:60px}}

.linkedin-link{margin-top:28px}

/* Beknopte loopbaan, gebaseerd op de aangeleverde LinkedIn-ervaring. */
.experience{padding-bottom:0}
.experience-list{list-style:none;padding:0;margin:42px 0 0;border-top:1px solid var(--line)}
.experience-list>li{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding:27px 0;border-bottom:1px solid var(--line)}
.experience-company h3{font-size:19px;margin-bottom:9px}
.experience-company p{font:10px/1.8 var(--mono);color:var(--muted);margin:0}
.experience-role h4{font-size:14px;font-weight:550;line-height:1.5;margin:0 0 9px}
.experience-role p{font-size:13px;line-height:1.9;color:#74776c;max-width:580px;margin:0}
@media(max-width:720px){.experience-list{margin-top:30px}.experience-list>li{grid-template-columns:1fr;gap:18px;padding-block:25px}.experience-role p{font-size:13px}}

.footer-bottom{flex-wrap:wrap}.business-registration{white-space:nowrap}