:root{
  --brown:#5b3a22;
  --brown-dark:#3b2414;
  --sand:#f7f0df;
  --sand-2:#fbf7ed;
  --gold:#d8a437;
  --gold-soft:#efd188;
  --cream:#fffdf8;
  --text:#3b3028;
  --muted:#76685c;
  --line:#eadfc9;
  --shadow:0 12px 28px rgba(91,58,34,.10);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--sand-2);color:var(--text);font-size:16px;line-height:1.55}a{color:var(--brown);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,253,248,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 5vw}.logo{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--brown-dark);line-height:1}.logo img{height:78px;width:auto;display:block}.logo-text{font-size:20px}.logo-text span{display:block;font-size:14px;font-weight:700;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}nav a,.dropbtn{border:0;background:transparent;color:var(--brown-dark);font:inherit;font-weight:700;padding:9px 10px;border-radius:999px;cursor:pointer}.active,nav a:hover,.dropbtn:hover{background:var(--sand);text-decoration:none}.nav-cta{background:var(--brown)!important;color:#fff!important;padding:9px 15px}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:265px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;border-radius:10px;padding:9px 10px}.hero,.page-hero,.section,.cta-block{max-width:1120px;margin:0 auto}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;padding:34px 5vw 24px}.page-hero{padding:36px 5vw 20px}.section{padding:28px 5vw}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brown);margin:0 0 8px}.slogan{display:inline-block;background:var(--gold-soft);color:var(--brown-dark);font-size:22px;font-weight:800;border-radius:999px;padding:8px 15px;margin:0 0 14px}h1,h2,h3{color:var(--brown-dark);line-height:1.15;margin:0 0 12px}h1{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.03em}h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.02em}h3{font-size:20px}.lead{font-size:19px;color:var(--muted);max-width:760px;margin:0 0 18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--brown);color:#fff!important;border:0;border-radius:999px;padding:11px 18px;font-weight:800;box-shadow:var(--shadow);text-decoration:none}.button.secondary{background:var(--gold-soft);color:var(--brown-dark)!important}.button.small{padding:9px 14px;font-size:14px}.hero-visual{display:grid;grid-template-columns:1fr;gap:14px}.portrait,.portrait-box img{width:100%;border-radius:26px;box-shadow:var(--shadow);object-fit:cover;max-height:380px}.hero-visual .portrait{max-width:380px;justify-self:center}.hero-card,.card,.panel,.note-card,.service,.contact-form{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.hero-card{margin-top:-58px;margin-left:22px;max-width:420px;position:relative}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:16px}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.tag{display:inline-block;background:var(--sand);color:var(--brown);font-size:13px;font-weight:800;border-radius:999px;padding:4px 10px;margin-bottom:10px}.highlight{background:linear-gradient(135deg,var(--sand),#fff8e7);border:1px solid var(--line);border-radius:28px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}.service-list{display:grid;gap:16px}.service{scroll-margin-top:112px}.service ul,.note-card ul,.panel ul{margin:10px 0 0;padding-left:20px}.service li,.note-card li,.panel li{margin:7px 0}.flex-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.flex-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.flex-item h3{margin-bottom:8px}.cta-block{margin-top:18px;margin-bottom:36px;padding:28px 5vw;text-align:center;background:var(--brown);border-radius:28px;color:#fff}.cta-block h2{color:#fff}.cta-block p{color:#f7ead5}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.contact-form label{display:block;font-weight:700;margin-bottom:12px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:#fff}.small{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fffdf8;color:var(--muted)}
@media (max-width:850px){.site-header{align-items:flex-start;flex-direction:column}.logo img{height:68px}nav{font-size:14px}.hero,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:28px}.cards.three,.flex-list{grid-template-columns:1fr}.hero-card{margin:0}.section-heading{display:block}h1{font-size:36px}.lead{font-size:17px}}

