:is(#helder-beheer,.hb-document,.helder-chrome){     --teal:        #01292b;     --teal-mid:    #024f54;     --teal-light:  #54bbab;     --yellow:      #eee544;     --pink:        #e94273;     --pink-dark:   #c53360;     --grey-light:  #f4f4f4;     --grey-border: #e2e2e2;     --text:        #0a0a0a;     --muted:       #5a5a5a;     --white:       #fefefe;     --radius:      6px;   } :is(#helder-beheer,.hb-document,.helder-chrome) *,:is(#helder-beheer,.hb-document,.helder-chrome) *::before,:is(#helder-beheer,.hb-document,.helder-chrome) *::after{ box-sizing: border-box; margin: 0; padding: 0; } :is(#helder-beheer,.hb-document,.helder-chrome){ font-family: 'Poppins', sans-serif; background: var(--white); color: var(--text); font-size: 16px; line-height: 1.6; } :is(#helder-beheer,.hb-document,.helder-chrome) .draft-banner{ background: #fff8e1; border-bottom: 2px solid #f0c040; padding: 9px 24px; text-align: center; font-size: 0.78rem; font-weight: 600; color: #7a5a00; } :is(#helder-beheer,.hb-document,.helder-chrome) .topbar{ background: var(--teal); color: rgba(255,255,255,.75); font-size: 0.76rem; text-align: center; padding: 7px 24px; } :is(#helder-beheer,.hb-document,.helder-chrome) .navbar{ background: var(--white); border-bottom: 1px solid var(--grey-border); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 72px; position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 8px rgba(0,0,0,.06); } :is(#helder-beheer,.hb-document,.helder-chrome) .logo-wrap{ display: flex; align-items: center; text-decoration: none; } :is(#helder-beheer,.hb-document,.helder-chrome) .logo-icon{ width: 40px; height: 40px; margin-right: 10px; } :is(#helder-beheer,.hb-document,.helder-chrome) .logo-text{ font-size: 1.15rem; font-weight: 800; color: var(--teal); line-height: 1; } :is(#helder-beheer,.hb-document,.helder-chrome) .logo-sub{ font-size: 0.52rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); display: block; margin-top: 2px; } :is(#helder-beheer,.hb-document,.helder-chrome) .nav-links{ display: flex; align-items: center; gap: 28px; list-style: none; font-size: 0.87rem; font-weight: 500; } :is(#helder-beheer,.hb-document,.helder-chrome) .nav-links a{ color: var(--text); text-decoration: none; } :is(#helder-beheer,.hb-document,.helder-chrome) .nav-links a.active{ color: var(--teal-light); font-weight: 700; } :is(#helder-beheer,.hb-document,.helder-chrome) .nav-cta{ background: var(--pink); color: var(--white) !important; padding: 9px 20px; border-radius: var(--radius); font-weight: 700; font-size: 0.84rem; } :is(#helder-beheer,.hb-document,.helder-chrome) .btn-pink{ background: var(--pink); color: var(--white); font-weight: 700; padding: 13px 26px; border-radius: var(--radius); text-decoration: none; font-size: 0.9rem; display: inline-block; } :is(#helder-beheer,.hb-document,.helder-chrome) .btn-pink:hover{ background: var(--pink-dark); } :is(#helder-beheer,.hb-document,.helder-chrome) .btn-outline-white{ background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,.45); font-weight: 600; padding: 11px 24px; border-radius: var(--radius); text-decoration: none; font-size: 0.9rem; display: inline-block; } :is(#helder-beheer,.hb-document,.helder-chrome) .btn-outline-teal{ background: transparent; color: var(--teal); border: 2px solid var(--teal); font-weight: 600; padding: 11px 24px; border-radius: var(--radius); text-decoration: none; font-size: 0.9rem; display: inline-block; } :is(#helder-beheer,.hb-document,.helder-chrome) .section{ padding: 80px 40px; } :is(#helder-beheer,.hb-document,.helder-chrome) .section-inner{ max-width: 1400px; margin: 0 auto; } :is(#helder-beheer,.hb-document,.helder-chrome) .eyebrow{ font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--teal-light); margin-bottom: 10px; display: block; } :is(#helder-beheer,.hb-document,.helder-chrome) h2{ font-size: clamp(1.4rem,2.6vw,1.85rem); font-weight: 800; line-height: 1.2; letter-spacing: -0.025em; text-wrap: balance; margin-bottom: 10px; color: var(--teal); } :is(#helder-beheer,.hb-document,.helder-chrome) .section-intro{ color: var(--muted); font-size: 0.93rem; max-width: 680px; margin-bottom: 44px; line-height: 1.75; } :is(#helder-beheer,.hb-document,.helder-chrome) .yellow-line{ width: 36px; height: 3px; background: var(--teal-light); border-radius: 2px; margin-bottom: 16px; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero{ background: var(--teal); color: var(--white); padding: 80px 40px 0; position: relative; overflow: hidden; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(84,187,171,.12) 0%, transparent 50%), radial-gradient(circle at 10% 80%, rgba(233,66,115,.08) 0%, transparent 45%); } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-inner{ max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: end; position: relative; z-index: 1; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-left{ padding-bottom: 72px; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-pill{ display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 100px; padding: 5px 16px 5px 10px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 22px; color: rgba(255,255,255,.9); } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-pill-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--teal-light); flex-shrink: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero h1{ font-size: clamp(1.9rem,3.8vw,2.8rem); font-weight: 800; line-height: 1.12; text-wrap: balance; margin-bottom: 20px; letter-spacing: -0.03em; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero h1 .accent{ color: var(--yellow); } :is(#helder-beheer,.hb-document,.helder-chrome) .hero p{ font-size: 0.97rem; color: rgba(255,255,255,.8); max-width: 500px; margin-bottom: 36px; line-height: 1.78; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-btns{ display: flex; gap: 14px; flex-wrap: wrap; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-usps{ display: flex; flex-direction: column; gap: 10px; margin-top: 32px; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-usp{ display: flex; align-items: center; gap: 10px; font-size: 0.83rem; color: rgba(255,255,255,.8); font-weight: 500; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-usp svg{ flex-shrink: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-card{ background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 16px 16px 0 0; padding: 28px; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-card-title{ font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--teal-light); margin-bottom: 18px; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-list{ list-style: none; display: flex; flex-direction: column; gap: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-item{ display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-item:last-child{ border-bottom: none; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-icon{ width: 34px; height: 34px; border-radius: 8px; background: rgba(84,187,171,.18); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-icon svg{ width: 17px; height: 17px; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-label{ font-size: 0.85rem; font-weight: 700; color: var(--white); line-height: 1.2; } :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-desc{ font-size: 0.74rem; color: rgba(255,255,255,.55); margin-top: 2px; } :is(#helder-beheer,.hb-document,.helder-chrome) .usp-strip{ background: var(--yellow); padding: 0 40px; } :is(#helder-beheer,.hb-document,.helder-chrome) .usp-strip-inner{ max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } :is(#helder-beheer,.hb-document,.helder-chrome) .usp-item{ display: flex; align-items: center; gap: 10px; padding: 18px 0; font-size: 0.83rem; font-weight: 700; color: var(--teal); } :is(#helder-beheer,.hb-document,.helder-chrome) .usp-item svg{ flex-shrink: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .diensten-bg{ background: var(--grey-light); } :is(#helder-beheer,.hb-document,.helder-chrome) .diensten-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-card{ background: var(--white); border-radius: 12px; padding: 28px; border-top: 3px solid transparent; transition: border-color .2s, box-shadow .2s; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-card:hover{ border-top-color: var(--teal-light); box-shadow: 0 6px 24px rgba(0,0,0,.08); } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-icon{ width: 44px; height: 44px; border-radius: 10px; background: #edf8f6; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-icon svg{ width: 22px; height: 22px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-card h3{ font-size: 1rem; font-weight: 700; color: var(--teal); margin-bottom: 8px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-card p{ font-size: 0.83rem; color: var(--muted); line-height: 1.72; margin-bottom: 16px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-list{ list-style: none; display: flex; flex-direction: column; gap: 6px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-list li{ font-size: 0.78rem; color: var(--text); display: flex; align-items: flex-start; gap: 8px; } :is(#helder-beheer,.hb-document,.helder-chrome) .dienst-list li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--teal-light); flex-shrink: 0; margin-top: 7px; } :is(#helder-beheer,.hb-document,.helder-chrome) .steps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; } :is(#helder-beheer,.hb-document,.helder-chrome) .steps::before{ content: ""; position: absolute; top: 28px; left: calc(12.5% + 14px); right: calc(12.5% + 14px); height: 2px; background: var(--grey-border); z-index: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .step{ text-align: center; padding: 0 16px; position: relative; z-index: 1; } :is(#helder-beheer,.hb-document,.helder-chrome) .step-num{ width: 56px; height: 56px; border-radius: 50%; background: var(--teal); color: var(--yellow); font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; border: 4px solid var(--white); box-shadow: 0 0 0 2px var(--teal); } :is(#helder-beheer,.hb-document,.helder-chrome) .step h3{ font-size: 0.9rem; font-weight: 700; color: var(--teal); margin-bottom: 8px; } :is(#helder-beheer,.hb-document,.helder-chrome) .step p{ font-size: 0.78rem; color: var(--muted); line-height: 1.7; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijzen-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 820px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-card{ background: var(--white); border: 2px solid var(--grey-border); border-radius: 14px; padding: 32px; position: relative; transition: border-color .2s; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-card.featured{ border-color: var(--teal); box-shadow: 0 8px 32px rgba(1,41,43,.12); } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-badge{ position: absolute; top: -13px; left: 28px; background: var(--teal-light); color: white; font-size: 0.66rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; padding: 4px 14px; border-radius: 100px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-naam{ font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 12px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-bedrag{ font-size: 2.4rem; font-weight: 800; color: var(--teal); line-height: 1; margin-bottom: 4px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-bedrag span{ font-size: 1rem; font-weight: 500; color: var(--muted); } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-sub{ font-size: 0.73rem; color: var(--muted); margin-bottom: 24px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-features{ list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-features li{ font-size: 0.82rem; color: var(--text); display: flex; align-items: flex-start; gap: 9px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-features li svg{ flex-shrink: 0; margin-top: 2px; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijs-note{ font-size: 0.72rem; color: var(--muted); font-style: italic; border-top: 1px solid var(--grey-border); padding-top: 14px; line-height: 1.6; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-bg{ background: var(--teal); } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-inner{ max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 380px; gap: 80px; align-items: center; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-quote{ font-size: 1.15rem; font-style: italic; color: rgba(255,255,255,.9); line-height: 1.75; margin-bottom: 28px; position: relative; padding-left: 28px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-quote::before{ content: "\201C"; position: absolute; left: -8px; top: -16px; font-size: 6rem; line-height: 1; color: var(--teal-light); opacity: .25; font-family: Georgia, serif; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-author{ display: flex; align-items: center; gap: 14px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-av{ width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--teal-light) 0%, #2e8a7e 100%); color: white; font-weight: 700; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-name{ font-weight: 700; font-size: 0.9rem; color: white; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-role{ font-size: 0.74rem; color: rgba(255,255,255,.6); margin-top: 2px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-result-box{ background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; padding: 28px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-result-title{ font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--yellow); margin-bottom: 18px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-result-item{ display: flex; flex-direction: column; margin-bottom: 16px; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-result-num{ font-size: 2rem; font-weight: 800; color: var(--yellow); line-height: 1; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-result-label{ font-size: 0.74rem; color: rgba(255,255,255,.6); margin-top: 3px; } :is(#helder-beheer,.hb-document,.helder-chrome) .faq-list{ max-width: 900px; display: flex; flex-direction: column; gap: 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .faq-item{ border-bottom: 1px solid var(--grey-border); } :is(#helder-beheer,.hb-document,.helder-chrome) .faq-q{ font-size: 0.92rem; font-weight: 700; color: var(--teal); padding: 18px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; } :is(#helder-beheer,.hb-document,.helder-chrome) .faq-q svg{ flex-shrink: 0; color: var(--teal-light); } :is(#helder-beheer,.hb-document,.helder-chrome) .faq-a{ font-size: 0.84rem; color: var(--muted); line-height: 1.78; padding-bottom: 18px; } :is(#helder-beheer,.hb-document,.helder-chrome) .cta-bg{ background: var(--pink); } :is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner{ max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; } :is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner h2{ color: white; margin-bottom: 8px; font-size: clamp(1.3rem,2.2vw,1.7rem); } :is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner p{ color: rgba(255,255,255,.82); font-size: 0.9rem; max-width: 420px; } :is(#helder-beheer,.hb-document,.helder-chrome) .btn-white{ background: white; color: var(--pink-dark); font-weight: 700; padding: 14px 30px; border-radius: var(--radius); text-decoration: none; font-size: 0.92rem; display: inline-block; white-space: nowrap; } :is(#helder-beheer,.hb-document,.helder-chrome) .footer{ background: var(--teal); color: rgba(255,255,255,.5); text-align: center; padding: 20px 40px; font-size: 0.74rem; } @media (max-width: 900px){:is(#helder-beheer,.hb-document,.helder-chrome) .hero-inner{ grid-template-columns: 1fr; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero-card{ border-radius: 12px; } :is(#helder-beheer,.hb-document,.helder-chrome) .diensten-grid{ grid-template-columns: 1fr; } :is(#helder-beheer,.hb-document,.helder-chrome) .steps{ grid-template-columns: 1fr 1fr; } :is(#helder-beheer,.hb-document,.helder-chrome) .steps::before{ display: none; } :is(#helder-beheer,.hb-document,.helder-chrome) .testi-solo-inner{ grid-template-columns: 1fr; } :is(#helder-beheer,.hb-document,.helder-chrome) .prijzen-grid{ grid-template-columns: 1fr; } :is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner{ grid-template-columns: 1fr; }} @media (max-width: 600px){:is(#helder-beheer,.hb-document,.helder-chrome) .section{ padding: 60px 20px; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero{ padding: 60px 20px 0; } :is(#helder-beheer,.hb-document,.helder-chrome) .navbar{ padding: 0 20px; } :is(#helder-beheer,.hb-document,.helder-chrome) .usp-strip{ padding: 0 20px; } :is(#helder-beheer,.hb-document,.helder-chrome) .steps{ grid-template-columns: 1fr; }}       :is(#helder-beheer,.hb-document,.helder-chrome) { isolation:isolate; width:100%; overflow:clip; font-family:'Poppins',sans-serif; background:#fefefe; font-size:16px; } :is(#helder-beheer,.hb-document,.helder-chrome) h1,:is(#helder-beheer,.hb-document,.helder-chrome) h2,:is(#helder-beheer,.hb-document,.helder-chrome) h3 { font-family:inherit; font-style:normal; text-transform:none; } :is(#helder-beheer,.hb-document,.helder-chrome) h1 { color:#fff!important; } :is(#helder-beheer,.hb-document,.helder-chrome) h2,:is(#helder-beheer,.hb-document,.helder-chrome) h3 { color:#01292b; } :is(#helder-beheer,.hb-document,.helder-chrome) .hero h1 {font-size:clamp(2.2rem,4.2vw,3.5rem);} :is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner h2 {color:white;} :is(#helder-beheer,.hb-document,.helder-chrome) a {text-decoration:none;} :is(#helder-beheer,.hb-document,.helder-chrome) a:focus-visible,:is(#helder-beheer,.hb-document,.helder-chrome) summary:focus-visible {outline:3px solid #e94273;outline-offset:4px;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero-inner,:is(#helder-beheer,.hb-document,.helder-chrome) .section-inner,:is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner {max-width:1200px;} :is(#helder-beheer,.hb-document,.helder-chrome) .navbar {position:relative; height:auto;min-height:88px;padding:18px max(24px,calc((100% - 1200px)/2));gap:24px;} :is(#helder-beheer,.hb-document,.helder-chrome) .logo-wrap svg {display:block;width:185px;height:auto;max-width:100%;} :is(#helder-beheer,.hb-document,.helder-chrome) .nav-links {margin:0;padding:0;} :is(#helder-beheer,.hb-document,.helder-chrome) .nav-links li {margin:0;padding:0;} :is(#helder-beheer,.hb-document,.helder-chrome) .mobile-menu {display:none;} :is(#helder-beheer,.hb-document,.helder-chrome) .topbar {font-size:.875rem;padding:10px 20px;} :is(#helder-beheer,.hb-document,.helder-chrome) .topbar a {color:white;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero {padding:80px max(24px,calc((100% - 1200px)/2)) 0;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero h1 .accent {color:#eee544;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero-card {align-self:stretch;border-radius:16px 16px 0 0;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero p,:is(#helder-beheer,.hb-document,.helder-chrome) .dienst-card p,:is(#helder-beheer,.hb-document,.helder-chrome) .dienst-list li,:is(#helder-beheer,.hb-document,.helder-chrome) .step p,:is(#helder-beheer,.hb-document,.helder-chrome) .prijs-features li,:is(#helder-beheer,.hb-document,.helder-chrome) .faq-a {font-size:1rem;} :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-desc,:is(#helder-beheer,.hb-document,.helder-chrome) .prijs-note,:is(#helder-beheer,.hb-document,.helder-chrome) .footer,:is(#helder-beheer,.hb-document,.helder-chrome) .hero-usp {font-size:.875rem;} :is(#helder-beheer,.hb-document,.helder-chrome) .eyebrow {font-size:.875rem;} :is(#helder-beheer,.hb-document,.helder-chrome) .pkg-desc {color:rgba(255,255,255,.82);} :is(#helder-beheer,.hb-document,.helder-chrome) .hero-card-title {color:#75d6c6;} :is(#helder-beheer,.hb-document,.helder-chrome) .usp-strip-inner {max-width:1200px;gap:18px;} :is(#helder-beheer,.hb-document,.helder-chrome) .faq-item {margin:0;} :is(#helder-beheer,.hb-document,.helder-chrome) .faq-q {list-style:none;font-size:1rem;} :is(#helder-beheer,.hb-document,.helder-chrome) .faq-q::-webkit-details-marker {display:none;} :is(#helder-beheer,.hb-document,.helder-chrome) .faq-item[open] .faq-q svg {transform:rotate(180deg);} :is(#helder-beheer,.hb-document,.helder-chrome) .faq-item .faq-a {display:block;} :is(#helder-beheer,.hb-document,.helder-chrome) .footer {line-height:1.9;} :is(#helder-beheer,.hb-document,.helder-chrome) .footer a {color:#fff;text-decoration:underline;} @media(max-width:1000px){:is(#helder-beheer,.hb-document,.helder-chrome) .nav-links {gap:16px;font-size:.875rem;} :is(#helder-beheer,.hb-document,.helder-chrome) .hero-inner {grid-template-columns:1fr 360px;gap:32px;}} @media(max-width:900px){:is(#helder-beheer,.hb-document,.helder-chrome) .hero-inner {grid-template-columns:1fr;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero-left {padding-bottom:0;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero {padding-top:56px;padding-bottom:48px;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero-card {border-radius:12px;}:is(#helder-beheer,.hb-document,.helder-chrome) .navbar>.nav-links {display:none;}:is(#helder-beheer,.hb-document,.helder-chrome) .mobile-menu {display:block;}:is(#helder-beheer,.hb-document,.helder-chrome) .mobile-menu summary {cursor:pointer;font-weight:600;padding:10px;}:is(#helder-beheer,.hb-document,.helder-chrome) .mobile-menu[open] .nav-links {display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px;box-shadow:0 10px 20px #01292b22;gap:18px;z-index:10;}:is(#helder-beheer,.hb-document,.helder-chrome) .mobile-menu .nav-links a{display:block;padding:8px;}:is(#helder-beheer,.hb-document,.helder-chrome) .usp-strip-inner {display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}} @media(max-width:600px){:is(#helder-beheer,.hb-document,.helder-chrome) .hero {padding-left:20px;padding-right:20px;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero h1 {font-size:2.25rem;}:is(#helder-beheer,.hb-document,.helder-chrome) .navbar {padding:14px 20px;min-height:80px;}:is(#helder-beheer,.hb-document,.helder-chrome) .logo-wrap svg{width:160px;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero-btns {flex-direction:column;align-items:stretch;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero-btns a{text-align:center;}:is(#helder-beheer,.hb-document,.helder-chrome) .usp-item {font-size:.875rem;}:is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner {gap:24px;}:is(#helder-beheer,.hb-document,.helder-chrome) .cta-inner .btn-white{white-space:normal;text-align:center;}:is(#helder-beheer,.hb-document,.helder-chrome) .hero-card{padding:24px;}} 
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-1{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-2{border-color:var(--teal)}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-3{margin-top:8px}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-4{font-size:2rem}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-5{width:100%;text-align:center}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-6{margin-bottom:20px}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-7{margin-top:auto}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-8{margin-bottom:36px}
:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-9{padding:56px 40px}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-group{max-width:none;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-group.section-inner,:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-group.hero-inner,:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-group.cta-inner{max-width:1200px;margin-left:auto;margin-right:auto;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero h1 em{color:#eee544;font-style:normal;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-heading{padding:0;}
:is(#helder-beheer,.hb-document,.helder-chrome) .yellow-line{border:0;border-radius:0;opacity:1;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero-pill:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#54bbab;margin-right:8px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero-usp:before{content:"✓";color:#54bbab;margin-right:9px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .usp-item:before{content:"✓";margin-right:8px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .pkg-icon figure,:is(#helder-beheer,.hb-document,.helder-chrome) .dienst-icon figure{margin:0;line-height:0;}
:is(#helder-beheer,.hb-document,.helder-chrome) .pkg-icon img{display:block;width:18px;height:18px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .dienst-icon img{display:block;width:24px;height:24px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button.btn-pink,:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button.btn-white,:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button.btn-outline-white{padding:0;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button__link{display:block;padding:14px 28px;background:transparent;color:inherit;font:inherit;line-height:1.5;border:0;border-radius:inherit;text-decoration:none;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button.btn-pink{color:white;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-buttons{display:flex;flex-wrap:wrap;}
:is(#helder-beheer,.hb-document,.helder-chrome) .prijs-features li:before{content:"✓";color:#54bbab;margin-right:9px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-details summary{font-size:1rem;font-weight:700;color:#01292b;padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-details summary::-webkit-details-marker{display:none;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-details summary:after{content:"⌄";font-size:24px;line-height:1;color:#54bbab;}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-details[open] summary:after{transform:rotate(180deg);}
:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-details>.faq-a{padding-bottom:18px;}
:is(#helder-beheer,.hb-document,.helder-chrome) .step-num{display:flex;align-items:center;justify-content:center;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero-card .pkg-label{font-size:.9rem;color:white;font-weight:700;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero-card .pkg-desc{font-size:.875rem;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero p.hero-card-title{font-size:.75rem;}
:is(#helder-beheer,.hb-document,.helder-chrome) .hero p.hero-usp{font-size:.875rem;}
body.hb-template{margin:0;background:#fefefe;}
body.hb-template .hb-main{margin:0;padding:0;max-width:none;width:100%;}
.hb-skip{position:absolute;left:12px;top:-100px;z-index:99999;}
.hb-skip:focus{top:12px;background:white;color:#01292b;padding:12px;}
@media(max-width:900px){:is(#helder-beheer,.hb-document,.helder-chrome) .hb-layout-1{grid-template-columns:1fr!important;}}
@media(max-width:600px){:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-buttons.hero-btns{display:flex;flex-direction:column;align-items:stretch;}:is(#helder-beheer,.hb-document,.helder-chrome) .wp-block-button__link{white-space:normal;}}

.helder-chrome{overflow:visible;position:relative;z-index:20;}

/* Classic themes wrap native groups; retain the intended grid/flex children. */
:is(#helder-beheer,.hb-document) .wp-block-group__inner-container{display:contents;}
:is(#helder-beheer,.hb-document) .hero p.hero-pill{font-size:.72rem;line-height:1.6;margin-bottom:22px;}
:is(#helder-beheer,.hb-document) .hero p.hero-pill:before{margin-right:0;}
:is(#helder-beheer,.hb-document) .hero p.hero-usp{margin:0;line-height:1.6;}
:is(#helder-beheer,.hb-document) .hero p.hero-usp:before{margin-right:0;}
:is(#helder-beheer,.hb-document) .hero p.pkg-label{margin:0;line-height:1.2;font-size:.85rem;}
:is(#helder-beheer,.hb-document) .hero p.pkg-desc{margin:2px 0 0;line-height:1.6;font-size:.875rem;}
:is(#helder-beheer,.hb-document) .hero p.hero-card-title{margin:0 0 18px;line-height:1.6;color:#75d6c6;}
:is(#helder-beheer,.hb-document) .hero-usps{margin-top:32px;}
:is(#helder-beheer,.hb-document) .step p.step-num{font-size:1.1rem;line-height:1;}

:is(#helder-beheer,.hb-document) .step p.step-num{color:var(--yellow);}
:is(#helder-beheer,.hb-document) .wp-block-button__link{padding:13px 26px;}
:is(#helder-beheer,.hb-document) .btn-outline-white .wp-block-button__link{padding:11px 24px;}

:is(#helder-beheer,.hb-document) .hero-usp:nth-child(1):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%2354bbab%22%20opacity%3D%22.25%22/%3E%3Cpath%20d%3D%22M5%208l2%202%204-4%22%20stroke%3D%22%2354bbab%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .hero-usp:nth-child(2):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%2354bbab%22%20opacity%3D%22.25%22/%3E%3Cpath%20d%3D%22M5%208l2%202%204-4%22%20stroke%3D%22%2354bbab%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .hero-usp:nth-child(3):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%2354bbab%22%20opacity%3D%22.25%22/%3E%3Cpath%20d%3D%22M5%208l2%202%204-4%22%20stroke%3D%22%2354bbab%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .usp-item:nth-child(1):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%201l2%205.5h6l-5%203.5%202%206L9%2013l-5%203%202-6-5-3.5h6z%22%20fill%3D%22%2301292b%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .usp-item:nth-child(2):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%228%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22/%3E%3Cpath%20d%3D%22M9%205v4l3%203%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .usp-item:nth-child(3):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22/%3E%3Cpath%20d%3D%22M1%207h16%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
:is(#helder-beheer,.hb-document) .usp-item:nth-child(4):before{content:"";flex-shrink:0;display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%201C5%201%202%204%202%209s3%208%207%208%207-3%207-8-3-8-7-8z%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22/%3E%3Cpath%20d%3D%22M6%209l2%202%204-4%22%20stroke%3D%22%2301292b%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;margin-right:0;}
.editor-styles-wrapper .hb-document{max-width:none;margin:0;}