/* Home accents occupy their own row, outside the website composition. */
/* Independent hover surface keeps pointer tilt separate from scroll and arrival. */
.hero-demo-hover{transform-origin:50% 50%}
/* Adjacent sections share one boundary, without a box around empty spacing. */
.quality-section+.quality-section{border-top:0}
.page-inner .section{border-top:0}
.page-inner .section.quality-section:not(.cta-section):not(.ai-section){border-bottom:0}
/* Lists read as carefully spaced rows, with check marks for deliverables. */
.prose>ul{list-style:none;padding:0;margin:0 0 28px}
.prose>ul>li{position:relative;padding:18px 0 18px 42px;margin:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:.94rem;line-height:1.7}
.prose>ul>li:first-child{padding-top:0}
.prose>ul>li::before{content:'';position:absolute;left:0;top:20px;width:24px;height:24px;border:1px solid #cdd8f4;background:#edf1fc;border-radius:7px}
.prose>ul>li::after{content:'↗';position:absolute;left:0;top:20px;width:24px;height:24px;text-align:center;color:var(--blue);font:500 16px/24px var(--font)}
.prose>ul>li:first-child::before,.prose>ul>li:first-child::after{top:2px}
#oplevering .prose>ul>li::after,#beheer .prose>ul>li::after,#aanbod .prose>ul>li::after{content:'';width:6px;height:10px;left:9px;top:26px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:rotate(45deg)}
#oplevering .prose>ul>li:first-child::after,#beheer .prose>ul>li:first-child::after,#aanbod .prose>ul>li:first-child::after{top:8px}
.prose>ul+p{font-size:.9rem;line-height:1.75}
@media(max-width:700px){.prose>ul>li{padding-left:38px;font-size:.93rem}}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .hero-demo:not(.hero-hover-ready) .hero-demo-hover{transition:transform .75s cubic-bezier(.22,1,.36,1)}
  .hero-demo:not(.hero-hover-ready):is(:hover,:focus-visible) .hero-demo-hover{transform:translateY(-9px) rotate(1deg)}
  .hero-hover-ready .hero-demo-hover{will-change:transform}
}
.hero-visual{min-height:0}.hero-composition{height:600px;position:relative;isolation:isolate}.hero-demo-primary{top:55px;left:0;width:95%}.hero-demo-secondary{bottom:0;right:0;width:46%}.visual-blue{inset:30px 0 15px 22px}.visual-accessories{display:flex;align-items:center;justify-content:space-between;gap:24px;height:62px;margin-top:52px;position:relative}.visual-accessories::after{content:'';height:1px;background:var(--line);flex:1;order:1}.visual-accessories .visual-arrow{position:relative;inset:auto;width:62px;height:62px;font-size:42px;flex-shrink:0;box-shadow:0 4px 0 var(--ink);order:0}.visual-accessories .visual-mark{position:relative;inset:auto;width:50px;height:50px;flex-shrink:0;order:2}
/* A complete scene changes with each hosting choice. */
.hosting-stage{height:350px;width:100%;position:relative}.hosting-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hosting-scene[hidden]{display:none}.hosting-stage .server-stack{margin:0}.hosting-stage .hosting-orbit{inset:10px 0 15px}.hosting-stage .hosting-small{bottom:30px}.hosting-stage .hosting-shield{top:10px}.service-hosting[data-hosting-mode=updates] .service-backdrop{background:#eee5d9}.service-hosting[data-hosting-mode=backups] .service-backdrop{background:#e5ebd5}.service-hosting .service-backdrop{transition:background .3s}.maintenance-orbit{position:absolute;inset:10px 25px;border:1px dashed #bdac965e;border-radius:50%;rotate:-18deg}.maintenance-window{width:315px;background:#fff;border:1px solid #d8d3cd;border-radius:14px;box-shadow:0 24px 40px #493e3026;transform:rotate(-7deg);position:relative;z-index:1;overflow:hidden}.maintenance-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e9e5e0;font-size:9px;color:#52616c}.maintenance-preview{padding:24px 22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;height:160px}.maintenance-image{height:104px;border-radius:55px 55px 7px 7px;background:#cdd6ad;position:relative;overflow:hidden}.maintenance-image::before{content:'';position:absolute;inset:40px -5px -30px;background:#a9bd8c;border-radius:50%;rotate:30deg}.maintenance-image::after{content:'';position:absolute;width:55px;height:100px;left:40px;top:33px;border:1px solid #687c57;border-radius:100% 0;rotate:-30deg}.maintenance-lines i{display:block;height:8px;margin:8px 0;border-radius:5px;background:#8998aa}.maintenance-lines i:nth-child(2){width:85%}.maintenance-lines i:nth-child(3){width:65%;height:5px;background:#d6dce4}.maintenance-lines>span{display:block;width:60px;height:22px;border-radius:15px;background:var(--blue);margin-top:17px}.maintenance-tools{display:flex;gap:11px;background:#f6f7f9;padding:14px 17px;border-top:1px solid #e6e9ed}.maintenance-tools>span{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #dbe2eb;border-radius:7px;background:#fff;font-size:10px;color:var(--ink)}.maintenance-tools svg{width:16px;height:16px;color:var(--blue)}.maintenance-wrench{position:absolute;right:15px;top:28px;z-index:2;width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:var(--blue);color:white;rotate:13deg;box-shadow:0 16px 25px #243e7d30}.maintenance-wrench svg{width:63px;height:63px}.maintenance-piece{position:absolute;width:34px;height:34px;border:1px solid #bccb95;border-radius:10px;background:var(--lime);rotate:17deg;left:17px;bottom:28px}.maintenance-piece-two{width:16px;height:16px;left:auto;right:40px;bottom:40px;border-radius:50%;background:white;border-color:#c8c2b7}
.backup-archive{position:relative;width:292px;height:272px;transform:rotate(-7deg);z-index:1}.backup-sheet{position:absolute;background:#fff;border:1px solid #cbd7bf;border-radius:9px;width:204px;height:191px;left:38px;top:10px;box-shadow:0 10px 25px #32432a16;padding:21px}.backup-sheet-back{rotate:15deg;translate:21px -10px;background:#eff3e8}.backup-sheet-middle{rotate:5deg;translate:8px -2px;background:#f8faf5}.backup-sheet-front{rotate:-6deg;translate:-7px 12px}.backup-sheet-front>div{display:flex;align-items:center;gap:10px;font:600 16px var(--display);margin-bottom:25px}.backup-sheet-front>div svg{width:22px;height:22px;color:var(--blue)}.backup-sheet>i{display:block;height:6px;background:#c1ccd8;border-radius:4px;margin:9px 0}.backup-sheet>i:nth-of-type(2){width:65%}.backup-sheet>span{display:block;width:60%;height:25px;border:1px solid #e0e5ed;background:#f6f8fa;border-radius:5px;margin-top:17px}.backup-folder{position:absolute;inset:125px 0 0;border:1px solid #5472a1;background:linear-gradient(135deg,#395d95,#183557);border-radius:8px 20px 17px 17px;box-shadow:0 16px 25px #20355a33;display:flex;align-items:end;justify-content:space-between;padding:25px;color:#fff}.backup-folder::before{content:'';width:98px;height:20px;position:absolute;left:-1px;top:-19px;background:#395d95;border:1px solid #5472a1;border-bottom:0;border-radius:10px 15px 0 0}.backup-folder>span{font:500 22px var(--display);letter-spacing:-.04em}.backup-folder>b{height:36px;width:36px;display:grid;place-items:center;color:var(--lime)}.backup-folder svg{height:30px;width:30px}.backup-restore{position:absolute;z-index:2;right:4px;top:23px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:1px solid #c3d377;box-shadow:0 14px 28px #40512626;rotate:14deg}.backup-restore svg{width:69px;height:69px}.backup-dotted-path{position:absolute;width:350px;height:295px;border:1px dashed #9aaf85;border-radius:50%;rotate:16deg;max-width:95%}
/* The live WordPress example. Controls and sample content have separate scopes. */
.service-editor{min-height:710px;padding-top:65px;padding-bottom:15px}.service-editor .service-backdrop{inset:100px -5px 100px 0}.service-editor .service-ring{inset:60px 0 60px}.service-editor .service-browser{width:100%;max-width:450px}.editor-preview{--editor-paper:#f0f2e8;--editor-ink:#203d31;--editor-radius:12px;--editor-font:var(--display);color:var(--editor-ink);background:var(--editor-paper)}.service-editor[data-visual-theme=clay] .editor-preview{--editor-paper:#f1dfcb;--editor-ink:#633e2a}.service-editor[data-visual-theme=night] .editor-preview{--editor-paper:#1c2f3b;--editor-ink:#f3eee5}.service-editor[data-preview-font=classic] .editor-preview{--editor-font:Georgia,serif}.service-editor[data-preview-corners=sharp] .editor-preview{--editor-radius:0px}.editor-brand{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font:700 23px/1 var(--display);letter-spacing:-.055em}.editor-brand>span{font:400 9px var(--font);letter-spacing:0}.editor-preview-body{position:relative;height:314px;display:grid;grid-template-rows:130px 1fr;padding:0 13px 0}.editor-media{position:relative;overflow:hidden;border-radius:var(--editor-radius)}.editor-media>[data-photo-content]{height:100%;width:100%}.editor-media img{width:100%;height:100%;object-fit:cover}.editor-preview-content{min-width:0;padding:15px 7px 18px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.editor-preview-content>p{margin:0;overflow-wrap:anywhere}.editor-preview-content>[data-editor-value=title]{font:600 27px/1.04 var(--editor-font);letter-spacing:-.055em;max-width:100%}.editor-preview-content>[data-editor-value=subtitle]{font-size:10px;line-height:1.4;max-width:100%}.editor-preview-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;background:var(--editor-ink);color:var(--editor-paper);padding:8px 12px;border-radius:var(--editor-radius);font-size:9px;line-height:1.2;text-decoration:none;max-width:100%}.editor-preview-cta>span:first-child{overflow-wrap:anywhere}.editor-preview-cta>span:last-child{font-size:15px}.service-editor[data-title-length=long] [data-editor-value=title]{font-size:21px}.service-editor[data-preview-font=classic] [data-editor-value=title]{font-weight:400;letter-spacing:-.045em}.service-editor[data-preview-layout=split] .editor-preview-body{grid-template-columns:.95fr 1.05fr;grid-template-rows:1fr;padding-bottom:13px;gap:13px}.service-editor[data-preview-layout=split] .editor-preview-content{padding:13px 7px 13px 0;gap:13px}.service-editor[data-preview-layout=split] [data-editor-value=title]{font-size:25px}.service-editor[data-preview-layout=split][data-title-length=long] [data-editor-value=title]{font-size:19px}.service-editor[data-preview-layout=cover] .editor-preview-body{display:flex;align-items:end;margin:0 13px 13px;padding:0;isolation:isolate;border-radius:var(--editor-radius);overflow:hidden;height:301px}.service-editor[data-preview-layout=cover] .editor-media{position:absolute;inset:0;z-index:-2}.service-editor[data-preview-layout=cover] .editor-preview-content{width:100%;color:white;padding:65px 23px 22px;background:linear-gradient(transparent,#071412d9 50%,#071412ed)}.service-editor[data-preview-layout=cover] .editor-preview-cta{background:var(--editor-paper);color:var(--editor-ink)}
.service-editor .editor-controls{width:340px;max-width:100%;padding:17px 19px;margin:-3px -12px 0 auto;transform:none;border-radius:13px}.editor-controls-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;margin-bottom:13px}.editor-controls-heading>button{display:flex;align-items:center;gap:4px;background:transparent;border:0;color:#52616c;padding:3px 0;font-size:15px}.editor-controls-heading>button>span{font-size:10px;font-weight:400}.editor-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe4ec;padding-bottom:7px}.editor-tabs>button{flex:1;background:transparent;border:0;border-radius:5px;color:#52616c;font-size:11px;padding:8px 4px}.editor-tabs>button[aria-selected=true]{background:#edf1ff;color:var(--blue);font-weight:600}.editor-panel{min-height:185px;padding-top:13px}.editor-panel[hidden]{display:none}.editor-panel label{margin-bottom:5px;font-size:10px;line-height:1.2}.editor-panel input{padding:7px 9px;min-height:32px;font-size:11px;line-height:1.3;margin-bottom:10px;border-radius:5px}.editor-panel input:last-child{margin-bottom:0}.editor-option{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:10px}.editor-option:last-child{margin:0}.editor-option .style-picker{margin:0}.editor-segments{display:flex;gap:3px;background:#f1f4f9;border:1px solid #dce3ed;border-radius:7px;padding:3px}.editor-segments button{border:0;background:transparent;color:#52616c;padding:5px 11px;border-radius:4px;font-size:10px}.editor-segments button[aria-pressed=true]{background:var(--blue);color:white}.editor-photo-choices{display:flex;gap:7px}.editor-photo-choices button{display:flex;gap:5px;align-items:center;background:white;border:1px solid #c8d2df;color:var(--ink);font-size:10px;border-radius:5px;padding:4px 7px 4px 4px}.editor-photo-choices button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.photo-chip{width:25px;height:25px;border-radius:3px;background-position:center;background-size:cover}.photo-chip-garden{background-image:url('/assets/images/buiten-320.avif')}.photo-chip-interior{background-image:url('/assets/images/helder-320.avif')}.editor-panel-label{font-size:11px;color:var(--muted);margin:1px 0 15px}.editor-layout-choices{display:flex;gap:7px}.editor-layout-choices>button{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;min-width:0;padding:9px 6px;border:1px solid #c8d2df;border-radius:7px;background:#f8fafc;font-size:9px;color:var(--ink)}.editor-layout-choices>button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f0f4ff}.layout-thumb{width:100%;height:62px;background:white;border:1px solid #dce3ed;border-radius:3px;padding:6px;display:grid;grid-template-columns:1fr;grid-template-rows:32px 4px 4px;gap:4px}.layout-thumb>i{background:#a8ba99;border-radius:2px}.layout-thumb>b{background:#b3bed0;border-radius:2px}.layout-thumb>b:last-child{width:68%}.layout-thumb-split{grid-template-columns:1fr 1fr;grid-template-rows:4px 4px 1fr;align-content:center}.layout-thumb-split>i{grid-row:1/4;min-height:48px}.layout-thumb-cover{background:#a8ba99;display:flex;flex-direction:column;justify-content:end}.layout-thumb-cover>i{display:none}.layout-thumb-cover>b{height:4px;width:100%;background:white}.editor-layout-note{font-size:10px;color:var(--muted);margin:14px 0 0}
@media(max-width:1150px){.hero-composition{height:570px}.hero-demo-primary{top:62px}.hero-demo-secondary{bottom:0}.visual-accessories{margin-top:48px}.maintenance-window{width:280px}.maintenance-wrench{right:0;width:86px;height:86px}.maintenance-wrench svg{width:54px;height:54px}.backup-archive{scale:.9}.backup-restore{width:90px;height:90px;right:0}.backup-restore svg{width:57px;height:57px}.editor-preview-content>[data-editor-value=title]{font-size:25px}.service-editor .editor-controls{margin-right:0;width:320px}.service-editor[data-preview-layout=split] [data-editor-value=title]{font-size:22px}.service-editor[data-preview-layout=split][data-title-length=long] [data-editor-value=title]{font-size:18px}}
@media(max-width:950px){.hero-composition{height:595px}.hero-demo-primary{width:95%;left:0;top:58px}.hero-demo-secondary{width:45%;right:0;bottom:0}.visual-accessories{margin-top:46px}.service-editor{width:min(510px,100%)}.service-editor .service-backdrop{inset-inline:0}.service-editor .editor-controls{width:340px;margin-right:0}.maintenance-window{width:315px}.maintenance-wrench{right:12px;width:95px;height:95px}.backup-archive{scale:1}.backup-restore{width:100px;height:100px;right:5px}}
@media(max-width:700px){.hero-composition{height:420px}.hero-demo-primary{top:44px;width:90%;left:0}.hero-demo-secondary{width:47%;bottom:0;right:0}.visual-blue{inset:22px 0 7px 12px}.visual-accessories{margin-top:32px;height:51px;gap:22px}.visual-accessories .visual-arrow{width:50px;height:50px;font-size:35px}.visual-accessories .visual-mark{width:43px;height:43px}.hero-visual{min-height:0;margin-top:10px}.hosting-stage{height:315px}.hosting-stage .server-stack{scale:.88}.hosting-stage .hosting-orbit{inset:10px 0}.maintenance-window{width:260px}.maintenance-preview{padding:20px 17px;gap:16px;height:145px}.maintenance-bar{padding:12px 13px;font-size:8px}.maintenance-tools{gap:7px;padding:12px}.maintenance-tools>span{font-size:9px;padding:7px 9px;gap:6px}.maintenance-tools svg{width:14px;height:14px}.maintenance-wrench{width:78px;height:78px;right:0;top:11px;border-radius:23px}.maintenance-wrench svg{width:49px;height:49px}.maintenance-piece-one{left:2px;bottom:10px;width:28px;height:28px}.backup-archive{scale:.82}.backup-restore{width:83px;height:83px;right:0;top:19px}.backup-restore svg{width:51px;height:51px}.backup-dotted-path{width:100%;height:270px}.service-editor{min-height:700px;padding:57px 8px 15px}.service-editor .editor-controls{width:100%;max-width:330px;margin:0 auto;padding:15px 17px;border-radius:0 0 12px 12px;box-shadow:0 15px 30px #20385c16}.service-editor .service-browser{border-radius:12px 12px 0 0}.editor-brand{padding:14px 16px;font-size:21px}.editor-preview-body{height:310px;grid-template-rows:120px 1fr;padding-inline:11px}.editor-preview-content{padding:14px 5px 17px;gap:9px}.editor-preview-content>[data-editor-value=title]{font-size:25px}.editor-preview-content>[data-editor-value=subtitle]{font-size:10px}.editor-preview-cta{font-size:9px;padding:8px 10px;gap:11px}.service-editor[data-preview-layout=split] .editor-preview-body{gap:12px;padding-bottom:11px}.service-editor[data-preview-layout=split] .editor-preview-content{padding-right:0;gap:13px}.service-editor[data-preview-layout=split] [data-editor-value=title]{font-size:22px}.service-editor[data-preview-layout=split][data-title-length=long] [data-editor-value=title]{font-size:17px}.service-editor[data-preview-layout=cover] .editor-preview-body{margin:0 11px 11px;height:299px}.service-editor[data-preview-layout=cover] .editor-preview-content{padding-inline:18px}.editor-panel{min-height:184px}.editor-panel input{font-size:16px;min-height:34px;padding:5px 8px}.editor-controls-heading{font-size:11px}.editor-tabs>button{padding-block:8px}.editor-option{margin-bottom:11px}}
@media(max-width:370px){.hero-composition{height:385px}.hero-demo-primary{top:42px;width:90%}.hero-demo-secondary{width:47%;right:0;bottom:0}.visual-accessories{margin-top:29px}.maintenance-window{width:231px}.maintenance-preview{height:132px;padding:17px 15px;gap:13px}.maintenance-image{height:91px}.maintenance-tools{gap:5px;padding:10px}.maintenance-tools>span{font-size:8px;padding:6px 8px}.maintenance-wrench{width:68px;height:68px;top:16px}.maintenance-wrench svg{width:42px;height:42px}.backup-archive{scale:.75}.backup-restore{width:74px;height:74px;top:29px}.backup-restore svg{width:45px;height:45px}.editor-brand{font-size:20px}.editor-preview-content>[data-editor-value=title]{font-size:23px}.service-editor[data-preview-layout=split] [data-editor-value=title]{font-size:20px}.service-editor[data-preview-layout=split][data-title-length=long] [data-editor-value=title]{font-size:16px}.editor-preview-cta{font-size:8px;gap:8px}.editor-panel input{font-size:16px}.editor-controls-heading{font-size:11px}.editor-panel{min-height:184px}.editor-option{font-size:9px}.editor-segments button{padding-inline:10px}.editor-photo-choices button{font-size:9px}.layout-thumb{height:56px;grid-template-rows:26px 4px 4px}.layout-thumb-split{grid-template-rows:4px 4px 1fr}.layout-thumb-split>i{min-height:42px}}
@media(prefers-reduced-motion:no-preference){.hosting-scene:not([hidden]){animation:hosting-scene-arrive .4s cubic-bezier(.2,.75,.25,1) both}@keyframes hosting-scene-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}.editor-preview{transition:background .2s,color .2s}}
@media(prefers-reduced-motion:reduce){.service-hosting .service-backdrop,.editor-preview{transition:none}.hosting-scene{animation:none!important}}
/* Long visitor text may grow the stacked sample, just as a real page does. */
.editor-preview-cta>span:first-child{min-width:0}
.service-editor[data-preview-layout=stacked] .editor-preview-body{height:auto;min-height:314px;grid-template-rows:130px auto}
.service-editor[data-preview-layout=stacked] .editor-preview-content{min-height:184px}
@media(max-width:700px){.service-editor[data-preview-layout=stacked] .editor-preview-body{min-height:310px;grid-template-rows:120px auto}.service-editor[data-preview-layout=stacked] .editor-preview-content{min-height:190px}}