:root{--ink:#0c1c27;--navy:#071a27;--navy2:#0e2a3b;--gold:#f3c44e;--gold-dark:#a87500;--cream:#f6f8f9;--line:#e3e9ed;--muted:#60717b;--green:#1fbf68;--shadow:0 18px 50px rgba(9,28,40,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}
.topbar{background:#06131d;color:#b9c7ce;font-size:12px}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav{position:sticky;top:0;z-index:100;background:rgba(7,26,39,.97);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900}.brand img{width:48px;height:48px;object-fit:contain}.brand span{font-size:20px;line-height:1}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:2.4px;margin-top:5px}.menu{display:flex;align-items:center;gap:24px;color:#e9f0f3;font-size:14px;font-weight:750}.menu a:not(.btn){padding:28px 0;position:relative}.menu a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}.mobile-toggle{display:none;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 20px;font-weight:850;font-size:14px;cursor:pointer;transition:.2s}.btn-gold{background:var(--gold);color:#091923}.btn-gold:hover{transform:translateY(-2px);background:#ffd96e}.btn-dark{background:#0b2637;color:#fff;border:1px solid rgba(255,255,255,.12)}.btn-whatsapp{background:var(--green);color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:var(--navy);isolation:isolate}.hero-slideshow{position:absolute;inset:0;z-index:-2}.hero-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fade 18s infinite}.hero-slideshow img:nth-child(1){animation-delay:0s}.hero-slideshow img:nth-child(2){animation-delay:6s}.hero-slideshow img:nth-child(3){animation-delay:12s}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,16,26,.95),rgba(4,16,26,.78) 48%,rgba(4,16,26,.35));}.hero-moving-stack{display:none}.hero-content{padding:80px 0;color:#fff;max-width:720px}.kicker,.eyebrow{color:var(--gold-dark);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:11px}.hero .kicker{color:var(--gold);margin-bottom:15px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-2px;margin:0 0 20px}.hero h1 span{color:var(--gold)}.hero p{font-size:18px;color:#d8e4e9;max-width:660px;margin:0 0 28px}.trust{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;color:#e6eef1;font-size:13px;font-weight:800}.trust span:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--gold);color:var(--ink);margin-right:7px}
.section{padding:78px 0}.section-soft{background:#f3f6f7}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:760px;margin-bottom:34px}.section h2,h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-1.2px;margin:8px 0 13px}.lead{font-size:16px;color:var(--muted)}.dark .lead{color:#c0ced5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 32px rgba(9,28,40,.06)}.card img{height:210px;width:100%;object-fit:cover}.card-body{padding:22px}.card h3{margin:6px 0 8px;font-size:20px}.card p{color:var(--muted);margin:0}.card a{display:inline-block;margin-top:14px;color:var(--gold-dark);font-weight:850}.service-icon{font-size:25px}
.page-hero{position:relative;min-height:390px;display:flex;align-items:center;color:#fff;overflow:hidden}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-1.8px;margin:9px 0 15px;max-width:850px}.page-hero .lead{max-width:720px}.diensten-hero{background:linear-gradient(90deg,rgba(5,20,31,.96),rgba(5,20,31,.68)),url('office-cleaning-new.jpg') center/cover}.about-hero{background:linear-gradient(90deg,rgba(5,20,31,.95),rgba(5,20,31,.65)),url('office-cleaning-new.jpg') center/cover}.tarieven-hero{background:linear-gradient(90deg,rgba(5,20,31,.95),rgba(5,20,31,.65)),url('floor-care-new.jpg') center/cover}.offerte-hero{background:linear-gradient(90deg,rgba(5,20,31,.95),rgba(5,20,31,.65)),url('office-cleaning-new.jpg') center/cover}.contact-hero{background:linear-gradient(90deg,rgba(5,20,31,.95),rgba(5,20,31,.65)),url('window-cleaning-new.jpg') center/cover}
.two{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.photo-stack{position:relative;padding-right:25px;padding-bottom:25px}.photo-stack img:first-child{width:100%;height:420px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.photo-stack img+img{position:absolute;width:42%;height:190px;right:0;bottom:0;object-fit:cover;border:7px solid #fff;border-radius:20px;box-shadow:var(--shadow)}.list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:15px}.list li{display:flex;gap:12px}.check{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#fff0bf;color:#986800;display:grid;place-items:center;font-weight:900}.list b{display:block;margin-bottom:2px}
.band{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:24px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.band h3{margin:0 0 4px;font-size:26px}.band p{margin:0;color:#bdcbd2}
.service-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-feature{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 36px rgba(9,28,40,.07);display:grid;grid-template-columns:42% 58%;min-height:300px}.service-feature-media{overflow:hidden}.service-feature-media img{width:100%;height:100%;min-height:300px;object-fit:cover}.service-feature-body{padding:25px 26px}.service-label,.service-card-modern span{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--gold-dark)}.service-feature-body h3{font-size:25px;line-height:1.15;margin:6px 0 9px}.service-feature-body p{color:var(--muted);margin:0 0 12px;font-size:14px}.service-feature-body ul{margin:0 0 18px;padding-left:18px;color:#52636c;font-size:14px;display:grid;gap:4px}.service-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card-modern{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 9px 28px rgba(9,28,40,.06);height:100%;display:flex;flex-direction:column}.service-card-modern img{width:100%;height:175px;object-fit:cover}.service-card-modern>div{padding:20px;flex:1}.service-card-modern h3{font-size:19px;line-height:1.2;margin:6px 0 7px}.service-card-modern p{margin:0;color:var(--muted);font-size:14px}
.how-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:18px;padding:21px}.steps b{color:var(--gold);font-size:11px;letter-spacing:1px}.steps h3{margin:7px 0 5px;font-size:18px}.steps p{margin:0;color:#b9c9d1;font-size:14px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 36px rgba(9,28,40,.07);display:flex;flex-direction:column}.price.featured{border:2px solid var(--gold);transform:translateY(-5px)}.price h3{font-size:21px;margin:0}.price p{color:var(--muted);font-size:14px}.amount{font-size:42px;font-weight:950;margin:10px 0 2px}.amount small{font-size:13px;color:#687780;font-weight:700}.price ul{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:9px;flex:1;color:#52636c;font-size:14px}.price li:before{content:"✓";color:var(--gold-dark);font-weight:900;margin-right:8px}.rate-intro{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 12px 35px rgba(9,28,40,.06)}.rate-intro img{width:100%;height:285px;object-fit:cover;border-radius:20px}
.contact-grid{display:grid;gap:24px}.page-contact-layout{grid-template-columns:.8fr .8fr 1.4fr}.contact-visual,.contact-box,.form{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(9,28,40,.06);overflow:hidden}.contact-visual img{width:100%;height:260px;object-fit:cover}.contact-visual>div{padding:22px}.contact-visual span{display:block;color:var(--gold-dark);font-size:10px;letter-spacing:2px;font-weight:900}.contact-visual strong{display:block;font-size:18px;margin-top:5px}.contact-box{padding:26px}.contact-box h2{font-size:31px;margin:4px 0 20px}.contact-item{padding:13px 0;border-bottom:1px solid #edf0f2}.contact-item:last-of-type{border-bottom:0}.contact-item strong{display:block;font-size:12px;color:#6a7880;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.contact-item a{font-weight:800}.form{padding:28px}.form h2{font-size:30px;margin-top:0}.form form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:block;font-size:13px;font-weight:800;color:#42535d}.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #d9e1e5;border-radius:10px;font:inherit;background:#fff;color:var(--ink);outline:none}.form textarea{min-height:135px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:#c89b28;box-shadow:0 0 0 3px rgba(243,196,78,.16)}.form label:nth-last-of-type(1){grid-column:1/-1}.form button{grid-column:1/-1;justify-self:start}.notice{padding:12px 14px;border-radius:10px;background:#fff5d7;color:#6b5200;margin-bottom:15px}
.footer{background:#06131d;color:#b9c8cf;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:55px}.footer .brand{margin-bottom:12px}.footer h4{color:#fff;margin:0 0 13px}.footer-grid>div>a:not(.brand){display:block;margin:7px 0;color:#cbd7dc}.footer p{margin:0;max-width:360px;font-size:14px}.copyright{margin-top:40px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:12px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.25)}.whatsapp-float svg{width:31px;height:31px;fill:#fff}
@keyframes fade{0%,30%{opacity:1}38%,100%{opacity:0}}
@media(max-width:1000px){.menu{gap:14px;font-size:13px}.service-feature{grid-template-columns:1fr}.service-feature-media img{height:220px;min-height:0}.page-contact-layout{grid-template-columns:1fr 1fr}.page-contact-layout>.form{grid-column:1/-1}}
@media(max-width:850px){.topbar .container span:last-child{display:none}.mobile-toggle{display:block}.menu{display:none}.menu.menu-open{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:14px 4%;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 20px 30px rgba(0,0,0,.2)}.menu.menu-open a:not(.btn){padding:11px 0}.menu.menu-open a:not(.btn):after{display:none}.hero{min-height:590px}.grid,.pricing,.service-grid-modern{grid-template-columns:1fr 1fr}.two,.rate-intro,.how-grid{grid-template-columns:1fr}.photo-stack{max-width:700px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-contact-layout{grid-template-columns:1fr}.page-contact-layout>.form{grid-column:auto}}
@media(max-width:560px){.nav-inner{min-height:70px}.brand img{width:43px;height:43px}.brand span{font-size:18px}.hero-content{padding:60px 0}.hero h1{font-size:40px}.hero p{font-size:16px}.section{padding:58px 0}.page-hero{min-height:330px}.page-hero h1{font-size:39px}.grid,.pricing,.service-grid-modern,.footer-grid{grid-template-columns:1fr}.service-feature-body{padding:22px}.rate-intro{padding:22px}.rate-intro img{height:220px}.form{padding:22px}.form form{grid-template-columns:1fr}.form label,.form label:nth-last-of-type(1),.form button{grid-column:auto}.band{padding:25px;display:block}.band .actions{margin-top:18px}.copyright{flex-direction:column}.whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}}
.portal-link{display:inline-block;margin:12px 0;color:inherit;font-weight:700;text-decoration:none}
.portal-link:hover{text-decoration:underline}

.portal-nav{font-weight:800!important}

/* Vacatures */
.jobs-hero{background:linear-gradient(90deg,rgba(5,20,31,.96),rgba(5,20,31,.62)),url('office-cleaning-new.jpg') center/cover}
.jobs-intro{max-width:780px}
.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}
.job-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 16px 45px rgba(9,28,40,.08);transition:.25s;display:flex;flex-direction:column}
.job-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(9,28,40,.13)}
.job-card-top{padding:28px;background:linear-gradient(145deg,#071a27,#103448);color:#fff}
.job-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(243,196,78,.15);border:1px solid rgba(243,196,78,.35);color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.job-card h3{font-size:31px;line-height:1.08;margin:15px 0 8px;letter-spacing:-.7px}.job-card-top p{margin:0;color:#cbd9df;font-size:14px}
.job-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.job-meta span{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.08);font-size:12px;color:#e9f0f3}
.job-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.job-card-body p{color:var(--muted);font-size:14px}.job-card-body ul{padding-left:19px;color:#52636c;display:grid;gap:7px;font-size:14px}.job-card-body .btn{margin-top:auto;align-self:flex-start}
.job-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;align-items:start}.job-main,.apply-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px rgba(9,28,40,.07)}.job-main{padding:32px}.job-main h2{font-size:32px;margin-top:0}.job-main h3{font-size:20px;margin:28px 0 8px}.job-main p,.job-main li{color:var(--muted);font-size:15px}.job-main ul{padding-left:20px;display:grid;gap:8px}.apply-card{padding:28px;position:sticky;top:100px}.apply-card h2{font-size:28px;margin-top:0}.apply-card .form-note{font-size:12px;color:#71818a;margin:10px 0 18px}.vacancy-form{display:grid;gap:14px}.vacancy-form label{font-size:13px;font-weight:850;color:#42535d}.vacancy-form input,.vacancy-form textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #d9e1e5;border-radius:10px;font:inherit;color:var(--ink);background:#fff;outline:none}.vacancy-form textarea{min-height:130px;resize:vertical}.vacancy-form input:focus,.vacancy-form textarea:focus{border-color:#c89b28;box-shadow:0 0 0 3px rgba(243,196,78,.16)}.file-box{padding:14px;border:1px dashed #c7d1d6;border-radius:12px;background:#f8fafb}.file-box small{display:block;color:#71818a;margin-top:5px;font-weight:500}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.jobs-callout{margin-top:32px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#071a27,#0f3044);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.jobs-callout h3{margin:0 0 5px;font-size:25px}.jobs-callout p{margin:0;color:#c4d3da}
.alert{padding:14px 16px;border-radius:12px;margin-bottom:16px;font-weight:700}.alert-error{background:#fff0f0;color:#9b2c2c;border:1px solid #f0caca}.alert-success{background:#eefaf3;color:#167542;border:1px solid #bde5cc}
@media(max-width:850px){.job-grid,.job-detail{grid-template-columns:1fr}.apply-card{position:static}}
@media(max-width:560px){.job-card h3{font-size:27px}.job-main,.apply-card{padding:22px}.jobs-callout{display:block}.jobs-callout .btn{margin-top:18px}}

/* =========================================================
   CY FLEX SERVICE — MODERN SITE HEADER / NAVIGATION V5
   ========================================================= */
:root{
  --gold:#f4c64e;
  --gold2:#ffd86e;
  --navy:#071a27;
  --navy-deep:#04121c;
  --ink:#10222d;
  --muted:#61737e;
}
.nav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(4,18,28,.96);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 35px rgba(2,12,18,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.nav-inner{
  width:min(1240px,94%);
  min-height:82px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:24px;
}
.brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:158px;
  color:#fff;
}
.brand img{width:45px;height:45px;object-fit:contain}
.brand span{font-size:19px;line-height:1;font-weight:950;letter-spacing:.3px}
.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:2.8px;margin-top:5px}
.menu{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
  color:#edf3f5;
  font-size:13px;
  font-weight:800;
}
.menu a:not(.btn){
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 9px;
  border-radius:10px;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.menu a:not(.btn):hover{
  background:rgba(255,255,255,.07);
  color:#fff;
}
.menu a:not(.btn)::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:5px;
  height:2px;
  border-radius:10px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.menu a:not(.btn):hover::after,
.menu a:not(.btn).active::after{transform:scaleX(1)}
.menu a.active{color:#fff}
.portal-nav{
  margin-left:4px;
  border:1px solid rgba(244,198,78,.32)!important;
  background:rgba(244,198,78,.08);
  color:#ffe28d!important;
}
.portal-nav::after{display:none!important}
.portal-nav:hover{
  background:rgba(244,198,78,.16)!important;
  transform:translateY(-1px);
}
.nav-cta{
  flex:0 0 auto;
  min-height:46px;
  padding:0 15px!important;
  margin-left:5px;
  border-radius:11px!important;
  box-shadow:0 8px 24px rgba(244,198,78,.14);
}
.nav-cta span{font-size:16px;line-height:1}
.mobile-toggle{
  display:none;
  margin-left:auto;
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

/* Give every page a clean, intentional top rhythm */
.page-hero{
  min-height:400px;
}
.page-hero .container,
.hero-content{
  position:relative;
}
.page-hero h1{
  max-width:900px;
  text-wrap:balance;
}

/* Cleaner cards and buttons throughout the public site */
.card,.price,.job-card,.job-main,.apply-card,.contact-box,.contact-visual,.form{
  box-shadow:0 14px 42px rgba(9,28,40,.07);
}
.btn{
  border-radius:11px;
}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  box-shadow:0 8px 22px rgba(244,198,78,.14);
}
.btn-gold:hover{box-shadow:0 12px 28px rgba(244,198,78,.24)}

/* Job overview gets a more premium appearance */
.jobs-hero{
  background:
    linear-gradient(90deg,rgba(3,15,24,.96) 0%,rgba(3,15,24,.80) 52%,rgba(3,15,24,.48) 100%),
    url('office-cleaning-new.jpg') center/cover;
}
.job-grid{gap:28px}
.job-card{border-radius:28px}
.job-card-top{padding:31px}
.job-card-body{padding:28px}

/* Tablet: keep ALL important links, then switch cleanly to mobile */
@media (max-width:1180px) and (min-width:851px){
  .nav-inner{width:min(1240px,96%);gap:12px}
  .brand{min-width:142px}
  .brand img{width:40px;height:40px}
  .brand span{font-size:17px}
  .menu{gap:1px;font-size:12px}
  .menu a:not(.btn){padding:0 6px}
  .portal-nav{padding:0 8px!important}
  .nav-cta{padding:0 11px!important;font-size:12px}
}
@media(max-width:850px){
  .nav-inner{min-height:72px;width:92%;gap:12px}
  .brand{min-width:0}
  .brand img{width:42px;height:42px}
  .brand span{font-size:18px}
  .mobile-toggle{display:grid;place-items:center}
  .menu{
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    width:100%;
    padding:12px 4% 18px;
    background:rgba(4,18,28,.985);
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 22px 40px rgba(0,0,0,.28);
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:3px;
  }
  .menu.menu-open{display:flex}
  .menu a:not(.btn){
    min-height:48px;
    justify-content:flex-start;
    padding:0 14px;
    border-radius:10px;
  }
  .menu a:not(.btn)::after{display:none}
  .menu .portal-nav{margin:4px 0 2px}
  .menu .nav-cta{margin:6px 0 0;justify-content:center}
}
@media(max-width:560px){
  .topbar{display:none}
  .nav-inner{min-height:68px}
  .menu{top:68px}
}
.email-status{font-size:13px;margin-top:7px;line-height:1.45}.email-status.ok{color:#18794e}.email-status.error{color:#b42318}.email-status:not(.ok):not(.error){color:#6b7280}
.service-request{font-size:2rem!important;line-height:1.05;color:#087f91!important}.service-request small{display:block;margin-top:10px;font-size:.78rem!important;letter-spacing:.02em;color:#6a7c84!important}.pricing .price{position:relative;overflow:hidden}.pricing .price:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#22d3cf,#078aa8)}
.home-premium-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:#061521}.home-hero-image,.home-hero-shade{position:absolute;inset:0;width:100%;height:100%}.home-hero-image{object-fit:cover;object-position:center}.home-hero-shade{background:linear-gradient(90deg,rgba(4,19,30,.98) 0%,rgba(4,19,30,.83) 39%,rgba(4,19,30,.25) 68%,rgba(4,19,30,.08) 100%)}.home-hero-inner{position:relative;z-index:2;width:100%}.home-hero-copy{max-width:720px;padding:88px 0}.home-hero-copy h1{margin:14px 0 22px;color:#fff;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-3px}.home-hero-copy h1 span{color:#4ce4db}.home-hero-copy p{max-width:650px;color:#d9e7ea;font-size:19px;line-height:1.7}.btn-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);color:#fff!important;backdrop-filter:blur(8px)}.home-trust{display:flex;gap:21px;flex-wrap:wrap;margin-top:30px;color:#e5f0f2;font-weight:700}.home-trust b{color:#50e5dc}.home-intro{padding:70px 0;background:#071e2d;color:#fff}.home-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-intro h2{font-size:42px;line-height:1.08;margin:8px 0}.home-intro p{font-size:18px;color:#c9dade;line-height:1.8}.home-services{background:#f4f8f9}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home-service-grid article{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(6,21,33,.09);transition:.22s}.home-service-grid article:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(6,21,33,.14)}.home-service-grid img{width:100%;height:260px;object-fit:cover}.home-service-grid article>div{padding:25px}.home-service-grid span{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#078fa2}.home-service-grid h3{font-size:23px;margin:8px 0}.home-service-grid p{min-height:58px;color:#66777e}.home-service-grid a{font-weight:850;color:#087f91;text-decoration:none}.home-process{padding:90px 0;background:linear-gradient(135deg,#061521,#0b5060);color:#fff}.home-process-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.home-process-head h2{font-size:42px;margin:7px 0}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.home-steps>div{display:flex;gap:17px;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.06)}.home-steps b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#3bd6cd;color:#062431}.home-steps span{display:grid}.home-steps small{margin-top:5px;color:#bfd3d7}.home-area{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px;padding:38px;border-radius:28px;background:#eef8f9;border:1px solid #d9eaed}.home-area h2{font-size:38px;margin:6px 0 12px}.home-area p{max-width:680px;color:#60737b}.area-badge{display:flex;align-items:center;gap:12px}.area-badge strong{font-size:56px;color:#078fa2;line-height:1}.area-badge span{font-size:13px;font-weight:800;color:#526870}
@media(max-width:900px){.home-premium-hero{min-height:620px}.home-hero-shade{background:linear-gradient(90deg,rgba(4,19,30,.95),rgba(4,19,30,.58))}.home-intro-grid,.home-service-grid,.home-steps,.home-area{grid-template-columns:1fr}.home-intro-grid{gap:20px}.home-service-grid img{height:240px}.home-process-head{align-items:start;flex-direction:column}.home-area{gap:22px}.area-badge{order:2}}@media(max-width:600px){.home-premium-hero{min-height:600px}.home-hero-image{object-position:63% center}.home-hero-shade{background:rgba(4,19,30,.76)}.home-hero-copy{padding:66px 0}.home-hero-copy h1{font-size:46px;letter-spacing:-2px}.home-hero-copy p{font-size:17px}.home-intro{padding:55px 0}.home-intro h2,.home-process-head h2,.home-area h2{font-size:33px}.home-service-grid article>div{padding:22px}}


/* V29 header, logo and homepage alignment polish */
.topbar{background:linear-gradient(90deg,#04121c,#0a2635);border-bottom:1px solid rgba(255,255,255,.07)}
.topbar .container{width:min(1240px,94%);min-height:34px;color:#c9d6dc;font-weight:650;letter-spacing:.05px}
.nav-inner{min-height:86px}
.nav .brand{min-width:205px}
.nav .brand img{width:190px;height:54px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}
.nav .brand>span{display:none}
.footer .brand img{width:210px;height:auto;max-height:70px;object-fit:contain;object-position:left center;background:#fff;border-radius:10px;padding:5px}
.footer .brand>span{display:none}
.home-hero-inner{width:min(1240px,94%);padding-left:clamp(18px,3.5vw,52px);padding-right:clamp(18px,2vw,28px)}
.home-hero-copy{max-width:790px}
.home-hero-copy h1{text-wrap:balance}
@media(max-width:980px){.nav .brand{min-width:170px}.nav .brand img{width:160px}.home-hero-inner{padding-left:18px}}
@media(max-width:760px){.topbar .container{justify-content:center;text-align:center}.topbar .container span:last-child{display:none}.nav-inner{min-height:74px}.nav .brand img{width:145px;height:48px}}


/* V30 premium service-card actions */
.home-service-grid article>div{display:flex;flex-direction:column;height:100%}
.home-service-grid article{display:flex;flex-direction:column}
.home-service-grid article>img{flex:0 0 auto}
.home-service-grid p{margin-bottom:20px}
.service-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.home-service-grid .service-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 15px;border-radius:12px;font-size:13px;font-weight:850;line-height:1.2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.home-service-grid .service-card-btn-primary{background:linear-gradient(135deg,#087f91,#0aa9ae);color:#fff;box-shadow:0 9px 22px rgba(8,127,145,.20)}
.home-service-grid .service-card-btn-primary b{font-size:16px;line-height:1}
.home-service-grid .service-card-btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(8,127,145,.28)}
.home-service-grid .service-card-btn-secondary{background:#f5fafb;color:#0b5260;border:1px solid #d9eaed}
.home-service-grid .service-card-btn-secondary:hover{background:#eaf6f7;border-color:#b9dfe3;transform:translateY(-2px)}
@media(max-width:1100px){.service-card-actions{flex-direction:column}.home-service-grid .service-card-btn{width:100%}}
@media(max-width:900px){.service-card-actions{flex-direction:row}.home-service-grid .service-card-btn{width:auto}}
@media(max-width:520px){.service-card-actions{flex-direction:column}.home-service-grid .service-card-btn{width:100%}}

/* V108: combined staffing + cleaning redesign */
.brand-logo-only img{width:175px;max-height:64px;object-fit:contain;display:block}.brand-logo-only{display:flex;align-items:center;min-width:175px}.dual-hero{position:relative;background:linear-gradient(120deg,#061521 0%,#0c2936 58%,#0a726f 120%);overflow:hidden;color:#fff}.dual-hero:after{content:"";position:absolute;inset:auto -12% -55% 42%;height:680px;background:radial-gradient(circle,rgba(27,194,174,.24),transparent 65%);pointer-events:none}.dual-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:42px;align-items:center;padding:92px 0}.dual-hero-copy h1{font-size:clamp(46px,6.3vw,82px);line-height:.98;letter-spacing:-.045em;margin:16px 0 24px}.dual-hero-copy h1 span{color:#32c7b5}.dual-hero-copy p{font-size:20px;line-height:1.65;color:#dce9ec;max-width:760px}.hero-choice-panel{display:grid;gap:14px}.hero-choice-panel a{display:block;padding:24px 24px 22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#fff;text-decoration:none;backdrop-filter:blur(8px);transition:.2s}.hero-choice-panel a:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(50,199,181,.55)}.hero-choice-panel small{display:block;font-weight:800;letter-spacing:.13em;color:#77e0d5;margin-bottom:8px}.hero-choice-panel strong{display:block;font-size:24px;margin-bottom:6px}.hero-choice-panel span{color:#d7e7e8}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sector-card{display:block;padding:26px;border:1px solid #dfe9eb;border-radius:22px;background:#fff;text-decoration:none;color:#17313a;box-shadow:0 16px 40px rgba(5,31,42,.06);transition:.2s}.sector-card:hover{transform:translateY(-4px);border-color:#36bcae;box-shadow:0 18px 46px rgba(5,31,42,.10)}.sector-card>b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e9f8f6;color:#087f78;margin-bottom:18px}.sector-card h3{font-size:22px;margin:0 0 10px}.sector-card p{min-height:80px;color:#61767d;line-height:1.6}.sector-card span{font-weight:800;color:#0b7e76}.review-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #dbe8e8;border-radius:26px;background:linear-gradient(135deg,#eef9f7,#fff)}.language-switcher{margin-left:auto;margin-right:10px}.language-switcher select{appearance:none;border:1px solid #d9e4e6;border-radius:999px;background:#fff;padding:9px 30px 9px 12px;font:inherit;font-size:13px;font-weight:700;color:#17313a;max-width:145px;background-image:linear-gradient(45deg,transparent 50%,#17313a 50%),linear-gradient(135deg,#17313a 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 10px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.staffing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staffing-form-grid .full{grid-column:1/-1}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.trust-strip>div{padding:16px;border-radius:16px;background:#f3f8f8;border:1px solid #dfe8ea}.trust-strip strong{display:block;color:#103b45;margin-bottom:4px}.seo-links{display:flex;flex-wrap:wrap;gap:10px}.seo-links a{padding:8px 12px;border-radius:999px;background:#eef7f6;color:#0b7069;text-decoration:none;font-weight:700;font-size:13px}
@media(max-width:980px){.dual-hero-grid{grid-template-columns:1fr;padding:70px 0}.sector-grid{grid-template-columns:repeat(2,1fr)}.review-cta{align-items:flex-start;flex-direction:column}.language-switcher{order:2;margin-left:auto}.brand-logo-only img{width:140px}}
@media(max-width:640px){.dual-hero-grid{padding:54px 0}.dual-hero-copy h1{font-size:45px}.dual-hero-copy p{font-size:17px}.sector-grid,.staffing-form-grid,.trust-strip{grid-template-columns:1fr}.sector-card p{min-height:0}.language-switcher{margin-right:4px}.language-switcher select{max-width:108px;font-size:12px;padding-left:9px}.brand-logo-only{min-width:auto}.brand-logo-only img{width:118px}.review-cta{padding:26px}}

/* V160 vacature-regio & sollicitanten */
.region-hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.region-hero-stats span{display:flex;align-items:baseline;gap:7px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#dcebed;font-size:13px}.region-hero-stats strong{color:#f3c44e;font-size:20px}.region-section{background:linear-gradient(180deg,#fff,#f5faf9)}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.region-card{display:block;padding:24px;border:1px solid #dce8e8;border-radius:22px;background:#fff;color:#17313a;text-decoration:none;box-shadow:0 14px 38px rgba(6,35,45,.06);transition:.2s}.region-card:hover{transform:translateY(-4px);border-color:#32b9aa;box-shadow:0 20px 48px rgba(6,35,45,.11)}.region-card>b{display:inline-grid;place-items:center;min-width:46px;height:36px;padding:0 10px;border-radius:10px;background:#e8f8f5;color:#087a72;font-size:12px;letter-spacing:.08em}.region-card h3{font-size:21px;margin:16px 0 8px}.region-card p{color:#667b82;line-height:1.55;min-height:74px}.region-card span{font-weight:850;color:#0b7b73;font-size:13px}.candidate-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.candidate-flow>div{padding:16px;border-radius:16px;background:#f1f8f7;border:1px solid #dceceb}.candidate-flow b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b7d75;color:#fff;margin-bottom:10px}.candidate-flow strong,.candidate-flow span{display:block}.candidate-flow span{font-size:12px;color:#6b7f85;margin-top:3px}.vacancy-form select{width:100%;margin-top:6px;padding:12px 38px 12px 13px;border:1px solid #d9e1e5;border-radius:10px;font:inherit;color:var(--ink);background:#fff;outline:none}.vacancy-form select:focus{border-color:#c89b28;box-shadow:0 0 0 3px rgba(243,196,78,.16)}.city-picker{border:1px solid #dbe7e8;border-radius:16px;padding:16px;margin:0;background:#f8fbfb}.city-picker legend{padding:0 6px;font-size:13px;font-weight:900;color:#334d55}.city-picker>p{font-size:12px;color:#6f8288;margin:0 0 12px}.city-chips{display:flex;flex-wrap:wrap;gap:8px}.city-chips label{position:relative;cursor:pointer}.city-chips input{position:absolute;opacity:0;pointer-events:none}.city-chips span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d7e3e4;color:#4d6269;font-size:12px;font-weight:750;transition:.15s}.city-chips input:checked+span{background:#0c7f77;color:#fff;border-color:#0c7f77;box-shadow:0 5px 16px rgba(12,127,119,.18)}.other-city{display:block;margin-top:12px}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.apply-card-wide{top:86px}.apply-submit{width:100%;justify-content:center;font-size:15px}.secure-note{font-size:11px;color:#74878d;text-align:center;margin:0}.alt{background:#f6f9f9}@media(max-width:1080px){.region-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.region-grid,.candidate-flow,.form-split{grid-template-columns:1fr}.region-card p{min-height:0}.region-hero-stats{gap:8px}.region-hero-stats span{font-size:12px}.apply-card-wide{position:static}}

/* V173 SEO discovery hubs */
.seo-hub{padding:72px 0;background:linear-gradient(180deg,#f7fbfb,#fff)}
.seo-hub-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.seo-card,.seo-faq details,.seo-link-card{background:#fff;border:1px solid #dce8ea;border-radius:22px;box-shadow:0 12px 34px rgba(8,45,54,.06)}
.seo-card{padding:26px}.seo-card h2,.seo-card h3{margin-top:0}.seo-pills{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.seo-pills a,.seo-pills span{padding:8px 11px;border-radius:999px;background:#eef7f5;color:#0a615a;font-weight:750;font-size:13px;text-decoration:none}
.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-link-card{padding:18px;text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.seo-link-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(8,45,54,.10)}.seo-link-card strong{display:block;color:#0d3b45;margin-bottom:5px}.seo-link-card span{color:#60757b;font-size:14px}
.seo-faq{display:grid;gap:10px}.seo-faq details{padding:16px 18px}.seo-faq summary{cursor:pointer;font-weight:800;color:#153e46}.seo-faq p{margin:10px 0 0;color:#5c7379}.seo-local-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.seo-local-list a{padding:11px 12px;border-radius:12px;background:#f2f8f7;color:#174d51;text-decoration:none;font-weight:700}.seo-trustbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.seo-trustbar div{padding:14px;border-radius:16px;background:#0d3944;color:white}.seo-trustbar strong{display:block}.seo-trustbar small{color:#cfe2e4}.seo-breadcrumb{padding:12px 0 0;font-size:13px;color:#6e8085}.seo-breadcrumb a{color:#176d66;text-decoration:none}.seo-related{padding:50px 0}.seo-related h2{margin-top:0}.seo-section-copy{max-width:850px}.seo-section-copy p{line-height:1.75;color:#526c72}.seo-highlight{border-left:4px solid #d3a85c;padding:14px 16px;background:#fff9ed;border-radius:0 14px 14px 0}.seo-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.seo-hub-grid{grid-template-columns:1fr}.seo-link-grid{grid-template-columns:1fr 1fr}.seo-trustbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.seo-link-grid,.seo-local-list,.seo-trustbar{grid-template-columns:1fr}.seo-hub{padding:48px 0}}
.footer .seo-footer-links{padding-top:28px;padding-bottom:10px}.footer .seo-footer-links h4{margin:0 0 10px}.footer .seo-footer-links .seo-pills{margin:0}.footer .seo-footer-links .seo-pills a{background:rgba(255,255,255,.08);color:#eef8f8;border:1px solid rgba(255,255,255,.1)}