.brand-card{display:flex;align-items:center;gap:12px;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.brand-card img{height:72px;width:auto;flex:0 0 auto}.contact-logo{text-align:center}.contact-logo img{max-width:220px;width:45%;height:auto;margin-top:12px}
@media (max-width:850px){.hero-visual .portrait{max-width:100%}.brand-card{align-items:flex-start}.brand-card img{height:62px}.contact-logo img{width:70%;max-width:210px}}

/* Stokstaart HR Advies v2 additions */
body{overflow-x:hidden}.modern-hero{min-height:650px;padding-top:58px;padding-bottom:54px;position:relative}.modern-hero:before{content:"";position:absolute;inset:28px 3vw;border-radius:38px;background:radial-gradient(circle at 82% 20%,rgba(239,209,136,.46),transparent 31%),linear-gradient(135deg,rgba(255,253,248,.95),rgba(247,240,223,.9));border:1px solid var(--line);z-index:-1}.hero-text{padding:26px 0}.hero-illustration{min-height:370px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-illustration:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(145deg,#fff9e9,var(--gold-soft));box-shadow:0 26px 70px rgba(91,58,34,.14);z-index:-2}.hero-illustration img{width:min(245px,65%);height:auto;filter:drop-shadow(0 24px 22px rgba(91,58,34,.18));animation:floatLogo 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(91,58,34,.16);border-radius:50%;z-index:-1}.orbit-one{width:390px;height:390px}.orbit-two{width:285px;height:285px;border-style:dashed;animation:spinOrbit 24s linear infinite}.brand-card{max-width:440px;margin:-36px auto 0;position:relative}.stats-bar{max-width:1120px;margin:0 auto 20px;padding:0 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-bar div{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 22px rgba(91,58,34,.07)}.stats-bar strong{display:block;color:var(--brown-dark);font-size:22px}.stats-bar span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.cards.four{grid-template-columns:repeat(4,1fr)}.icon-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.icon-card:hover,.compact-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(91,58,34,.14);border-color:var(--gold-soft);text-decoration:none}.mini-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--sand);color:var(--brown);font-size:20px;font-weight:800;margin-bottom:14px}.featured-card{background:linear-gradient(145deg,#fffdf8,#fff3cf);border-color:var(--gold-soft)}.text-link{display:inline-block;margin-top:10px;font-weight:800}.quickscan-home{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(135deg,var(--sand),#fff8e7);border:1px solid var(--line);border-radius:30px;margin-top:18px;margin-bottom:18px}.quickscan-payoff{color:var(--brown)}.quickscan-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quickscan-checks span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 15px;font-weight:700;color:var(--brown-dark);box-shadow:0 7px 17px rgba(91,58,34,.06)}.quickscan-checks span:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold-soft);margin-right:8px}.compact-card{transition:transform .25s ease,box-shadow .25s ease}.faq-section{max-width:880px}.faq-section details{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:0 18px;margin:12px 0;box-shadow:0 8px 20px rgba(91,58,34,.05)}.faq-section summary{cursor:pointer;font-weight:800;color:var(--brown-dark);padding:18px 34px 18px 0;position:relative}.faq-section summary:after{content:"+";position:absolute;right:0;font-size:24px;color:var(--gold)}.faq-section details[open] summary:after{content:"–"}.faq-section details p{margin-top:0;padding-bottom:18px;color:var(--muted)}.center-actions{justify-content:center}.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none}.floating-cta{position:fixed;right:22px;bottom:22px;z-index:20;background:var(--brown);color:#fff!important;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 14px 34px rgba(59,36,20,.28);transition:transform .2s ease}.floating-cta:hover{transform:translateY(-3px);text-decoration:none}.popup{display:none;position:fixed;inset:0;background:rgba(39,24,14,.48);z-index:50;padding:20px;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.popup.show{display:flex}.popup-content{max-width:500px;width:100%;background:var(--cream);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(39,24,14,.28);position:relative;animation:popupIn .35s ease both}.popup-content .close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;color:var(--brown);cursor:pointer}.popup-list{padding-left:20px}.popup-list li{margin:6px 0}.menu-toggle{display:none;border:1px solid var(--line);background:var(--sand);color:var(--brown-dark);padding:9px 14px;border-radius:999px;font:inherit;font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.quickscan-hero{padding-top:68px;padding-bottom:48px;max-width:980px;text-align:center}.quickscan-hero .lead{margin-left:auto;margin-right:auto}.quickscan-hero .actions{justify-content:center}
@keyframes floatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spinOrbit{to{transform:rotate(360deg)}}@keyframes popupIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.hero-illustration img,.orbit-two{animation:none}}
@media (max-width:1000px){.cards.four{grid-template-columns:repeat(2,1fr)}.stats-bar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:850px){.site-header{padding:10px 20px;align-items:center;flex-direction:row;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-top:8px}.site-header nav.nav-open{display:flex}.dropdown-menu{position:static;display:block;box-shadow:none;border:0;background:transparent;padding-left:16px}.dropbtn{width:100%;text-align:left}.modern-hero{min-height:auto}.modern-hero:before{inset:12px}.hero-illustration{min-height:290px}.hero-illustration:before{width:260px;height:260px}.orbit-one{width:300px;height:300px}.orbit-two{width:220px;height:220px}.quickscan-home{grid-template-columns:1fr}.quickscan-checks{grid-template-columns:1fr}.floating-cta{right:14px;bottom:14px}.cards.four{grid-template-columns:1fr}.stats-bar{grid-template-columns:1fr 1fr}.brand-card{margin:-14px auto 0}}
@media (max-width:520px){.stats-bar{grid-template-columns:1fr}.hero-illustration img{width:190px}.slogan{font-size:18px}.floating-cta{font-size:14px;padding:10px 14px}}


/* HR Quickscan pricing */
.quickscan-price-summary{margin:16px 0 20px;padding:15px 17px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 17px rgba(91,58,34,.05)}
.quickscan-price-summary p{margin:0}.quickscan-price-summary .price-highlight{color:var(--brown-dark);font-size:20px;margin-bottom:5px}
.pricing-section{background:linear-gradient(135deg,var(--sand),#fff8e7);border:1px solid var(--line);border-radius:30px;margin-top:18px;margin-bottom:18px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:24px 20px;text-align:center;box-shadow:var(--shadow)}
.featured-price{border-color:var(--gold);transform:translateY(-4px)}
.price-label{font-weight:800;color:var(--brown-dark);margin:0 0 12px}
.price-amount{font-size:34px;line-height:1;font-weight:900;color:var(--brown);margin:0 0 7px}
.price-custom{font-size:30px}.price-vat{margin:0;color:var(--muted)}
.pricing-note{margin-top:18px;padding:18px 20px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:18px}
.pricing-note p{margin:0}.pricing-note p+p{margin-top:8px;color:var(--muted)}
@media (max-width:850px){.pricing-grid{grid-template-columns:1fr}.featured-price{transform:none}}