/* Approved Elk identity 02. Product semantics and validation colours remain local. */
:root{--paper:#f7f9fc;--ink:#152c42;--muted:#52687c;--teal:#20496b;--mint:#e7edf3;--purple:#e7edf3;--peach:#edf2f7;--coral:#b9d4e8;--orange:#ff6600;--action:#20496b;--action-hover:#16364f;--line:#c5d3de;--kop:'Public Sans',Arial,sans-serif;--bank:#f7f9fc;--vel:#fff;--fhir:#edf2f7;--inkt:#152c42;--potlood:#52687c;--lijn:#c5d3de;--lijn-zacht:#e0e7ee;--revisie:#ff6600;--site-night:#20496b;--site-paper:#f7f9fc;--site-orange:#ff6600}
body{background:#f7f9fc;font-family:'Public Sans',Arial,sans-serif}h1,h2,h3{font-family:'Public Sans',Arial,sans-serif;font-weight:700}h2{letter-spacing:-.035em}.mast,.marketing-mast{background:#20496b;color:#fff;border-color:#537692;padding-inline:24px}.mast a,.mast .merk,.mast small,.mast .nav a,.marketing-mast a,.marketing-mast small{color:#fff}.merk .teken,.product-merk .teken{width:58px;height:42px}.blad{max-width:1440px}.accent svg,.accent-word svg{display:none}.family-details{padding-block:40px}.family-details > .kopij,.family-details > .hero-copy{display:none}.family-details{display:block!important}.family-details .werkvlak,.family-details .hero-demo{max-width:100%;width:100%}.family-details iframe{min-height:440px}a,button{transition:background-color 160ms,color 160ms,transform 160ms}a:focus-visible,button:focus-visible{outline:3px solid #ff6600;outline-offset:4px}@media(hover:hover) and (pointer:fine){button:active,.knop:active{transform:translateY(1px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

body.marketing{--paper:#f7f9fc;--ink:#152c42;--muted:#52687c;--teal:#20496b;--mint:#e7edf3;--purple:#e7edf3;--peach:#edf2f7;--coral:#b9d4e8;--action:#20496b;--line:#c5d3de;--lees:"Public Sans",Arial,sans-serif}.marketing .marketing-mast a,.marketing #marketing-nav a,.marketing .product-merk{color:#fff}.marketing .family-hero{padding:48px 32px}.marketing .family-hero h1{font-family:"Public Sans",Arial,sans-serif;color:#fff;font-weight:700;font-size:clamp(40px,4.5vw,64px);line-height:1.06;margin-bottom:28px}.marketing .family-hero h1 em{font-style:normal;color:#b9d4e8}.marketing .family-hero .actions a{color:#fff}.marketing .family-hero .actions .primary{color:#152c42}.marketing .family-hero .lead{margin:0 0 28px}.marketing .family-hero .scene svg .light{fill:#e7f1fb}@media(max-width:760px){.marketing .family-hero{padding:32px 16px}.marketing .family-hero h1{font-size:42px}.marketing .marketing-mast{padding-inline:16px}}
.marketing .family-hero .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr)}.marketing .family-hero .hero-grid>div{min-width:0}.marketing .family-hero .stages{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing .family-hero .stages button{min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.marketing .family-hero .hero-grid{grid-template-columns:minmax(0,1fr)}.marketing .family-hero h1{font-size:clamp(30px,9vw,42px);overflow-wrap:anywhere}.marketing .family-hero .controls{gap:8px}.marketing .family-hero .stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand-page-mark{display:flex;gap:8px;align-items:center;width:180px;height:52px;margin:16px 0 24px;position:relative}.brand-page-mark:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:#ff6600}.brand-page-mark span{display:block;width:42px;height:48px;border:1px solid #537692;background:#e7edf3;position:relative}.brand-page-mark span:after{content:"";position:absolute;left:9px;right:9px;top:15px;height:10px;border-block:1px solid #537692}.brand-page-mark.steps span:nth-child(2){height:38px}.brand-page-mark.steps span:nth-child(3){height:28px}.brand-page-mark.branch span:first-child{margin-right:20px;background:#b9d4e8}.brand-page-mark.compare span:nth-child(2){margin-left:-22px;transform:translateY(5px)}

/* Compact product anatomy replaces the generic three rectangles. */
.brand-page-mark.context-page-mark{display:block;width:min(100%,360px);height:auto;aspect-ratio:900/620;margin:20px 0 24px;padding:0;border:0;background:#20496b;overflow:hidden}.context-page-mark::before,.context-page-mark::after{display:none}.context-page-mark svg{display:block;width:100%;height:auto}