/* Existing native styles made available before the first body paint. */
/* OmgevingsPro site assets v1.0.0 | generated 2026-09-23 | source: Webflow footer */
/* op-academy-mobile-nav-v1 */
@media screen and (max-width:767px){.opacad-nav{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;min-height:72px!important;padding:12px 16px!important}.opacad-links{display:none!important}.opacad-nav.is-open .opacad-links{display:grid!important;grid-column:1/-1;grid-row:2;gap:0!important;width:100%!important;padding:10px 0 2px!important}.opacad-nav.is-open .opacad-links a{padding:12px 4px!important;border-top:1px solid #d9e2da}.opacad-brand{min-width:0!important}.opacad-brandtext{font-size:clamp(16px,4.5vw,20px)!important}.opacad-navcta{white-space:nowrap!important;padding:11px 13px!important;font-size:12px!important}.opacad-menubtn{border:1px solid #c3d0c6;border-radius:9px;background:#fff;color:#0c2b21;padding:10px 11px;font:700 12px/1 system-ui;cursor:pointer}.opacad-main{width:100%!important;overflow:hidden!important}}@media screen and (max-width:359px){.opacad-brandtext{display:none!important}}

/* op-mobile-book-fit-v1 */
/* Keep every ebook illustration and its decorative frame inside the mobile content column. */
@media screen and (max-width:767px){
html[data-op-layout-ready] .op-hero-1-2{grid-template-columns:minmax(0,1fr)!important}
html[data-op-layout-ready] .op-hero-1-2>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
html[data-op-layout-ready] :is(.op-visual,.epp-visual,.epp-visual-1-2,.epp-visual-1-2-3-4,.op2-stage,.ompb-visual,.ebp-bookstage,.kb-feature-visual){box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
html[data-op-layout-ready] :is(.oe-book-stage,.op2-stage,.ompb-visual,.ebp-bookstage,.epp-visual,.epp-visual-1-2,.epp-visual-1-2-3-4){overflow:hidden!important}
html[data-op-layout-ready] .oe-book-stage{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
html[data-op-layout-ready] .oe-book-cover-front img{inset:auto!important;margin:0!important;transform:none!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important}
}

@media screen and (max-width:479px){
html[data-op-layout-ready] .op-hero-1-2 .op-visual{justify-self:center!important;width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important}
html[data-op-layout-ready] :is(.epp-visual,.epp-visual-1-2,.epp-visual-1-2-3-4,.op2-stage,.ompb-visual,.ebp-bookstage){width:100%!important}
html[data-op-layout-ready] .ompb-glow{width:min(340px,86vw)!important;height:min(340px,86vw)!important}
}


:root{--eb-deep:#0b241b;--eb-green:#176348;--eb-green-2:#268364;--eb-lime:#b9e980;--eb-paper:#f7f4ea;--eb-ink:#10251e;--eb-ease:cubic-bezier(.2,.8,.2,1)}
body:has(.epp-hero){font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:has(.epp-hero) :is(p,li,a,button,.epp-lead,.epp-card-copy,.epp-note-copy,.epp-buy-copy){font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;text-wrap:pretty}
body:has(.epp-hero) :is(.epp-title,.epp-section-title,.opbook-sale-title){font-family:Georgia,Times,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:-.052em!important;text-wrap:balance}
body:has(.epp-hero) :is(.epp-card-title,.epp-book-title){font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:740!important;letter-spacing:-.034em!important;text-wrap:balance}
body:has(.epp-hero) ::selection{background:var(--eb-lime);color:var(--eb-deep)}
body:has(.epp-hero) :is(a,button,[tabindex]):focus-visible{outline:3px solid rgba(185,233,128,.95)!important;outline-offset:4px}
.epp-nav{position:sticky!important;top:12px!important;z-index:90;width:min(94%,1380px)!important;margin-inline:auto!important;border:1px solid rgba(255,255,255,.66)!important;border-radius:18px!important;background:rgba(247,244,234,.86)!important;box-shadow:0 12px 38px rgba(13,49,37,.09)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:background .3s ease,box-shadow .3s ease!important}
.epp-nav.is-scrolled{background:rgba(247,244,234,.96)!important;box-shadow:0 18px 48px rgba(13,49,37,.14)!important}
.epp-logo{width:clamp(150px,12vw,195px)!important;height:auto!important}.epp-logo-light{filter:brightness(0) invert(1);opacity:.94}
.epp-link{position:relative}.epp-link::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:var(--eb-green-2);transition:right .3s var(--eb-ease)}.epp-link:hover::after,.epp-link:focus-visible::after{right:0}
.eb-scroll-progress{position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(var(--eb-scroll,0));transform-origin:0 50%;background:linear-gradient(90deg,var(--eb-green-2),var(--eb-lime))}
.epp-hero{--ex:75%;--ey:30%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(680px circle at var(--ex) var(--ey),rgba(185,233,128,.16),transparent 56%),linear-gradient(145deg,#f8f5ec,#f0f2e8)!important}
.epp-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.42;background-image:linear-gradient(rgba(23,99,72,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,99,72,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.epp-title{max-width:12ch;line-height:.96!important}.epp-title-accent{color:var(--eb-green-2)!important}.epp-lead{max-width:60ch;color:#365348!important}
.epp-visual{perspective:1350px!important;perspective-origin:50% 42%}.epp-book{--brx:-2deg;--bry:-7deg;position:relative;transform-style:preserve-3d!important;transform:rotateX(var(--brx)) rotateY(var(--bry)) translateZ(24px)!important;box-shadow:28px 34px 75px rgba(10,42,31,.22)!important;transition:transform .18s linear,box-shadow .35s ease!important;will-change:transform}.epp-book::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.17),transparent 34%,rgba(0,0,0,.08));pointer-events:none}.epp-book:hover{box-shadow:35px 44px 95px rgba(10,42,31,.28)!important}.epp-orbit{animation:ebOrbit 18s linear infinite}
.epp-card,.epp-format-item,.epp-buycard,.opbook-sale-pricebox{--cy:0px;position:relative;isolation:isolate;overflow:hidden;border-color:rgba(16,54,41,.13)!important;transform:translateY(var(--cy));transition:transform .36s var(--eb-ease),box-shadow .36s var(--eb-ease),border-color .3s ease!important}.epp-card::before,.epp-format-item::before,.epp-buycard::before,.opbook-sale-pricebox::before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(320px circle at var(--cx,50%) var(--cyp,18%),rgba(185,233,128,.22),transparent 56%);transition:opacity .35s ease;pointer-events:none}.epp-card:hover,.epp-format-item:hover,.epp-buycard:hover,.opbook-sale-pricebox:hover{--cy:-7px;border-color:rgba(38,131,100,.32)!important;box-shadow:0 25px 62px rgba(13,49,37,.13)!important}:is(.epp-card,.epp-format-item,.epp-buycard,.opbook-sale-pricebox):hover::before{opacity:1}
.epp-primary,.epp-navcta,.opbook-sale-cta{position:relative;overflow:hidden;transition:transform .3s var(--eb-ease),box-shadow .3s ease!important}.epp-primary::before,.epp-navcta::before,.opbook-sale-cta::before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.4) 48%,transparent 74%);transform:translateX(-135%);transition:transform .75s var(--eb-ease);pointer-events:none}.epp-primary:hover::before,.epp-navcta:hover::before,.opbook-sale-cta:hover::before{transform:translateX(135%)}.epp-primary:hover,.epp-navcta:hover,.opbook-sale-cta:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(13,49,37,.22)}
@keyframes ebOrbit{to{transform:rotate(360deg)}}
@media(max-width:991px){.epp-nav{top:8px!important;width:calc(100% - 24px)!important}.epp-logo{width:clamp(145px,30vw,185px)!important}.epp-hero::before{mask-image:linear-gradient(#000,transparent 92%)}}
@media(max-width:767px){.epp-title{line-height:1!important}.epp-hero{background:linear-gradient(145deg,#f8f5ec,#eff4e9)!important}.epp-book{transform:none!important}.epp-card:hover,.epp-format-item:hover,.epp-buycard:hover,.opbook-sale-pricebox:hover{--cy:0px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:has(.epp-hero) *,body:has(.epp-hero) *::before,body:has(.epp-hero) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.epp-book{transform:none!important}}

@media screen and (max-width:479px){.op-kb__head.wf-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:24px!important}.op-kb__eyebrow,.op-kb__title{width:auto!important}.op-kb__intro-copy{width:100%!important;margin-top:0!important}.op-kb__all{margin-top:0!important}.op-kb__grid.wf-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.op-kb__card,.op-kb__card--feature{width:100%!important;min-width:0!important;height:auto!important;min-height:360px}.op-footer-grid{flex-direction:column!important;align-items:flex-start!important;gap:24px!important;height:auto!important}.op-footer-links{width:100%!important;flex-wrap:wrap!important;gap:12px 18px!important}.op-footer-new{height:auto!important}}

.opm-mobile-nav{display:none}
@media screen and (max-width:767px){
  .opm-mobile-nav{display:block;position:fixed;top:14px;right:16px;z-index:2147483000;font-family:Inter,Arial,sans-serif}
  .opm-menu{position:relative}
  .opm-menu-button{display:flex;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;list-style:none;border:1px solid rgba(190,238,105,.3);border-radius:14px;background:#053b2f;box-shadow:0 12px 30px rgba(2,20,15,.24)}
  .opm-menu-button::-webkit-details-marker{display:none}
  .opm-menu-button:focus-visible{outline:3px solid #b9ec66;outline-offset:3px}
  .opm-menu-icon{display:flex;width:20px;flex-direction:column;gap:4px}
  .opm-menu-icon i{display:block;width:20px;height:2px;border-radius:2px;background:#f2f7f2;transition:transform .22s ease,opacity .22s ease}
  .opm-menu[open] .opm-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .opm-menu[open] .opm-menu-icon i:nth-child(2){opacity:0}
  .opm-menu[open] .opm-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .opm-menu-panel{position:absolute;top:58px;right:0;display:grid;width:min(300px,calc(100vw - 32px));padding:14px;border:1px solid rgba(190,238,105,.18);border-radius:20px;background:#03261d;box-shadow:0 24px 70px rgba(0,16,12,.36)}
  .opm-menu-link,.opm-menu-cta{box-sizing:border-box;width:100%;border-radius:12px;text-decoration:none}
  .opm-menu-link{padding:12px 14px;color:#edf4ee;font-size:15px;font-weight:650;line-height:1.25}
  .opm-menu-link:hover,.opm-menu-link:focus-visible{background:rgba(255,255,255,.08);color:#c2ef72;outline:none}
  .opm-menu-cta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:14px;background:#b7e967;color:#08271e;font-size:15px;font-weight:800;line-height:1.2}
  .opm-menu-cta:hover,.opm-menu-cta:focus-visible{background:#c7f282;outline:3px solid rgba(199,242,130,.3);outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){.opm-menu-icon i{transition:none}}
</div><div class="w-embed w-script"><style id="op-premium-home-v2">
:root {
  --op-ink: #10251e;
  --op-ink-soft: #3f554c;
  --op-deep: #0b241b;
  --op-green: #176348;
  --op-green-2: #268364;
  --op-lime: #b9e980;
  --op-mist: #eef6f0;
  --op-line: rgba(16, 54, 41, .13);
  --op-shadow: 0 24px 70px rgba(13, 49, 37, .13);
  --op-ease: cubic-bezier(.2, .8, .2, 1);
}

html { scroll-behavior: smooth; overflow-x: clip; }
body, .op-site {
  background: #f7faf7;
  color: var(--op-ink);
  font-family: Aptos, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.op-site { width: 100%; max-width: 100%; overflow-x: clip; }
.op-site *, .op-site *::before, .op-site *::after { box-sizing: border-box; }

.op-site :is(h1, h2, h3, h4, .opx-title, .op-h2, .op-phase-title, .op-kb__title, .optrust-title, .op-faq-title) {
  font-family: Aptos, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-variation-settings: "wght" 720;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.op-site :is(p, li, .op-copy, .op-intro, .opx-lead) { text-wrap: pretty; }
.op-site ::selection { background: var(--op-lime); color: var(--op-deep); }
.op-site a:focus-visible, .op-site button:focus-visible, .op-site [tabindex]:focus-visible {
  outline: 3px solid rgba(185, 233, 128, .95);
  outline-offset: 4px;
}

.opx-header {
  top: 14px !important;
  width: min(94%, 1380px) !important;
  margin-inline: auto !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 18px !important;
  background: rgba(247, 250, 247, .82) !important;
  box-shadow: 0 10px 34px rgba(12, 44, 33, .08) !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  transition: transform .45s var(--op-ease), background .35s ease, box-shadow .35s ease !important;
}
.opx-header.is-scrolled {
  background: rgba(247, 250, 247, .94) !important;
  box-shadow: 0 16px 46px rgba(12, 44, 33, .13) !important;
}
.opx-logo { width: clamp(156px, 13vw, 206px) !important; height: auto !important; }
.opx-link { position: relative; letter-spacing: -.01em; }
.opx-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 2px;
  border-radius: 2px;
  background: var(--op-green-2);
  transition: right .3s var(--op-ease);
}
.opx-link:hover::after, .opx-link:focus-visible::after { right: 0; }

.op-scroll-progress {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  transform: scaleX(var(--op-scroll, 0));
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--op-green-2), var(--op-lime));
}

.opx-hero {
  --mx: 72%;
  --my: 28%;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background:
    radial-gradient(700px circle at var(--mx) var(--my), rgba(185,233,128,.22), transparent 55%),
    linear-gradient(180deg, #f8fbf8 0%, #edf6ef 100%) !important;
}
.opx-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .55;
  background-image:
    linear-gradient(rgba(22, 99, 72, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 99, 72, .055) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent 2%, #000 42%, #000 100%);
}
.opx-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 620px;
  height: 620px;
  right: -240px;
  top: -250px;
  border-radius: 50%;
  border: 1px solid rgba(38,131,100,.12);
  box-shadow: 0 0 0 80px rgba(38,131,100,.035), 0 0 0 160px rgba(38,131,100,.025);
}
.opx-copy { position: relative; z-index: 2; }
.opx-eyebrow { letter-spacing: .12em !important; text-transform: uppercase; }
.op-site .opx-title {
  max-width: 11ch;
  font-family: Georgia, Times, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.055em !important;
  line-height: .96 !important;
}
.opx-title-accent {
  background: linear-gradient(115deg, var(--op-green) 10%, #58a36e 55%, var(--op-green) 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.opx-lead { max-width: 61ch; color: var(--op-ink-soft) !important; }
.opx-primary, .opx-header-cta, .op-button {
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(23,99,72,.18);
  transform: translate3d(var(--btn-x, 0), var(--btn-y, 0), 0);
  transition: transform .28s var(--op-ease), box-shadow .28s ease, background .28s ease !important;
}
.opx-primary::before, .opx-header-cta::before, .op-button::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(110deg, transparent 22%, rgba(255,255,255,.33) 48%, transparent 74%);
  transform: translateX(-130%);
  transition: transform .75s var(--op-ease);
  pointer-events: none;
}
.opx-primary:hover::before, .opx-header-cta:hover::before, .op-button:hover::before { transform: translateX(130%); }
.opx-primary:hover, .opx-header-cta:hover, .op-button:hover { box-shadow: 0 18px 42px rgba(23,99,72,.26); }
.opx-action-arrow, .opx-arrow, .op-phase-cta-arrow, .op-kb__arrow { transition: transform .28s var(--op-ease); }
:is(.opx-primary, .opx-header-cta, .op-phase-cta, .op-kb__link):hover :is(.opx-action-arrow, .opx-arrow, .op-phase-cta-arrow, .op-kb__arrow) { transform: translateX(5px); }

.opx-proof {
  border-top: 1px solid var(--op-line);
  border-bottom: 1px solid var(--op-line);
  padding-block: 18px;
}
.opx-proof-value { font-weight: 760 !important; letter-spacing: -.025em; }
.opx-proof-label { color: #597067 !important; }

.op3d-experience {
  --rx: -4deg;
  --ry: 7deg;
  --spot-x: 50%;
  --spot-y: 40%;
  position: relative;
  border: 1px solid rgba(255,255,255,.72) !important;
  background:
    radial-gradient(420px circle at var(--spot-x) var(--spot-y), rgba(185,233,128,.24), transparent 50%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(229,241,232,.78)) !important;
  box-shadow: 0 35px 90px rgba(12,49,37,.18), inset 0 1px 0 rgba(255,255,255,.85) !important;
  overflow: hidden;
  isolation: isolate;
}
.op3d-experience::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(115deg, rgba(255,255,255,.2), transparent 45%, rgba(25,106,78,.05));
  pointer-events: none;
}
.op3d-experience::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -20%;
  right: -20%;
  height: 1px;
  top: 18%;
  opacity: .5;
  background: linear-gradient(90deg, transparent, rgba(93,165,124,.5), transparent);
  animation: opScan 7s ease-in-out infinite;
  pointer-events: none;
}
.op3d-toolbar, .op3d-viewport, .op3d-detail, .op3d-hint { position: relative; z-index: 1; }
.op3d-toolbar-label, .op3d-toolbar-status { color: #21473a !important; }
.op3d-status-dot { background: var(--op-green-2) !important; box-shadow: 0 0 0 5px rgba(38,131,100,.12) !important; }
.op3d-viewport { perspective: 1450px !important; perspective-origin: 50% 42%; }
.op3d-grid { opacity: .46 !important; animation: opGrid 14s linear infinite; }
.op3d-model {
  transform-style: preserve-3d !important;
  will-change: transform;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0) !important;
  transition: transform .18s linear !important;
}
.op3d-layer {
  --layer-depth: 0px;
  position: relative;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, var(--layer-depth));
  border: 1px solid rgba(23,99,72,.14) !important;
  background: rgba(250,253,250,.78) !important;
  box-shadow: 0 12px 28px rgba(13,49,37,.08) !important;
  backdrop-filter: blur(10px);
  color: var(--op-ink) !important;
  transition: transform .48s var(--op-ease), border-color .35s ease, box-shadow .35s ease, background .35s ease !important;
}
.op3d-layer .op3d-layer-title { color: #143c2e !important; }
.op3d-layer .op3d-layer-number, .op3d-layer .op3d-layer-action { color: var(--op-green-2) !important; }
.op3d-layer .op3d-layer-sub { color: #61766e !important; }
.op3d-layer-1 { --layer-depth: 56px; }
.op3d-layer-2 { --layer-depth: 38px; }
.op3d-layer-3 { --layer-depth: 20px; }
.op3d-layer-4 { --layer-depth: 2px; }
.op3d-layer-5 { --layer-depth: -16px; }
.op3d-layer:hover, .op3d-layer:focus-visible {
  transform: translate3d(10px, -4px, calc(var(--layer-depth) + 18px)) !important;
  border-color: rgba(38,131,100,.42) !important;
}
.op3d-layer.is-active {
  color: #f6fff8 !important;
  background: linear-gradient(125deg, #0d3a2b, #176348 65%, #267b5f) !important;
  border-color: rgba(185,233,128,.58) !important;
  box-shadow: 0 22px 46px rgba(12,65,46,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(185,233,128,.14) !important;
  transform: translate3d(18px, -6px, calc(var(--layer-depth) + 25px)) !important;
}
.op3d-layer.is-active .op3d-layer-title { color: #f6fff8 !important; }
.op3d-layer.is-active .op3d-layer-number, .op3d-layer.is-active .op3d-layer-action { color: var(--op-lime) !important; }
.op3d-layer.is-active .op3d-layer-sub { color: rgba(246,255,248,.72) !important; }
.op3d-detail {
  color: var(--op-ink) !important;
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(23,99,72,.12) !important;
}
.op3d-detail-number, .op3d-detail-index { color: var(--op-green-2) !important; }
.op3d-detail-title { color: #143c2e !important; }
.op3d-detail-text, .op3d-detail-meta { color: #556d63 !important; }
.op3d-detail-link { color: var(--op-green) !important; }
.op3d-hint { color: #63776f !important; }
.op3d-detail.is-changing { animation: opDetailSwap .38s var(--op-ease); }
.op3d-chip { border: 1px solid rgba(23,99,72,.13); background: rgba(255,255,255,.7); }

.op-block, .op-phase-section, .optrust, .op-kb, .op-faq-section, .op-request {
  position: relative;
}
.op-service, .op-package, .op-phase-card, .op-kb__card, .optrust-card, .op-faq-card {
  --card-rx: 0deg;
  --card-ry: 0deg;
  --card-y: 0px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(16,54,41,.12) !important;
  transform: perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(var(--card-y));
  transition: transform .38s var(--op-ease), box-shadow .38s var(--op-ease), border-color .3s ease !important;
}
.op-service::before, .op-package::before, .op-phase-card::before, .op-kb__card::before, .optrust-card::before, .op-faq-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: radial-gradient(320px circle at var(--card-x, 50%) var(--card-y-pos, 20%), rgba(185,233,128,.22), transparent 52%);
  transition: opacity .35s ease;
  pointer-events: none;
}
.op-service:hover, .op-package:hover, .op-phase-card:hover, .op-kb__card:hover, .optrust-card:hover, .op-faq-card:hover {
  --card-y: -8px;
  border-color: rgba(38,131,100,.3) !important;
  box-shadow: 0 24px 58px rgba(13,49,37,.13) !important;
}
:is(.op-service, .op-package, .op-phase-card, .op-kb__card, .optrust-card, .op-faq-card):hover::before { opacity: 1; }
.op-service-featured, .op-package-primary, .op-kb__card--feature { box-shadow: 0 25px 62px rgba(13,49,37,.14) !important; }
.op-package-primary { outline: 1px solid rgba(185,233,128,.22); outline-offset: -1px; }
.op-phase-grid-rail::before { background: linear-gradient(90deg, var(--op-green), var(--op-lime)) !important; }
.op-step-num, .op-service-num, .op-phase-index, .optrust-no { font-variant-numeric: tabular-nums; }

.op-premium-ready .op-reveal {
  opacity: 0;
  transform: translateY(34px) scale(.985);
  filter: blur(5px);
  transition: opacity .78s var(--op-ease), transform .78s var(--op-ease), filter .65s ease;
}
.op-premium-ready .op-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.op-premium-ready .op-stagger > * {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .62s var(--op-ease), transform .62s var(--op-ease);
}
.op-premium-ready .op-stagger.is-visible > * { opacity: 1; transform: none; }
.op-premium-ready .op-stagger.is-visible > *:nth-child(2) { transition-delay: 80ms; }
.op-premium-ready .op-stagger.is-visible > *:nth-child(3) { transition-delay: 160ms; }
.op-premium-ready .op-stagger.is-visible > *:nth-child(4) { transition-delay: 240ms; }
.op-premium-ready .op-stagger.is-visible > *:nth-child(5) { transition-delay: 320ms; }

@keyframes opScan { 0%,100% { transform: translateY(-60px); opacity: 0; } 20%,80% { opacity: .5; } 50% { transform: translateY(520px); opacity: .35; } }
@keyframes opGrid { from { background-position: 0 0; } to { background-position: 0 44px; } }
@keyframes opDetailSwap { 0% { opacity: .35; transform: translateY(8px); } 100% { opacity: 1; transform: none; } }

@media (max-width: 991px) {
  .opx-header { top: 8px !important; width: calc(100% - 24px) !important; }
  .opx-logo { width: clamp(148px, 30vw, 188px) !important; }
  .opx-hero::before { mask-image: linear-gradient(#000, transparent 90%); }
  .op3d-experience { --rx: -2deg; --ry: 2deg; }
  .op3d-layer.is-active { transform: translate3d(8px, -3px, calc(var(--layer-depth) + 12px)) !important; }
}
@media (max-width: 767px) {
  .opx-hero { background: linear-gradient(180deg, #f8fbf8, #eef6f0) !important; }
  .opx-title { max-width: 12ch; line-height: 1 !important; }
  .opx-proof { gap: 14px !important; }
  .opx-proof-line { display: none !important; }
  .op3d-viewport { perspective: none !important; }
  .op3d-model, .op3d-layer, .op3d-layer.is-active, .op3d-layer:hover { transform: none !important; }
  .op3d-layer.is-active { box-shadow: 0 14px 34px rgba(12,65,46,.2) !important; }
  .op3d-detail { grid-template-columns: minmax(54px, auto) minmax(0, 1fr) !important; }
  .op3d-detail-index { width: auto !important; min-width: 0 !important; }
  .op3d-detail-meta { width: auto !important; max-width: 9ch; overflow-wrap: anywhere; letter-spacing: .08em !important; }
  .op3d-detail-body, .op3d-detail-title, .op3d-detail-text, .op3d-detail-link { min-width: 0; max-width: 100%; }
  .op-service-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; }
  .op-service { width: 100% !important; min-width: 0 !important; padding: 30px 26px !important; }
  .op-service :is(.op-h3, .op-copy, .op-list, .op-list-item, .op-card-link) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-wrap: anywhere; }
  .op-phase-head { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
  .op-phase-head > *, .op-phase-intro { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .op-phase-grid, .op-phase-grid-rail { max-width: 100% !important; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .op-phase-glow { max-width: 100vw; overflow: hidden; }
  .op-service, .op-package, .op-phase-card, .op-kb__card, .optrust-card, .op-faq-card { transform: translateY(var(--card-y)); }
}
@media (max-width: 479px) {
  .op-wrap, .op-intake-shell { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; }
  .op-service { padding: 26px 22px !important; }
  .op-phase-card { min-width: 220px !important; width: 220px !important; }
  .op-phase-grid, .op-phase-grid-rail { grid-template-columns: repeat(5, 220px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .op-premium-ready .op-reveal, .op-premium-ready .op-stagger > * { opacity: 1 !important; transform: none !important; filter: none !important; }
  .op3d-model, .op3d-layer { transform: none !important; }
}


[data-op3d="experience"] .op3d-model{position:relative;z-index:2}
[data-op3d="experience"] .op3d-grid,[data-op3d="experience"] .oe-route-art{pointer-events:none}
.op-phase-card-wrap{scroll-snap-align:start}.op-phase-card-wrap:last-child{scroll-snap-align:end}.op-phase-grid-rail{scroll-padding-inline:2px}
@media(min-width:768px){
[data-op3d="experience"] .op3d-layer-1{--layer-depth:74px!important}
[data-op3d="experience"] .op3d-layer-2{--layer-depth:56px!important}
[data-op3d="experience"] .op3d-layer-3{--layer-depth:38px!important}
[data-op3d="experience"] .op3d-layer-4{--layer-depth:20px!important}
[data-op3d="experience"] .op3d-layer-5{--layer-depth:2px!important}
[data-op3d="experience"] .op3d-layer{transform:translate3d(0,0,var(--layer-depth))!important}
[data-op3d="experience"] .op3d-layer:hover,[data-op3d="experience"] .op3d-layer:focus-visible{transform:translate3d(10px,-4px,calc(var(--layer-depth) + 18px))!important}
[data-op3d="experience"] .op3d-layer.is-active{z-index:3;transform:translate3d(18px,-6px,calc(var(--layer-depth) + 25px))!important}
}
@media(max-width:767px){[data-op3d="experience"] .op3d-layer.is-active{transform:translateX(4px)!important}}
@media(prefers-reduced-motion:reduce){[data-op3d="experience"] .op3d-model,[data-op3d="experience"] .op3d-layer,[data-op3d="experience"] .op3d-layer:hover,[data-op3d="experience"] .op3d-layer.is-active,[data-op3d="experience"] .op3d-layer:focus-visible{transform:none!important;transition:none!important}}


:root{--pk-ink:#10251e;--pk-deep:#0b241b;--pk-green:#176348;--pk-green-2:#268364;--pk-lime:#b9e980;--pk-paper:#f7f7f1;--pk-ease:cubic-bezier(.2,.8,.2,1)}
.pk-page{font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.pk-page :is(p,li,a,button,summary,.pk-lead,.pk-card-text,.pkx-text){font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;text-wrap:pretty}
.pk-page :is(.pk-h1,.pk-phase-title,.pk-h2,.pk-combine-title,.pkx-title,.pkx-custom-title,.pk-final-title){font-family:Georgia,Times,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:-.052em!important;text-wrap:balance}
.pk-page :is(.pk-card-title,.pkx-name,.pk-process-title){font-family:Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:740!important;letter-spacing:-.035em!important;text-wrap:balance}
.pk-page ::selection{background:var(--pk-lime);color:var(--pk-deep)}
.pk-page a:focus-visible,.pk-page button:focus-visible,.pk-page summary:focus-visible{outline:3px solid rgba(185,233,128,.95);outline-offset:4px}
.pk-header{position:sticky!important;top:0;z-index:90;background:rgba(9,35,26,.82)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:background .3s ease,box-shadow .3s ease!important}
.pk-header.is-scrolled{background:rgba(9,35,26,.96)!important;box-shadow:0 18px 44px rgba(2,18,12,.18)}
.pk-logo{width:clamp(156px,13vw,205px)!important;height:auto!important;filter:brightness(0) invert(1);opacity:.94}
.pk-navlink{position:relative}
.pk-navlink::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:var(--pk-lime);transition:right .3s var(--pk-ease)}
.pk-navlink:hover::after,.pk-navlink:focus-visible::after,.pk-navlink.w--current::after{right:0}
.pk-scroll-progress{position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(var(--pk-scroll,0));transform-origin:0 50%;background:linear-gradient(90deg,var(--pk-green-2),var(--pk-lime))}
.pk-hero{--hx:74%;--hy:28%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(720px circle at var(--hx) var(--hy),rgba(185,233,128,.13),transparent 55%),linear-gradient(145deg,#092219,#0e2e22)!important}
.pk-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.42;background-image:linear-gradient(rgba(185,233,128,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(185,233,128,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.pk-hero::after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-220px;top:-230px;border-radius:50%;border:1px solid rgba(185,233,128,.12);box-shadow:0 0 0 80px rgba(185,233,128,.028),0 0 0 160px rgba(185,233,128,.018)}
.pk-h1{max-width:10.5ch;line-height:.95!important}
.pk-lead{max-width:48ch;color:rgba(246,255,248,.78)!important}
.pk-primary,.pk-secondary,.pk-navcta,.pk-card-link,.pk-combine-link,.pk-final-button,.pkx-link,.pkx-custom-link{position:relative;overflow:hidden;transition:transform .3s var(--pk-ease),box-shadow .3s ease,border-color .3s ease!important}
.pk-primary::before,.pk-navcta::before,.pk-final-button::before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.38) 48%,transparent 74%);transform:translateX(-135%);transition:transform .75s var(--pk-ease);pointer-events:none}
.pk-primary:hover::before,.pk-navcta:hover::before,.pk-final-button:hover::before{transform:translateX(135%)}
.pk-primary:hover,.pk-navcta:hover,.pk-final-button:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.pk-proof{position:relative;background:linear-gradient(90deg,#153d2f,#123528)!important}
.pk-phasebar{border:1px solid rgba(15,55,41,.12);box-shadow:0 20px 60px rgba(13,49,37,.08)}
.pk-phase{position:relative;overflow:hidden;transition:transform .32s var(--pk-ease),background .3s ease,color .3s ease!important}
.pk-phase::before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at 50% 0,rgba(185,233,128,.22),transparent 58%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.pk-phase:hover,.pk-phase:focus-visible{transform:translateY(-5px);background:#fff!important;color:var(--pk-green)!important}
.pk-phase:hover::before,.pk-phase:focus-visible::before{opacity:1}
.pk-card,.pkx-details,.pk-process-card,.pk-combine-box{--crx:0deg;--cry:0deg;--cy:0px;position:relative;isolation:isolate;overflow:hidden;border-color:rgba(16,54,41,.13)!important;transform:perspective(1150px) rotateX(var(--crx)) rotateY(var(--cry)) translateY(var(--cy));transition:transform .38s var(--pk-ease),box-shadow .38s var(--pk-ease),border-color .3s ease!important}
.pk-card::before,.pk-process-card::before,.pk-combine-box::before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(340px circle at var(--cx,50%) var(--cyp,18%),rgba(185,233,128,.22),transparent 55%);transition:opacity .35s ease;pointer-events:none}
.pk-card:hover,.pkx-details:hover,.pk-process-card:hover,.pk-combine-box:hover{--cy:-8px;border-color:rgba(38,131,100,.32)!important;box-shadow:0 26px 62px rgba(13,49,37,.14)!important}
.pk-card:hover::before,.pk-process-card:hover::before,.pk-combine-box:hover::before{opacity:1}
.pk-card-featured{box-shadow:0 28px 70px rgba(13,49,37,.15)!important}
.pk-card-link,.pk-combine-link,.pkx-link,.pkx-custom-link{display:inline-flex;align-items:center;gap:8px}
.pk-card-link:hover,.pk-combine-link:hover,.pkx-link:hover,.pkx-custom-link:hover{gap:13px}
.pkx-details{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(12px)}
.pkx-details[open]{border-color:rgba(38,131,100,.34)!important;box-shadow:0 26px 60px rgba(13,49,37,.11)!important}
.pkx-summary{transition:background .3s ease,color .3s ease!important}
.pkx-summary:hover{background:rgba(185,233,128,.12)!important}
.pkx-plus{transition:transform .4s var(--pk-ease)!important}
.pkx-details[open] .pkx-plus{transform:rotate(45deg)}
.pk-phase-orb{box-shadow:0 0 0 10px rgba(185,233,128,.07),0 0 48px rgba(185,233,128,.22)!important}
.opx3d-reveal{will-change:opacity,transform}
@media(max-width:991px){.pk-logo{width:clamp(148px,30vw,188px)!important}.pk-hero::before{mask-image:linear-gradient(#000,transparent 92%)}.pk-h1{max-width:12ch}}
@media(max-width:767px){.pk-card,.pkx-details,.pk-process-card,.pk-combine-box{transform:translateY(var(--cy))}.pk-h1{line-height:1!important}.pk-hero{background:linear-gradient(145deg,#092219,#103b2b)!important}.pk-phase:hover,.pk-phase:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pk-page *,.pk-page *::before,.pk-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.opx3d-reveal{opacity:1!important;transform:none!important}.pk-card,.pkx-details,.pk-process-card,.pk-combine-box{transform:none!important}}


    .op-readable-document h1,.op-readable-document h2,.op-readable-document h3{overflow-wrap:anywhere;hyphens:auto}
    .opm-menu-panel{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
    .opm-menu-panel a{min-height:44px;box-sizing:border-box}
    .opm-menu-button:focus-visible,.opm-menu-panel a:focus-visible,.opacad-menubtn:focus-visible,
    .op-faq-search input:focus-visible,.op-faq-search button:focus-visible{outline:3px solid #297a58;outline-offset:4px}
    .op-faq-search{margin:28px 0 32px;padding:24px;border:1px solid #d4e1d7;border-radius:16px;background:#fff;color:#10382c}
    .op-faq-search label{display:block;font-weight:700;margin-bottom:10px}
    .op-faq-search-row{display:flex;align-items:stretch;gap:10px}
    .op-faq-search input{box-sizing:border-box;flex:1;min-width:0;width:100%;font:inherit;color:inherit;border:1px solid #749485;border-radius:8px;padding:12px;min-height:48px;background:#fff}
    .op-faq-search button{font:inherit;font-weight:700;min-height:48px;padding:10px 16px;border:1px solid #749485;border-radius:8px;background:#edf4ef;color:#10382c;cursor:pointer}
    .op-faq-search p{font-size:.95rem;line-height:1.6;margin:12px 0 0}
    .op-faq-search [hidden],.op-support-group[hidden],.op-support-group details[hidden],.op-support-toc[hidden],.op-support-toc a[hidden]{display:none!important}
    @media(max-width:420px){.op-faq-search{padding:18px}.op-faq-search-row{flex-wrap:wrap}.op-faq-search input{flex-basis:100%}.op-faq-search button{width:100%}}
  
html[data-op-ebook="unified"] .op-ebook-visual{height:492px!important;min-height:492px!important;align-items:center!important;overflow:hidden!important}
html[data-op-ebook="unified"] .op-ebook-visual>.oe-book-stage{height:492px!important;min-height:0!important;padding:12px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-op-ebook="unified"] .op-ebook-visual .op-consumer-cover{width:330px!important;max-width:100%!important;flex:none!important}
.op-ebook-preview__stage img,.op-ebook-preview__thumbs img{aspect-ratio:595/842;height:auto;object-fit:contain}
@media(max-width:600px){html[data-op-ebook="unified"] .op-ebook-visual,html[data-op-ebook="unified"] .op-ebook-visual>.oe-book-stage{height:407px!important;min-height:407px!important}html[data-op-ebook="unified"] .op-ebook-visual .op-consumer-cover{width:270px!important}}

/* Reserve the real transparent logo ratio before its lazy image loads. */
img[src*="6a67ac644a9a051cfcc7568f_omgevingspro-logo-transparant.png"]{aspect-ratio:1983/793}

img[src*="6a67aeb2eeb0bd4632d3721c_omgevingspro-logo-header"]{aspect-ratio:2047/857}
html[data-op-ebook="unified"] main>section:first-child{min-height:max(700px,calc(100svh - 64px))!important}

/* Match the eventual FAQ search block before it is inserted. */
.op-support-main:not(:has(.op-faq-search)) .op-support-toc{margin-top:266.625px}
@media(max-width:420px){.op-support-main:not(:has(.op-faq-search)) .op-support-toc{margin-top:278.9375px}}

/* Keep the next package section outside the initial hero while enhancements mount. */
.pk-hero{box-sizing:border-box;min-height:max(700px,calc(100svh - 64px))!important}