:root{--blue:#0759e6;--blue-dark:#0647b7;--blue-soft:#eaf2ff;--green:#087c55;--ink:#101828;--muted:#4b5565;--line:#dbe1e8;--surface:#f4f7fa;--white:#fff;--max:1180px;--shadow:0 8px 24px #10182817;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--white);color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif;font-size:1rem;line-height:1.65}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;line-height:1.08}h1{max-width:780px;font-size:clamp(3rem,7vw,5.8rem);font-weight:800}h2{margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,4.35rem);font-weight:750}h3{font-size:1.18rem}p{text-wrap:pretty}:focus-visible{outline-offset:4px;outline:3px solid #ffbf47}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;width:100%;padding:1rem max(1.25rem, calc((100vw - var(--max)) / 2));background:#fffffff0;border-bottom:1px solid #dbe1e8d9;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.site-header nav{gap:2rem;font-size:.9rem;font-weight:650;display:flex}.site-header nav a:hover{color:var(--blue)}.site-header>.button{justify-self:end}.brand{letter-spacing:-.025em;align-items:center;gap:.7rem;font-size:1rem;display:inline-flex}.brand-mark{border:5px solid var(--blue);border-top-color:#0000;width:1.5rem;height:1.5rem;transform:rotate(45deg)}.button{cursor:pointer;border:0;border-radius:.55rem;justify-content:center;align-items:center;min-height:3.35rem;padding:.8rem 1.25rem;font-weight:750;transition:background .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--small{min-height:2.65rem;font-size:.85rem}.button--primary{background:var(--blue);color:var(--white)}.button--primary:hover{background:var(--blue-dark)}.button--light{background:var(--white);color:var(--ink)}.text-action{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:.65rem;padding:.25rem 0;font-weight:750;display:inline-flex}.text-action span{color:var(--blue)}.section-label{color:var(--blue);margin-bottom:1rem;font-size:.84rem;font-weight:800}.hero{min-height:min(830px,100vh - 76px);max-width:var(--max);grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(3rem,7vw,7rem);margin:0 auto;padding:clamp(5rem,9vw,8rem) 1.5rem;display:grid}.hero__lead{max-width:610px;color:var(--muted);margin-bottom:2.1rem;font-size:clamp(1.1rem,2vw,1.28rem)}.hero__actions{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.hero__trust{color:var(--muted);flex-wrap:wrap;gap:.7rem 1.5rem;margin:2.4rem 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.hero__trust li:before{content:"✓";color:var(--green);margin-right:.5rem;font-weight:800}.hero__visual{min-height:530px;position:relative}.hero__screen{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);position:absolute;overflow:hidden}.hero__screen--desktop{inset:0 0 4rem}.hero__screen--desktop img{object-fit:cover;object-position:top;width:100%;height:100%}.hero__screen--mobile{border:5px solid var(--ink);border-radius:1.2rem;width:23%;height:56%;bottom:0;right:-1.2rem}.hero__screen--mobile img{object-fit:cover;object-position:top;width:100%;height:100%}.route-note{border:1px solid var(--line);background:var(--white);align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex;position:absolute;bottom:1.5rem;left:-2.4rem;box-shadow:0 6px 12px #10182814}.route-note span{background:var(--green);width:2rem;height:2rem;color:var(--white);border-radius:50%;place-items:center;font-weight:800;display:grid}.route-note p{margin:0;font-size:.78rem;line-height:1.4}.signal-strip{border-block:1px solid var(--line);justify-content:center;display:flex}.signal-strip p{border-right:1px solid var(--line);width:min(33.333%,390px);color:var(--muted);margin:0;padding:1.2rem 2rem;font-size:.8rem;font-weight:650}.signal-strip p:first-child{border-left:1px solid var(--line)}.signal-strip span{color:var(--blue);margin-right:.8rem;font-weight:800}.section,.feedback-demo{max-width:var(--max);margin:0 auto;padding:clamp(5rem,10vw,9rem) 1.5rem}.feedback-demo__intro,.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;margin-bottom:3rem;display:grid}.feedback-demo__intro>div>p:last-child,.section-heading>p{max-width:590px;color:var(--muted)}.feedback-demo__intro>.text-action{justify-self:end;margin-bottom:1rem}.feedback-story{border:1px solid var(--line);background:var(--surface);min-height:610px;position:relative;overflow:hidden}.feedback-story__site{background:var(--white);box-shadow:var(--shadow);border:1px solid #cbd2dc;position:absolute;inset:3.25rem 18% 3.25rem 4%;overflow:hidden}.mini-browser__bar{border-bottom:1px solid var(--line);align-items:center;gap:.35rem;height:2.7rem;padding:0 .8rem;display:flex}.mini-browser__bar span{background:#cbd2dc;border-radius:50%;width:.55rem;height:.55rem}.mini-browser__bar p{color:var(--muted);margin:0 auto;font-size:.7rem}.sample-hero{height:calc(100% - 2.7rem);color:var(--white);background:linear-gradient(90deg,#06101cb8,#06101c1f),url(/project-showcase-photographer-desktop.png) 50%/cover;padding:2.2rem;position:relative}.sample-hero__brand{font-size:.75rem;font-weight:750}.sample-hero__copy{flex-direction:column;gap:1rem;max-width:440px;display:flex;position:absolute;top:34%;left:8%}.sample-hero__copy strong{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03}.story-selection{z-index:2;border:3px solid var(--blue);opacity:0;width:42%;height:28%;animation:selection-flow 12s var(--ease) infinite;position:absolute;top:35%;left:8.5%}.story-selection:before{background:var(--blue);color:var(--white);content:"Hoofdtitel";padding:.22rem .55rem;font-size:.7rem;font-weight:750;position:absolute;top:-1.8rem;left:-3px}.story-cursor{z-index:5;color:var(--white);filter:drop-shadow(0 2px 1px #00000080);opacity:0;animation:cursor-flow 12s var(--ease) infinite;font-size:2.5rem;position:absolute;top:70%;left:47%;transform:rotate(-25deg)}.story-message,.story-question,.story-preview{z-index:6;border:1px solid var(--line);background:var(--white);opacity:0;width:30%;padding:1.2rem;position:absolute;right:3%;box-shadow:0 6px 12px #10182814}.story-message{animation:message-flow 12s var(--ease) infinite;top:18%}.story-question{animation:question-flow 12s var(--ease) infinite;top:39%}.story-preview{animation:preview-flow 12s var(--ease) infinite;border-color:#8fceb5;top:60%}.story-message span,.story-question span,.story-preview span{color:var(--blue);font-size:.68rem;font-weight:800}.story-message p,.story-question p{margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.story-preview strong{margin-top:.45rem;font-size:1rem;display:block}@keyframes cursor-flow{5%{opacity:0;transform:translate(80px,90px)rotate(-25deg)}12%,22%{opacity:1;transform:translate(0)rotate(-25deg)}27%,to{opacity:0;transform:translate(0)rotate(-25deg)}}@keyframes selection-flow{0%,10%{opacity:0;transform:scale(.98)}16%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes message-flow{0%,22%{opacity:0;transform:translateY(15px)}29%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0}}@keyframes question-flow{0%,40%{opacity:0;transform:translateY(15px)}47%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0}}@keyframes preview-flow{0%,59%{opacity:0;transform:translateY(15px)}67%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0}}.sandbox[hidden]{display:none}.sandbox{border:1px solid var(--line);opacity:0;max-height:0;transition:max-height .7s var(--ease), opacity .22s ease;margin-top:1.2rem;overflow:hidden}.sandbox.is-open{opacity:1;max-height:900px}.sandbox__toolbar{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.82rem;display:flex}.sandbox__toolbar>div{align-items:center;gap:.55rem;display:flex}.status-dot{background:var(--green);border-radius:50%;width:.6rem;height:.6rem}.icon-button{cursor:pointer;background:0 0;border:0;width:2rem;height:2rem;font-size:1.5rem}.sandbox__workspace{grid-template-columns:1.35fr .65fr;min-height:560px;display:grid}.sandbox-site{border-right:1px solid var(--line);background:var(--white)}.sandbox-site__nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.3rem 1.7rem;font-size:.75rem;display:flex}.sandbox-site__hero{min-height:490px;color:var(--white);background:linear-gradient(90deg,#080f19bd,#080f192e),url(/lepetithayedesktop.png) 50%/cover;padding:clamp(3rem,7vw,6rem)}.selectable-element{max-width:540px;color:var(--white);cursor:crosshair;text-align:left;background:#00000026;border:2px solid #0000;padding:.5rem;font-size:clamp(2rem,4vw,3.8rem);font-weight:800;line-height:1.05}.selectable-element:hover,.selectable-element[aria-pressed=true]{background:#0759e647;border-color:#70a6ff}.sandbox-site__hero>p{max-width:450px;margin:1.4rem 0}.selectable-element--button{background:var(--white);color:var(--ink);border:2px solid #0000;border-radius:.35rem;padding:.8rem 1rem;font-size:.82rem}.sandbox-panel{background:var(--surface);padding:2rem}.sandbox-panel__step{color:var(--blue);font-size:.72rem;font-weight:800}.sandbox-stage{display:none}.sandbox-stage.is-active{animation:stage-in .34s var(--ease);display:block}@keyframes stage-in{0%{opacity:0;transform:translateY(8px)}}.sandbox-stage>p{color:var(--muted);font-size:.86rem}.sandbox-stage label:not(fieldset label){margin:1.2rem 0 .4rem;font-size:.8rem;font-weight:750;display:block}.sandbox-stage textarea{background:var(--white);width:100%;color:var(--ink);resize:vertical;border:1px solid #aeb8c6;border-radius:.4rem;padding:.8rem}.sandbox-stage .button{width:100%;margin-top:1rem}.sandbox-stage fieldset{border:0;gap:.65rem;margin:1.2rem 0 0;padding:0;display:grid}.sandbox-stage fieldset label{border:1px solid var(--line);background:var(--white);cursor:pointer;padding:.75rem;font-size:.82rem}.sandbox-result dl{margin:1.4rem 0}.sandbox-result dl div{border-bottom:1px solid var(--line);padding:.65rem 0}.sandbox-result dt{color:var(--muted);font-size:.7rem;font-weight:750}.sandbox-result dd{margin:.2rem 0 0;font-size:.82rem}.result-check{background:var(--green);width:2.5rem;height:2.5rem;color:var(--white);border-radius:50%;place-items:center;margin-bottom:1rem;font-weight:800;display:grid}.demo-note{font-size:.72rem!important}.project-list{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.project{border-bottom:1px solid var(--ink)}.project__image{aspect-ratio:4/3;background:var(--surface);overflow:hidden}.project__image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s var(--ease)}.project:hover img{transform:scale(1.025)}.project__meta{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem .25rem;font-size:.78rem;display:grid}.project__meta div{flex-direction:column;display:flex}.project__meta small{color:var(--muted)}.approach{grid-template-columns:.8fr 1.2fr;gap:7rem;display:grid}.approach__statement{align-self:start;position:sticky;top:8rem}.approach__statement>p:last-child{max-width:480px;color:var(--muted)}.approach__steps{margin:0;padding:0;list-style:none}.approach__steps li{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:2rem;padding:2rem 0;display:grid}.approach__steps li:last-child{border-bottom:1px solid var(--line)}.approach__steps span{color:var(--blue);font-size:.76rem;font-weight:800}.approach__steps h3{margin-bottom:.7rem}.approach__steps p{color:var(--muted);margin:0;font-size:.9rem}.proof{grid-template-columns:.8fr 1.2fr;align-items:end;gap:7rem;display:grid}.proof__track{gap:.7rem;display:grid}.proof__track div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.proof__track span{color:var(--muted);font-size:.75rem}.proof__track strong{font-size:.87rem}.proof__track i{width:1.7rem;height:1.7rem;color:var(--green);background:#dff5eb;border-radius:50%;place-items:center;font-style:normal;display:grid}.about{grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.about__portrait{aspect-ratio:4/5;background:var(--surface);overflow:hidden}.about__portrait img{object-fit:cover;width:100%;height:100%}.about__copy{max-width:650px}.about__copy>p:not(.section-label){color:var(--muted);font-size:1.1rem}.faq{grid-template-columns:.7fr 1.3fr;gap:7rem;display:grid}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:1.3rem 2.5rem 1.3rem 0;font-weight:750}.faq details p{max-width:680px;color:var(--muted);margin:0;padding:0 2rem 1.5rem 0}.contact{max-width:none;padding-inline:max(1.5rem, calc((100vw - var(--max)) / 2));background:var(--blue);color:var(--white);grid-template-columns:1fr 1fr;gap:8rem;display:grid}.contact .section-label{color:#c9dcff}.contact__action{align-self:end}.contact__action p{color:#e8f0ff;max-width:520px}footer{max-width:var(--max);color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:3rem;margin:0 auto;padding:2rem 1.5rem;font-size:.75rem;display:grid}footer p{margin:0}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:4rem}.hero__visual{min-height:480px}.feedback-demo__intro,.section-heading,.approach,.proof,.faq{grid-template-columns:1fr;gap:2.5rem}.feedback-demo__intro>.text-action{justify-self:start}.feedback-story{min-height:530px}.feedback-story__site{inset:2rem 9% 2rem 2rem}.story-message,.story-question,.story-preview{width:37%;right:1.5%}.sandbox__workspace{grid-template-columns:1fr}.sandbox-site{border-right:0;border-bottom:1px solid var(--line)}.sandbox-site__hero{min-height:400px}.project-list{grid-template-columns:1fr 1fr}.approach__statement{position:static}.contact{gap:3rem}}@media (width<=640px){h1{font-size:clamp(2.75rem,15vw,4.2rem)}h2{font-size:clamp(2.2rem,11vw,3.4rem)}.site-header{padding:.85rem 1rem}.site-header>.button{display:none}.hero,.section,.feedback-demo{padding-inline:1rem}.hero{min-height:auto;padding-block:4rem 5rem}.hero__actions{flex-direction:column;align-items:flex-start}.hero__visual{min-height:360px}.hero__screen--desktop{bottom:2rem;right:.75rem}.hero__screen--mobile{width:27%;right:0}.route-note{bottom:0;left:0}.signal-strip{display:block}.signal-strip p,.signal-strip p:first-child{border-right:0;border-bottom:1px solid var(--line);border-left:0;width:auto}.signal-strip p:last-child{border-bottom:0}.feedback-story{min-height:470px}.feedback-story__site{inset:1rem}.sample-hero{padding:1.25rem}.sample-hero__copy{top:30%}.story-selection{width:75%;height:24%;top:30%;left:6%}.story-message,.story-question,.story-preview{width:58%;padding:.8rem;right:4%}.story-message{top:57%}.story-question{top:70%}.story-preview{top:82%}.story-message p,.story-question p{display:none}.story-cursor{left:65%}.sandbox.is-open{max-height:1100px}.sandbox-site__nav span{display:none}.sandbox-site__hero{min-height:330px;padding:2.5rem 1.25rem}.selectable-element{font-size:2rem}.sandbox-panel{min-height:390px;padding:1.4rem}.project-list{grid-template-columns:1fr}.approach__steps li{grid-template-columns:1fr;gap:.75rem}.proof__track div{grid-template-columns:70px 1fr auto}.about{grid-template-columns:1fr}.about__portrait{max-width:340px}.contact{grid-template-columns:1fr;gap:2rem}footer{grid-template-columns:1fr;gap:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.story-selection,.story-message,.story-question,.story-preview{opacity:1}.story-cursor{display:none}}