/* MoreDone: één licht werkvlak. Lagen: inhoud 1, documenten 2, motor 3, navigatie 10. */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/geist-latin.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/geist-mono-latin.woff2') format('woff2')}
:root{--ink:#0E1B33;--ink-soft:#1B3156;--accent:#1B7BAB;--sky:#4DAEDC;--ice:#EEF6FB;--edge:rgba(27,49,86,.13);--gutter:clamp(24px,4.2vw,84px)}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--ice)}
body{background:var(--ice);color:var(--ink);font-family:Geist,Arial,sans-serif;overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button[hidden],[hidden]{display:none!important}
::selection{background:#87CCE8;color:var(--ink)}
.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-200%);z-index:20;background:white;padding:12px 20px}.skip-link:focus{transform:none}
.site-header{position:absolute;inset:0 0 auto;z-index:10;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:24px}
.brand img,.site-footer img{display:block;width:155px;height:auto}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{position:relative;padding-block:10px}.site-header nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav a:hover::after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:0 24px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:white;font-size:15px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.button span{font-size:23px;line-height:1}.button:hover{background:var(--ink-soft);transform:translateY(-2px);box-shadow:0 8px 20px #0e1b3314}.nav-cta{min-height:44px;background:transparent;color:var(--ink);font-size:13px;gap:20px;border-color:var(--edge)}.nav-cta:hover{background:white}
.journey{position:relative;background:radial-gradient(ellipse at 51% 55%,#fff 0%,#fff0 50%),radial-gradient(ellipse at 83% 82%,#87CCE866,transparent 55%),var(--ice)}
.opening{position:relative;min-height:980px;overflow:clip;padding-top:142px}.hero-copy{position:relative;z-index:2;text-align:center;padding:0 var(--gutter)}.eyebrow{font:400 12px/1.5 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:23px}
h1,h2,h3,h4{font-family:Geist,Arial,sans-serif}.hero-copy h1{font-weight:500;letter-spacing:-.065em;line-height:1.04}.hero-first{display:block;font-size:clamp(72px,7.7vw,152px)}.hero-second{display:block;font-size:clamp(54px,5.75vw,114px);color:var(--accent);margin-top:5px}.hero-description{font-size:clamp(16px,1.23vw,22px);line-height:1.6;margin:26px auto 23px;color:var(--ink-soft);max-width:640px}.hero-cta{position:relative;z-index:4}
.source-field{position:absolute;inset:auto 0 0;height:400px;pointer-events:none;perspective:1600px}.source-window{position:absolute;width:36vw;max-width:690px;height:265px;background:white;border:1px solid #d8e4ec;border-radius:9px;box-shadow:0 28px 65px -28px #1b315650,0 3px 8px #1b315609;overflow:hidden;transform-origin:50% 45%;color:var(--ink);text-align:left}.source-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#f8fcff;border-bottom:1px solid var(--edge);font-size:12px;font-weight:500;letter-spacing:0}.source-caption span:last-child{font:11px 'Geist Mono',monospace}.source-ui{width:760px;transform:scale(.72);transform-origin:top left;pointer-events:none}.source-law{left:-12%;top:88px;transform:rotate(-13deg);z-index:1}.source-mail{left:8%;top:30px;transform:rotate(-7deg);z-index:2}.source-pdf{left:33%;top:157px;transform:rotate(3deg);z-index:3;width:31vw}.source-xls{left:61%;top:27px;transform:rotate(8deg);z-index:2}.source-doc{left:83%;top:176px;transform:rotate(15deg);z-index:3}.source-dossier{left:17%;top:248px;transform:rotate(-11deg);z-index:4;width:27vw}.source-notes{left:65%;top:243px;width:24vw;transform:rotate(9deg);z-index:4}.note-content{padding:20px 28px}.note-content p{font-size:18px;font-weight:600;margin-bottom:13px}.note-content span{display:block;padding:7px 0;border-bottom:1px solid var(--edge);font-size:13px}.engine{position:absolute;z-index:3;bottom:283px;left:calc(50% - 56px);width:112px;height:112px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#e6f3fa);border:1px solid white;box-shadow:0 20px 50px #1b7bab25,inset 0 -5px 12px #4daedc16;transform:rotate(-7deg)}.engine img{width:88px;height:88px}
/* De bronvensters blijven de goedgekeurde bron-HTML; kleur wordt tot de huisstijl beperkt. */
.source-ui .of-tabs.groen,.source-ui .of-tabs.blauw,.source-ui .ol-top{background:var(--ink-soft);color:white}.source-ui .xl-bladen .aan{color:var(--ink)}.source-ui .ol-av{background:var(--ice)!important}.source-ui .ol-nieuw b,.source-ui .wb-nav{background:var(--accent)}.source-ui .ol-item.aan,.source-ui .xs .kies,.source-ui .wb-meta,.source-ui .wb-pad{background:#E6F3FA}.source-ui .of-tg,.source-ui .ds-docs i{background:var(--accent)!important}.source-ui .ds-status{background:var(--ice);color:var(--ink)}.source-ui .xs .kies{outline-color:var(--accent)}