:root{--bg:#0c0e11;--panel:#13161b;--muted:#acb2bc;--line:#30343b;--white:#f4f5f7;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:10px}.topbar{border-bottom:1px solid #24272d;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#a9b0b9}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.header{position:sticky;top:0;z-index:30;background:rgba(10,12,15,.97);border-bottom:1px solid #292c32}.navrow{height:96px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:141px;height:77px;object-fit:contain;background:#fff;border-radius:3px}.navlinks{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:12px;font-weight:600}.navlinks>a{padding:10px 0;color:#c9cdd3;white-space:nowrap}.navlinks>a:hover,.navlinks>a.active{color:#fff}.navlinks>a.active{border-bottom:2px solid white}.phone{border:1px solid #666c75;border-radius:4px;padding:10px 14px;font-size:12px;font-weight:600;white-space:nowrap}.menu{display:none;background:transparent;color:#fff;border:1px solid #555;border-radius:4px;padding:10px}.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#15191f}.hero>.photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.88) 30%,rgba(8,10,13,.25) 72%,rgba(8,10,13,.12))}.hero .wrap{position:relative;z-index:1;padding-top:70px;padding-bottom:70px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:600;font-size:11px;color:#b8c1cd;display:flex;gap:12px;align-items:center;margin:0 0 20px}.eyebrow:before{content:'';height:1px;width:32px;background:#b8c1cd}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.1vw,72px);letter-spacing:-2.8px;line-height:1.04;margin-bottom:26px;font-weight:750;max-width:710px}h1 span{color:#b9c0cb}h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.4px;line-height:1.12;margin-bottom:20px}h3{font-size:20px;line-height:1.25;letter-spacing:-.4px}.lead{font-size:17px;color:#c3c9d2;max-width:520px;line-height:1.8}.btns{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 23px;border-radius:4px;background:linear-gradient(#fff,#d4d9e1);color:#101318;border:1px solid #ecf0f6;font-size:13px;font-weight:750;cursor:pointer;min-height:49px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#fff}.btn:disabled{opacity:.6;cursor:wait}.btn.ghost{background:transparent;color:white;border-color:#656d78}.btn.dark{background:#101318;color:#fff;border-color:#101318}.hero-tags{display:flex;gap:25px;margin-top:44px;color:#d5dae1;font-size:11px;letter-spacing:.3px}.hero-tags span{display:flex;gap:10px;align-items:center;max-width:145px}.ico{display:inline-flex;width:22px;height:22px;flex-shrink:0}.ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.strip{border-bottom:1px solid var(--line);background:#111419}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0}.strip-item{display:flex;align-items:center;gap:18px;padding-left:35px;border-left:1px solid var(--line)}.strip-item:first-child{border:0;padding-left:0}.strip b{display:block;font-size:13px}.strip small{display:block;color:var(--muted);font-size:12px}.section{padding:94px 0}.section.alt{background:#111419}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);max-width:415px;font-size:14px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #777;padding-bottom:7px;white-space:nowrap}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{position:relative;min-height:264px;border:1px solid #333944;border-radius:5px;overflow:hidden;background:#212831;display:flex;align-items:end;padding:23px;isolation:isolate}.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b10 0%,rgba(8,11,16,.3) 68%);z-index:-1}.service:hover img{transform:scale(1.045)}.service h3{font-size:17px;margin:0}.service-row{display:flex;width:100%;align-items:center;gap:12px}.arrow{margin-left:auto;border:1px solid #7a838f;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:15px}.service .ico{width:26px;height:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split .image{width:100%;height:480px;object-fit:cover;border-radius:5px}.bodycopy{color:#b6bec9;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:30px 24px;border:1px solid #343b45;border-radius:5px;background:linear-gradient(130deg,#181d24,#101318)}.feature .ico{margin-bottom:24px;width:30px;height:30px}.feature h3{font-size:17px}.feature p{color:#b3bdc9;font-size:13px;margin-bottom:0}.steps{counter-reset:step}.step{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.step:before{counter-increment:step;content:'0' counter(step);font-size:15px;color:#838f9e;letter-spacing:2px;padding-top:2px}.step h3{font-size:18px;margin-bottom:8px}.step p{font-size:14px;color:#aeb8c5;margin-bottom:0}.cta{padding:65px 0;background:linear-gradient(110deg,#222832,#14181e);border-block:1px solid #353c46}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font-size:34px;margin-bottom:8px}.cta p{margin:0;color:#b7c0cc;font-size:14px}.footer{padding:62px 0 22px;background:#080a0d;color:#aeb6c1}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footer h3{font-size:13px;color:#fff;margin-bottom:20px}.footer p,.footer a{font-size:12px}.footer a:hover{color:#fff}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:9px}.footer .brand{margin-bottom:18px}.footer .brand img{width:130px;height:82px}.bottom{margin-top:50px;padding-top:20px;border-top:1px solid #252a32;font-size:11px;display:flex;justify-content:space-between;gap:20px}.pagehead{padding:65px 0 45px;background:radial-gradient(ellipse at right top,#202936,#0c0e11 65%);border-bottom:1px solid #242a33}.pagehead h1{font-size:50px;max-width:820px}.crumb{font-size:11px;color:#8995a5;margin-bottom:28px}.pagehead p{max-width:600px;color:#b6c0cd}.pagehead .eyebrow{margin-bottom:15px}.formlayout{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:start}.formbox{background:#f1f3f6;color:#171c25;padding:34px;border-radius:6px}.formbox h2{font-size:25px;letter-spacing:-.6px}.formbox p{font-size:12px;color:#596574}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px}input,select,textarea{width:100%;background:#fff;border:1px solid #c4ccd7;border-radius:3px;padding:12px;color:#171c25;min-height:46px}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #616f82;outline-offset:2px}.formbox .btn{width:100%;margin-top:21px}.consent{font-size:11px;display:flex;flex-direction:row;align-items:start;margin-top:18px;font-weight:400}.consent input{width:16px;height:16px;min-height:0;margin-top:2px}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px}.message{padding:12px;background:#e1e9f2;border-radius:3px;display:none;font-size:13px!important}.message:not(:empty){display:block}.contactlinks{display:grid;gap:24px;margin:32px 0}.contactlinks a,.contactlinks>div{display:flex;gap:15px;align-items:center}.contactlinks small{display:block;color:#8f9aaa;font-size:11px}.contactlinks strong{font-size:16px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq p{font-size:14px;color:#b1bccb;margin:18px 0 0;max-width:800px}.vacancy-note{border:1px solid #46505d;padding:30px;border-radius:5px;background:#161c24}.vacancy-note h2{font-size:26px}.vacancy-note p{color:#bdc6d2}.legal{max-width:800px}.legal h2{font-size:25px;margin-top:35px}.legal p,.legal li{color:#b6c0cd;font-size:14px}.mobile-call{display:none}.image-caption{font-size:10px;color:#7e8b9d;margin-top:8px}.quote{border-left:2px solid #abb6c5;padding-left:24px;font-size:23px;color:#d6dce5;line-height:1.5;letter-spacing:-.4px;margin:35px 0}.intro{max-width:600px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid .step{display:block;border:0}.process-grid .step:before{display:block;margin-bottom:20px}.subtitle{color:#9ba8b8}.detail-list{padding-left:18px;color:#bcc6d3}.detail-list li{padding:6px 0}.availability{font-size:12px;display:flex;align-items:center;gap:8px}.availability:before{content:'';width:6px;height:6px;border-radius:50%;background:#e4e9ef}.overline{border-top:1px solid var(--line)}
@media(max-width:1100px){.navrow{gap:18px}.navlinks{gap:15px}.navlinks>a{font-size:11px}.phone{display:none}.split{gap:40px}.services{gap:15px}.formlayout{gap:35px}.wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{font-size:9px}.topbar span:last-child{display:none}.navrow{height:82px;justify-content:space-between}.brand img{width:118px;height:64px}.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#11151b;padding:20px;flex-direction:column;gap:10px;align-items:stretch;border-bottom:1px solid #555}.navlinks.open{display:flex}.navlinks>a{font-size:14px}.hero{min-height:650px;align-items:end}.hero>.photo{object-position:64% center}.hero:after{background:linear-gradient(0deg,rgba(8,10,13,.99),rgba(8,10,13,.85) 40%,rgba(8,10,13,.2))}.hero .wrap{padding-top:230px;padding-bottom:42px}h1{font-size:47px;letter-spacing:-1.8px;max-width:100%}.hero h1{max-width:460px}.lead{font-size:15px;max-width:400px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-tags{gap:13px;margin-top:29px}.hero-tags span{font-size:9px;gap:7px}.hero-tags .ico{width:20px;height:20px}.strip .wrap{grid-template-columns:1fr;padding:0}.strip-item{border:0;border-bottom:1px solid var(--line);padding:19px 0!important}.strip-item:last-child{border:0}.strip small{font-size:11px}.section{padding:62px 0}.section-head{display:block}.section-head p{font-size:13px}.services{grid-template-columns:1fr 1fr;gap:12px}.service{min-height:210px;padding:16px}.service-row{gap:9px}.service h3{font-size:14px}.service .ico{display:none}.arrow{width:20px;height:20px;font-size:11px;flex-shrink:0}.split,.formlayout{grid-template-columns:1fr;gap:32px}.split .image{height:330px}.features{grid-template-columns:1fr}.feature{padding:23px}.feature .ico{margin-bottom:15px}.cta .wrap{display:block}.cta .btn{margin-top:24px}.cta h2{font-size:29px}.footgrid{grid-template-columns:1fr 1fr;gap:30px}.bottom{display:block;padding-bottom:65px}.pagehead{padding:45px 0 30px}.pagehead h1{font-size:40px;letter-spacing:-1.5px}.formbox{padding:24px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.process-grid{grid-template-columns:1fr;gap:0}.mobile-call{display:flex;position:fixed;bottom:14px;left:18px;right:18px;z-index:25;background:#f2f4f7;color:#111923;padding:13px 20px;border-radius:4px;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;box-shadow:0 3px 28px #0008}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer a{overflow-wrap:anywhere}.footgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}@media(max-width:760px){.footgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}h1{font-size:clamp(37px,11.5vw,47px)}}@media(max-width:480px){.services{grid-template-columns:1fr}.service{min-height:240px}.service h3{font-size:18px}}
/* Touchscreens en iPhone: ruime bediening, geen automatisch inzoomen op invoer. */
@media(max-width:760px){
 input,select,textarea{font-size:16px;min-height:48px}
 .menu{min-width:64px;min-height:48px}
 .navlinks>a{min-height:48px;display:flex;align-items:center}
 .btn{min-height:50px}
 .mobile-call{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:18px;right:18px;min-height:50px}
 .bottom{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}
 .contactlinks strong{overflow-wrap:anywhere}
 .formbox{min-width:0}
 .hero h1{overflow-wrap:normal}
}
@media(max-width:380px){.hero .wrap{padding-top:180px}.hero-tags{flex-wrap:wrap}.hero-tags span{min-width:88px}.formbox{padding:20px}.pagehead h1{font-size:36px}.btns .btn{width:100%}.footgrid{grid-template-columns:1fr}}

/* Wit/zilver logo op de donkere header: originele beeldvorm blijft behouden. */
.brand img{background:transparent;filter:none;mix-blend-mode:normal;border-radius:0;width:174px;height:86px}.footer .brand img{width:158px;height:94px}@media(max-width:760px){.brand img{width:148px;height:76px}}

/* Exact aangeleverde logo: geen kleurfilter, vervorming of uitsnede. */
.header,.footer{background:#000}.brand img{filter:none;mix-blend-mode:normal;object-fit:contain;background:#000}

/* Dienstspecifieke presentatie */
.services{grid-template-columns:repeat(4,minmax(0,1fr))}.service{min-height:285px;padding:20px}.service .ico{display:none}.service-row{align-items:start}.service h3{font-size:17px}.service .arrow{flex-shrink:0}.card-body{width:100%}.service p{font-size:12px;line-height:1.55;color:#c7cfd9;margin:12px 0 0}.service:after{background:linear-gradient(0deg,rgba(6,9,13,.98),rgba(6,9,13,.35) 85%)}.service-hero{padding:64px 0 60px;background:linear-gradient(120deg,#0c0e11,#171e28)}.service-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.service-hero h1{font-size:clamp(38px,3.5vw,56px);letter-spacing:-1.7px;line-height:1.08}.service-hero .lead{font-size:15px;line-height:1.8}.service-hero img{display:block;width:100%;height:420px;object-fit:cover;border-radius:5px}.scope-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.scope-note{padding:32px;background:#151b23;border:1px solid #343e4b;border-radius:5px}.scope-note p{margin:0;font-size:14px;color:#b9c4d1}.scope-note h3{font-size:19px}.detail-list{list-style:none;padding:0;margin:26px 0 0}.detail-list li{border-bottom:1px solid #29313d;padding:14px 0 14px 27px;position:relative;font-size:14px}.detail-list li:before{content:'';position:absolute;left:2px;top:22px;width:10px;height:5px;border-left:1.5px solid #c6d0de;border-bottom:1.5px solid #c6d0de;transform:rotate(-45deg)}
@media(max-width:1100px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero-grid{gap:32px}.service-hero img{height:390px}.scope-grid{gap:35px}}@media(max-width:760px){.service-hero{padding:38px 0}.service-hero-grid,.scope-grid{grid-template-columns:1fr;gap:27px}.service-hero h1{font-size:clamp(34px,9vw,45px)}.service-hero img{height:285px}.service-hero .btns{margin-bottom:0}.scope-note{padding:24px}.service h3{font-size:18px}.service p{font-size:13px}.hero h1{font-size:clamp(35px,10vw,47px);letter-spacing:-1.5px}.process-grid .step{padding:17px 0}.section .section-head{margin-bottom:25px}}@media(max-width:480px){.services{grid-template-columns:1fr}.service{min-height:265px}.service-hero img{height:240px}}

/* Houd borst-, rug- en voertuigbranding in beeld bij vierkante dienstenkaarten. */
.service img[src*="object-branded"]{object-position:25% center}.service img[src*="surveillance-branded"]{object-position:30% center}.service img[src*="evenement-branded"]{object-position:18% center}.service img[src*="persoon-branded"]{object-position:30% center}.service img[src*="horeca-branded"]{object-position:42% center}

/* Op telefoons krijgt de merkfoto eigen ruimte, zonder tekst over de rugbedrukking. */
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#0c0e11}.hero>.photo{position:relative;inset:auto;width:100%;height:300px;object-fit:cover;object-position:70% 45%}.hero:after{display:none}.hero .wrap{padding-top:28px;padding-bottom:36px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-tags{margin-top:24px}.hero h1{font-size:clamp(34px,10vw,44px)}}

/* Medewerkersportaal */
.navlinks .portal-link{border:1px solid #758190;border-radius:6px;padding:8px 10px;white-space:nowrap;font-weight:700}
@media(min-width:901px) and (max-width:1200px){.navrow{gap:12px}.navlinks{gap:12px}.navlinks a{font-size:12px}.phone{display:none}}