:root{color:#18251f;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--green: #126b49;--ink: #123328;--lime: #dfff84}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--green);text-underline-offset:.2em}button,input,textarea{font:inherit}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 clamp(1rem,5vw,5rem);border-bottom:1px solid #dce4dd;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header[hidden]{display:none}.brand{color:var(--ink);font-size:1.45rem;font-weight:800;letter-spacing:-.06em;text-decoration:none}.brand span{color:#e3663c}nav,.builder-head{display:flex;gap:1.35rem;align-items:center}nav a{color:#30483e;font-weight:600;text-decoration:none}.button-link,.primary-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.8rem 1.15rem;color:#fff;background:var(--green);font-weight:750;text-decoration:none;cursor:pointer}.primary-cta{padding:1rem 1.4rem;box-shadow:0 10px 28px #126b492e}.primary-cta.compact{padding:.7rem 1rem}.primary-cta.light{color:var(--ink);background:var(--lime)}.primary-cta.wide{width:100%}.eyebrow{margin:0 0 .75rem;color:#56806e;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{font-family:inherit}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:center;max-width:1240px;min-height:680px;margin:auto;padding:5rem clamp(1.2rem,5vw,5rem)}.marketing-copy h1{max-width:800px;margin:0;color:var(--ink);font-size:clamp(3rem,7vw,6.3rem);line-height:.98;letter-spacing:-.075em}.marketing-copy h1 span{color:var(--green)}.marketing-copy>p:not(.eyebrow,.trust-line){max-width:650px;margin:1.7rem 0;color:#50645b;font-size:1.2rem;line-height:1.7}.hero-actions{display:flex;gap:1.25rem;align-items:center;margin-top:2rem}.hero-actions>a:last-child{font-weight:700}.trust-line{color:#6c7d75;font-size:.86rem}.price-card{padding:2rem;border:1px solid #d8e2da;border-radius:1.5rem;background:#fff;box-shadow:0 24px 70px #1a392c1a;transform:rotate(1.5deg)}.price-card p{margin:0;color:#5b7167;font-weight:700}.price-card strong{display:block;color:var(--ink);font-size:5rem;letter-spacing:-.08em}.price-card sup{font-size:2rem}.price-card>span{color:#67766f}.price-card ul{display:grid;gap:.8rem;margin:1.8rem 0 0;padding:1.5rem 0 0;border-top:1px solid #e2e8e3;list-style:none}.price-card li:before{content:"✓";margin-right:.65rem;color:var(--green);font-weight:900}.how{padding:6rem clamp(1.2rem,7vw,7rem);background:#eaf1ec;text-align:center}.how h2,.template-callout h2{max-width:720px;margin:0 auto 3rem;color:var(--ink);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.045em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;margin:auto;text-align:left}.steps article{padding:2rem;border-radius:1.2rem;background:#fff}.steps b{color:#e3663c}.steps h3{margin:1.5rem 0 .5rem;font-size:1.35rem}.steps p{color:#617269;line-height:1.6}.template-callout{display:flex;gap:3rem;align-items:center;justify-content:space-between;padding:5rem max(1.2rem,calc((100vw - 1100px)/2));color:#fff;background:var(--ink)}.template-callout h2{margin:0 0 1rem;color:#fff}.template-callout p:not(.eyebrow){max-width:720px;color:#c8d5cf;line-height:1.65}.auth-shell{display:grid;place-items:start center;min-height:calc(100vh - 76px);padding:clamp(2rem,7vh,5rem) 1rem;background:radial-gradient(circle at 50% 0,#e4eee6,transparent 55%)}.auth-card{width:min(100%,520px);padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #d9e2da;border-radius:1rem;background:#fff;box-shadow:0 18px 60px #193a2b14}.auth-card h1{margin:0;color:var(--ink);font-size:clamp(2rem,7vw,2.8rem);line-height:1;letter-spacing:-.05em}.intro{margin:1rem 0 1.75rem;color:#526159;line-height:1.55}form{display:grid;gap:.65rem}label{margin-top:.4rem;font-weight:700}input,textarea{width:100%;border:1px solid #bac8bf;border-radius:.55rem;padding:.8rem .9rem;color:inherit;background:#fff}input:focus,textarea:focus,button:focus,a:focus,[contenteditable]:focus{outline:3px solid #9ed4bc;outline-offset:2px}form button,.auth-card>button{margin-top:.75rem;border:0;border-radius:.55rem;padding:.85rem 1rem;color:#fff;background:var(--green);font-weight:750;cursor:pointer}.auth-card>button{width:100%}button:disabled{cursor:not-allowed;opacity:.55}.danger{color:#8d2727!important;background:#f8e9e7!important}.hint,.privacy-note{margin:-.15rem 0 .2rem;color:#66756d;font-size:.85rem;line-height:1.45}.privacy-note{margin-top:1rem}.forgot{justify-self:end;font-size:.9rem}.switch{margin:1.4rem 0 0;text-align:center;color:#5d6b64}.secondary-action{display:block;margin-top:.8rem;border:1px solid #b8cabe;border-radius:.55rem;padding:.75rem 1rem;color:#174a35;background:#f2f7f3;font-weight:700;text-align:center;text-decoration:none}.status{min-height:1.5rem;margin-top:1rem;line-height:1.45}.status[data-kind=error]{color:#a32929}.status[data-kind=success]{color:#12613f}.summary,.purchase-summary{display:grid;gap:.5rem;margin-bottom:1rem;padding:1rem;border-radius:.65rem;background:#eef4ef}.purchase-summary span{color:var(--green);font-size:1.4rem;font-weight:800}.purchase-summary small{color:#64756c}.purchase-actions{display:grid;gap:.4rem}.local-pill{padding:.5rem .75rem;border-radius:999px;color:#3f6253;background:#eaf1ec;font-size:.8rem;font-weight:700}.builder-toolbar{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);color:#fff;background:#172c24}.builder-toolbar>div{display:flex;gap:.8rem;align-items:center}.builder-toolbar span{color:#aebdb6;font-size:.82rem}.tool-button{border:1px solid #63766d;border-radius:999px;padding:.65rem .9rem;color:#fff;background:transparent;cursor:pointer}.builder-note{padding:.7rem 1rem;color:#4e6459;background:#e9f3ec;text-align:center;font-size:.88rem}.site-canvas{max-width:1440px;margin:0 auto 5rem;background:#fff;box-shadow:0 20px 70px #122a201f;overflow:hidden}.template-top{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:160px;padding:2rem 8%;color:#fff;background:#101311}.template-dots{height:90px;opacity:.65;background-image:radial-gradient(circle,#ee654d 2px,transparent 3px);background-size:32px 32px}.template-brand [contenteditable]{font-size:2rem;font-weight:800}.template-tagline{text-align:right}.template-nav{display:flex;justify-content:center;gap:3rem;padding:1.2rem;color:#fff;background:#0b0d0c;font-weight:700}.image-slot{position:relative;background-size:cover;background-position:center}.image-slot:before{content:"";position:absolute;inset:0;background-image:var(--draft-image,linear-gradient(125deg,#8ca399,#344c42));background-size:cover;background-position:center}.template-hero{display:grid;place-items:center;min-height:520px}.template-hero:after,.template-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000052,#0000000d)}.image-controls{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;gap:.4rem}.image-upload,.remove-image{margin:0;border:0;border-radius:999px;padding:.55rem .8rem;color:#173b2d;background:#ffffffe6;font-size:.78rem;font-weight:800;cursor:pointer}.image-upload input{position:absolute;width:1px;height:1px;opacity:0}.hero-title{z-index:4;max-width:900px;color:#fff;font-size:clamp(2.4rem,6vw,5rem);text-align:center}.hero-title [contenteditable]{padding:.2em .35em;background:#d94b37}.template-intro{display:grid;gap:1.5rem;max-width:850px;min-height:500px;margin:auto;padding:6rem 2rem}.template-intro h2{color:#dc4a37;font-size:clamp(2rem,4vw,3rem)}.template-intro h3{font-size:1.6rem}.template-intro p{color:#cd4a3d;font-size:1.15rem;line-height:1.7}.template-feature{display:grid;place-items:center;min-height:610px;padding:4rem 1rem}.feature-panel{position:relative;z-index:3;width:min(90%,780px);padding:3rem;border-radius:.7rem;background:#ffffffe0;text-align:center}.feature-panel p{line-height:1.65}.service-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:2.5rem 8%}.service-row article{color:#d94b37;text-align:center}.service-row article>span{font-size:2rem}.service-row .editable-shell{margin-top:.5rem}.template-cta{padding:5rem 1rem;background:#eff0ee;text-align:center}.template-cta>.editable-shell{max-width:760px;margin:0 auto 1rem}.template-cta h2{color:#d94b37;font-size:clamp(2rem,4vw,3rem)}.cta-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:3rem auto 0}.cta-cards article{padding:2.5rem;border-radius:.7rem;background:#fff}.cta-cards article button{border:0;border-radius:.4rem;padding:.7rem 1rem;color:#fff;background:#d94b37;font-weight:800}.template-footer{min-height:260px;padding:4rem 10%;color:#fff;background:#101311}.template-footer>div{display:flex;justify-content:space-between;margin-top:3rem;color:#ee654d}.editable-shell{position:relative;min-width:80px}.editable-shell [contenteditable]{min-height:1.2em;margin:0;border-radius:.25rem}.editable-shell [contenteditable]:hover{outline:1px dashed currentColor;outline-offset:5px}.remove-block{position:absolute;z-index:8;top:-1.5rem;right:-.4rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;margin:0;border:0;border-radius:50%;color:#fff;background:#202a25;font-weight:900;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.editable-shell:hover .remove-block,.editable-shell:focus-within .remove-block{opacity:1}[hidden]{display:none!important}.editor-panel{position:sticky;top:0;z-index:14;border-bottom:1px solid #cad6ce;background:#f7f9f6f7;box-shadow:0 8px 30px #14302414}.page-tabs{display:flex;gap:.35rem;padding:.75rem clamp(1rem,4vw,4rem) 0;overflow-x:auto}.page-tabs button,.template-nav button{border:0;cursor:pointer;white-space:nowrap}.page-tabs button{border-radius:.5rem .5rem 0 0;padding:.65rem .9rem;color:#486056;background:#e7eee9;font-weight:700}.page-tabs button.active{color:#fff;background:var(--green)}.editor-settings,.add-blocks{display:flex;align-items:end;gap:.65rem;padding:.7rem clamp(1rem,4vw,4rem);overflow-x:auto}.editor-settings{border-top:1px solid #e0e7e2}.editor-settings>span{flex:1}.editor-settings label{display:grid;gap:.25rem;margin:0;color:#53675d;font-size:.72rem;font-weight:750;white-space:nowrap}.editor-settings input[type=text],#page-name{min-width:155px;padding:.45rem .6rem}.editor-settings input[type=color]{width:44px;height:36px;padding:3px;cursor:pointer}.header-upload{position:relative;display:block!important;border:1px solid #bdcbc2;border-radius:.45rem;padding:.55rem .7rem;color:#234a39!important;background:#fff;font-size:.78rem!important;cursor:pointer}.header-upload input{position:absolute;width:1px;height:1px;opacity:0}.tool-button.pale{border-color:#bdcbc2;color:#234a39;background:#fff}.add-blocks{align-items:center;padding-top:0}.add-blocks span{margin-right:.25rem;color:#65776e;font-size:.78rem;font-weight:800}.add-blocks button{border:1px solid #c5d2ca;border-radius:999px;padding:.48rem .7rem;color:#234a39;background:#fff;font-size:.78rem;font-weight:750;cursor:pointer}.editor-site{overflow:visible}.editable-site-header{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;align-items:center;min-height:175px;padding:2.5rem 7%;color:var(--header-text);background-color:var(--header-color);background-image:linear-gradient(#00000038,#00000038),var(--draft-image);background-position:center;background-size:cover}.site-brand-edit{font-size:2rem;font-weight:850}.editable-site-header>p{text-align:right}.editable-site-header [contenteditable],.template-footer [contenteditable]{border-radius:.3rem;white-space:pre-wrap}.editable-site-header [contenteditable]:hover,.template-footer [contenteditable]:hover{outline:1px dashed currentColor;outline-offset:5px}.template-nav button{padding:.35rem .5rem;color:#fff;background:transparent;font-weight:750}.template-nav button.active{color:#ff8068;text-decoration:underline;text-underline-offset:.35rem}.page-blocks{min-height:440px;background:#fff}.editor-block{position:relative;min-height:110px;padding:3rem max(2rem,12%);border-bottom:1px solid #edf0ed;transition:box-shadow .15s,transform .15s}.editor-block:hover{z-index:3;box-shadow:inset 0 0 0 2px #9ec8b3}.editor-block [contenteditable]{min-height:1.3em;margin:0;border-radius:.3rem;white-space:pre-wrap}.editor-block [contenteditable]:hover,.editor-block [contenteditable]:focus{outline:1px dashed #5a7568;outline-offset:7px}.block-heading h2{color:#d94b37;font-size:clamp(2rem,4vw,3.1rem)}.block-text p{max-width:820px;font-size:1.08rem;line-height:1.75}.block-hero{display:grid;place-items:center;min-height:500px;color:#fff;background-color:#445c52;background-image:linear-gradient(#00000040,#00000040),var(--draft-image);background-position:center;background-size:cover;text-align:center}.block-hero h1{position:relative;z-index:2;max-width:900px;padding:.18em .3em;color:#fff;background:#d94b37;font-size:clamp(2.5rem,6vw,5rem)}.block-image{min-height:430px;background-color:#dfe8e2;background-image:var(--draft-image);background-position:center;background-size:cover}.block-service{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;max-width:900px;min-height:150px;margin:auto}.block-service p{font-size:1.2rem}.symbol-button{width:64px;height:64px;border:1px solid #e5b4a9;border-radius:1rem;color:#d94b37;background:#fff4f1;font-size:2rem;cursor:pointer}.block-controls{position:absolute;z-index:8;top:.65rem;right:.65rem;display:flex;gap:.35rem;opacity:0;transition:opacity .15s}.editor-block:hover .block-controls,.editor-block:focus-within .block-controls{opacity:1}.block-controls button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:#1b2c24;font-weight:900;cursor:pointer}.drag-block{cursor:grab!important}.drag-block:active{cursor:grabbing!important}.delete-block{background:#a83c34!important}.drop-message{position:absolute;z-index:1;inset:45% auto auto 50%;padding:.65rem .9rem;border:1px dashed #fff;border-radius:.5rem;color:#fff;background:#00000061;font-size:.82rem;transform:translate(-50%,-50%);pointer-events:none}.has-image>.drop-message{opacity:0}.image-drop.drag-over{box-shadow:inset 0 0 0 5px #dfff84}.block-image .image-controls,.block-hero .image-controls{top:.7rem;left:.7rem;right:auto}.block-image .remove-image,.block-hero .remove-image{padding:.55rem .8rem}.footer-title{max-width:620px;font-size:1.5rem;font-weight:800}.footer-columns{display:grid!important;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-columns p{color:#fff;line-height:1.65;white-space:pre-wrap}#symbol-dialog{width:min(92vw,480px);border:0;border-radius:1rem;padding:1.2rem;box-shadow:0 25px 90px #00000047}#symbol-dialog::backdrop{background:#08140f94}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-head button{border:0;background:transparent;font-size:1.5rem;cursor:pointer}.symbol-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.symbol-grid button{aspect-ratio:1;border:1px solid #d4dfd8;border-radius:.5rem;color:#d94b37;background:#f8faf8;font-size:1.35rem;cursor:pointer}.symbol-remove{width:100%;margin-top:1rem;border:0;border-radius:.5rem;padding:.7rem;color:#91362e;background:#fae9e6;font-weight:750;cursor:pointer}@media(max-width:800px){.marketing-hero{grid-template-columns:1fr;padding-top:3rem}.price-card{transform:none}.steps{grid-template-columns:1fr}.template-callout{align-items:flex-start;flex-direction:column}.site-header nav>a:not(.button-link){display:none}.local-pill{display:none}.template-top,.editable-site-header{grid-template-columns:1fr;gap:1rem}.template-dots{display:none}.template-tagline,.editable-site-header>p{text-align:left}.template-nav{gap:1rem;overflow:auto;justify-content:flex-start}.service-row{grid-template-columns:repeat(2,1fr)}.cta-cards{grid-template-columns:1fr}.builder-toolbar{align-items:flex-start}.builder-toolbar>div:first-child{display:grid}.template-footer>div{flex-direction:column;gap:1rem}.footer-columns{grid-template-columns:1fr}.editor-settings>span{display:none}}@media(max-width:520px){.site-header{padding:0 1rem}.site-header nav{gap:.5rem}.marketing-copy h1{font-size:3.2rem}.hero-actions{align-items:flex-start;flex-direction:column}.builder-head .button-link{font-size:.78rem}.builder-toolbar{position:static}.builder-toolbar .tool-button{display:none}.service-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.marketing-copy,.price-card,.auth-card{animation:enter .35s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(9px)}}}.wizard-shell{min-height:calc(100vh - 76px);padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem);background:radial-gradient(circle at 12% 8%,#e7f4e9 0,transparent 28%),#f4f6f1}.wizard-card{width:min(1120px,100%);margin:auto;padding:clamp(1.5rem,4vw,4rem);border:1px solid #d8e2da;border-radius:1.75rem;background:#fffffff0;box-shadow:0 28px 80px #19372a1a}.wizard-card>h1{max-width:780px;margin:.3rem 0 .7rem;color:var(--ink);font-size:clamp(2.2rem,5vw,4.3rem);line-height:1;letter-spacing:-.055em}.wizard-intro{max-width:720px;margin:0 0 2.25rem;color:#567066;font-size:1.08rem;line-height:1.65}.wizard-progress{display:flex;gap:.6rem;margin-bottom:2rem}.wizard-progress button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd8d0;border-radius:50%;padding:0;color:#7b8c83;background:#fff;font-size:.82rem;font-weight:850;cursor:pointer}.wizard-progress button.done{border-color:var(--green);color:#fff;background:var(--green)}.wizard-progress button.current{box-shadow:0 0 0 4px #126b4926}.wizard-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid #e5ebe7}.wizard-actions-top{margin:-.8rem 0 1.6rem;padding:0 0 1rem;border-top:0;border-bottom:1px solid #e5ebe7}.wizard-actions-top:has(>:only-child){justify-content:flex-start}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7d3cb;border-radius:999px;padding:.9rem 1.3rem;color:#315044;background:#fff;font-weight:750;text-decoration:none;cursor:pointer}#wizard-status{min-height:1.4rem;margin-top:1rem;color:#a83c34}.template-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.template-choice{overflow:hidden;border:2px solid #dce4de;border-radius:1.2rem;padding:0 0 1.1rem;color:#263d34;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.template-choice:hover{transform:translateY(-3px);box-shadow:0 13px 30px #1834281a}.template-choice.selected{border-color:var(--green);box-shadow:0 0 0 3px #126b491f}.template-choice>strong,.template-choice>small{display:block;padding:0 1rem}.template-choice>strong{margin-top:.9rem;font-size:1.05rem}.template-choice>small{margin-top:.25rem;color:#697c73}.mini-site{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:36px 62px;gap:5px;height:130px;padding:13px;background:#edf2ee}.mini-site i{grid-column:1/-1;background:#214e3b}.mini-site b{background:#caddd1}.mini-site em{background:#fff}.template-krachtig .mini-site{background:#ede9e2}.template-krachtig .mini-site i{background:#172d25}.template-krachtig .mini-site b{background:#e3663c}.template-warm .mini-site{border-radius:0 0 35%;background:#f5e5dc}.template-warm .mini-site i{border-radius:999px;background:#7a3e48}.template-modern .mini-site{background:#e9f5f4}.template-modern .mini-site i{background:#0ea5a4}.template-modern .mini-site b{background:#334155}.template-klassiek .mini-site{background:#f5efe5}.template-klassiek .mini-site i{background:#151515}.template-klassiek .mini-site em{border:2px solid #c49b61}.template-donker .mini-site{background:#161a18}.template-donker .mini-site i{background:#3b2a68}.template-donker .mini-site b{background:#eb5e55}.template-donker .mini-site em{background:#303733}.brand-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem}.brand-form>label,.brief-section label{display:grid;gap:.45rem;color:#29493d;font-weight:750}.brand-form input:not([type=color]),.brief-section input,.brief-section textarea{width:100%;border:1px solid #bfcfc5;border-radius:.7rem;padding:.85rem 1rem;color:#172a22;background:#fbfdfb;resize:vertical}.brand-form input:focus,.brief-section input:focus,.brief-section textarea:focus{outline:3px solid rgba(18,107,73,.14);border-color:var(--green)}.logo-drop{grid-row:span 2;display:grid;place-items:center;align-content:center;min-height:220px;border:2px dashed #a9c0b2;border-radius:1.1rem;padding:1.5rem;color:#526b60;background:#f5faf6;text-align:center}.logo-drop>span{margin:.55rem;font-size:.8rem}.logo-drop small{margin-top:.65rem}.logo-drop input,.gallery-upload input,.inline-upload input{position:absolute;width:1px;height:1px;opacity:0}.chosen-colors{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.chosen-colors label{display:flex;align-items:center;gap:.45rem;border:1px solid #d5dfd8;border-radius:999px;padding:.35rem .7rem .35rem .35rem;background:#fff;font-size:.75rem}.chosen-colors input{width:38px;height:38px;border:0;padding:0;background:transparent;cursor:pointer}.field-help{color:#64776e;font-size:.88rem}.palette-picker{display:flex;flex-wrap:wrap;gap:.55rem}.palette-picker button{display:flex;overflow:hidden;border:1px solid #cdd8d1;border-radius:999px;padding:3px;background:#fff;cursor:pointer}.palette-picker i{width:25px;height:25px;border-radius:50%;margin-left:-3px}.palette-picker i:first-child{margin-left:0}.color-choice{display:flex;align-items:center;gap:.3rem}.color-choice>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c8d5cd;border-radius:50%;padding:0;color:#214c3a;background:#fff;font-size:1.05rem;cursor:pointer}.logo-preview-stage{position:relative;width:min(100%,440px);max-height:270px;border:1px solid #ccd9d1;border-radius:.7rem;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:0 8px 25px #1835281a}.logo-sample-point{position:absolute;display:grid;place-items:center;width:28px;height:28px;border:3px solid white;border-radius:50%;padding:0;color:#fff;background:var(--sample-color);box-shadow:0 2px #172a22,0 3px 12px #00000059;font-size:.72rem;font-weight:900;transform:translate(-50%,-50%);cursor:crosshair}.logo-sample-point:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(16,32,25,.55);border-radius:50%}.section-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.section-choice{display:flex;gap:.8rem;align-items:flex-start;border:1px solid #d3ded7;border-radius:1rem;padding:1rem;background:#fbfdfb;cursor:pointer}.section-choice:has(input:checked){border-color:var(--green);background:#edf8f1;box-shadow:inset 0 0 0 1px var(--green)}.section-choice input{width:20px;height:20px;accent-color:var(--green)}.section-choice span,.section-choice strong,.section-choice small{display:block}.section-choice small{margin-top:.3rem;color:#687c72;line-height:1.4}.brief-form{display:grid;gap:1rem}.brief-section{border:1px solid #dbe4de;border-radius:1rem;padding:clamp(1rem,3vw,2rem);background:#fbfdfb}.brief-section h2{margin:0 0 1.2rem;color:var(--ink)}.brief-section label+label{margin-top:1rem}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.repeat-row{position:relative;margin-top:1rem;border:1px solid #d9e3dc;border-radius:.85rem;padding:1rem;background:#fff}.repeat-row:first-of-type{margin-top:0}.repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.repeat-head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;color:#9f352f;background:#fae8e5;font-size:1.2rem;cursor:pointer}.add-repeat{margin-top:1rem;border:1px dashed #8dab99;border-radius:.7rem;padding:.75rem 1rem;color:var(--green);background:#f0f7f2;font-weight:750;cursor:pointer}.inline-upload,.gallery-upload{display:inline-flex!important;align-items:center;width:max-content;margin-top:1rem;border:1px solid #bfd0c5;border-radius:999px;padding:.65rem 1rem;color:var(--green)!important;background:#f6faf7;cursor:pointer}.inline-upload span,.gallery-upload span{margin-left:.55rem;color:#61766b;font-size:.8rem}.brief-image-previews{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem}.brief-image-previews span{display:block;width:92px;height:68px;border:1px solid #c8d6cd;border-radius:.65rem;background:#edf3ef center/cover no-repeat;box-shadow:0 5px 14px #16312617}.brief-image-previews span:not(.loaded):after{content:"Foto";display:grid;place-items:center;height:100%;color:#789087;font-size:.72rem}.generation-summary{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:2rem;align-items:start;border:1px solid #d8e2db;border-radius:1.2rem;padding:1.3rem;background:#f9fbf9}.generation-summary .template-choice{pointer-events:none}.generation-summary>div>strong{font-size:1.5rem}.generation-summary ul{columns:2;padding-left:1.2rem;color:#526b60}.generate-button{width:100%;margin-top:1.2rem;font-size:1.05rem}.local-assurance{text-align:center;color:#65796e;font-size:.85rem}.editor-site{--site-primary:#126b49;--site-secondary:#e3663c;--site-accent:#dfff84 }.editor-site .template-nav,.editor-site .template-footer{background:var(--site-primary)}.editor-site .template-nav button.active,.editor-site .block-heading h2{color:var(--site-secondary)}.editor-site .block-hero h1{background:var(--site-secondary)}.editor-site .symbol-button{color:var(--site-secondary);border-color:color-mix(in srgb,var(--site-secondary),white 55%);background:color-mix(in srgb,var(--site-secondary),white 90%)}.site-identity{display:flex;align-items:center;gap:1rem}.company-logo{display:none;width:min(150px,35vw);height:74px;background-image:var(--draft-image);background-position:left center;background-repeat:no-repeat;background-size:contain}.company-logo.has-image{display:block}.company-logo.has-image+.site-brand-edit:not(:focus){font-size:0}.editor-site.template-krachtig .editor-block{border-bottom:8px solid #f3efe8}.editor-site.template-krachtig .block-hero h1{border-radius:0;text-transform:uppercase}.editor-site.template-warm{border-radius:2rem;overflow:hidden}.editor-site.template-warm .editor-block{border-radius:0 4rem 0 0}.editor-site.template-warm .block-hero h1,.editor-site.template-warm .symbol-button{border-radius:999px}.editor-site.template-modern .page-blocks{display:grid;grid-template-columns:repeat(2,1fr)}.editor-site.template-modern .block-hero{grid-column:1/-1}.editor-site.template-modern .block-image{min-height:340px}.editor-site.template-klassiek{font-family:Georgia,Times New Roman,serif}.editor-site.template-klassiek .block-heading h2{letter-spacing:.02em}.editor-site.template-donker .page-blocks,.editor-site.template-donker .editor-block{color:#e8eee9;background:#171c19;border-color:#303a34}.editor-site.template-donker .block-text p{color:#cbd5cf}@media(max-width:800px){.template-picker,.section-picker{grid-template-columns:repeat(2,1fr)}.brand-form,.generation-summary{grid-template-columns:1fr}.logo-drop{grid-row:auto}.editor-site.template-modern .page-blocks{grid-template-columns:1fr}.editor-site.template-modern .block-hero{grid-column:auto}}@media(max-width:520px){.wizard-shell{padding:1rem}.wizard-card{padding:1.2rem;border-radius:1rem}.template-picker,.section-picker,.field-pair{grid-template-columns:1fr}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions>*{width:100%}.generation-summary ul{columns:1}.site-identity{align-items:flex-start;flex-direction:column}}.single-template{grid-template-columns:minmax(260px,430px)}.editor-workspace{display:grid;grid-template-columns:minmax(0,1440px) 280px;gap:1rem;align-items:start;width:min(1760px,calc(100% - 2rem));margin:1rem auto 5rem}.editor-workspace .site-canvas{width:100%;max-width:none;margin:0}.editable-site-header{grid-template-columns:1fr auto;min-height:105px;padding:1rem 4%;background-position:center;background-size:cover}.editable-site-header>p{margin:0;max-width:420px}.site-brand-edit{font-size:1.35rem}.company-logo{height:var(--logo-size,54px);width:min(calc(var(--logo-size,54px) * 2.5),35vw)}.template-nav{gap:clamp(1rem,4vw,3rem);padding:.8rem 1rem}.template-footer{min-height:128px;padding:1.45rem 5% 1rem}.footer-title{display:block!important;margin:0!important;font-size:1.05rem}.footer-columns{gap:2rem;margin:.35rem 0 0!important}.footer-columns p{margin:.55rem 0 0;line-height:1.4;font-size:.78rem}.editor-block{isolation:isolate;overflow:hidden;color:var(--block-text);background:var(--block-bg);padding:2.4rem max(1.5rem,8%)}.editor-block [contenteditable]{position:relative;z-index:2;color:var(--block-text)}.block-photo-layer{position:absolute;z-index:0;inset:0;background-image:var(--draft-image);background-repeat:no-repeat;background-position:var(--image-x) var(--image-y);background-size:contain;transform:scale(var(--image-scale)) rotate(var(--image-rotate));transform-origin:center;transition:transform .12s ease}.block-hero{min-height:360px;background-image:none;background-color:var(--block-bg)}.block-hero:after{content:"";position:absolute;z-index:1;inset:0;background:#0003;pointer-events:none}.block-hero h1{color:var(--block-text)}.block-image{min-height:280px;background-image:none;background-color:var(--block-bg)}.block-heading h2{color:var(--block-text)}.block-service{color:var(--block-text);background:var(--block-bg)}.service-grid{display:grid;grid-template-columns:repeat(var(--service-columns),minmax(0,1fr));background:#fff}.service-grid .block-service{grid-template-columns:1fr;gap:.8rem;align-content:center;max-width:none;min-height:180px;margin:0;padding:2rem 1rem;text-align:center}.service-grid .symbol-button{margin:auto}.service-grid .block-service p{font-size:1rem;line-height:1.5}.selected-block{box-shadow:inset 0 0 0 3px #13a168!important}.selected-block .block-controls{opacity:1}.block-sidebar{position:sticky;top:1rem;display:grid;gap:.85rem;max-height:calc(100vh - 2rem);overflow-y:auto;border:1px solid #cedad2;border-radius:1rem;padding:1.1rem;background:#fff;box-shadow:0 12px 35px #1430241a}.block-sidebar h2{margin:-.35rem 0 .25rem;color:var(--ink);font-size:1.25rem}.block-sidebar>p:not(.sidebar-eyebrow){margin:0;color:#65776e;line-height:1.5}.sidebar-eyebrow{margin:0;color:#6a8075;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.block-sidebar label{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center;margin:0;color:#40574d;font-size:.78rem}.block-sidebar label input[type=color]{width:46px;height:34px;padding:2px;cursor:pointer}.block-sidebar label input[type=range]{grid-column:1/-1;padding:0;accent-color:var(--green)}.block-sidebar output{color:#6c7e75;font-size:.75rem}.block-sidebar .numeric-input{width:72px;border:1px solid #b8c9be;border-radius:.4rem;padding:.35rem .4rem;color:#183d2f;background:#fff;font:inherit;text-align:right}.block-sidebar label>small{grid-column:2;grid-row:2;justify-self:end;margin-top:-1.1rem;margin-right:.35rem;color:#708178;font-size:.65rem;pointer-events:none}.block-sidebar label:has(.numeric-input) input[type=range]{padding-right:82px}.sidebar-upload,.sidebar-action{display:flex!important;justify-content:center;border:1px solid #b9cabf;border-radius:.55rem;padding:.68rem .7rem;color:#214d3b!important;background:#f4f8f5;font-size:.78rem!important;font-weight:800!important;text-align:center;cursor:pointer}.sidebar-upload input{position:absolute;width:1px;height:1px;opacity:0}.sidebar-action.muted{color:#87382f!important;background:#faeeeb}.column-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8e4;padding-top:.9rem;color:#40574d;font-size:.78rem;font-weight:750}.column-setting>div{display:flex;align-items:center;gap:.65rem}.column-setting button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b8c9be;border-radius:50%;color:var(--green);background:#fff;cursor:pointer}@media(max-width:1050px){.editor-workspace{grid-template-columns:1fr}.block-sidebar{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));order:-1}.block-sidebar h2,.block-sidebar .sidebar-eyebrow{grid-column:1/-1}.service-grid{grid-template-columns:repeat(min(var(--service-columns),2),minmax(0,1fr))}}@media(max-width:620px){.editor-workspace{width:100%;margin-top:0}.block-sidebar{margin:0 .7rem;grid-template-columns:1fr}.editable-site-header{grid-template-columns:1fr;min-height:90px}.editable-site-header>p{text-align:left}.service-grid{grid-template-columns:1fr}.block-hero{min-height:290px}.block-image{min-height:220px}}.editor-site .block-hero h1{padding:0;color:var(--block-text);background:transparent!important}.direct-photo-controls{position:absolute;z-index:7;inset:.7rem;border:1px dashed rgba(255,255,255,.85);border-radius:.45rem;pointer-events:none}.direct-photo-controls button{position:absolute;border:1px solid rgba(255,255,255,.9);border-radius:999px;color:#fff;background:#11231bd1;font-size:.75rem;font-weight:800;box-shadow:0 5px 18px #0003;cursor:grab;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.direct-photo-controls button:active{cursor:grabbing}.direct-photo-controls [data-direct-photo=move]{bottom:.75rem;left:50%;padding:.55rem .8rem;transform:translate(-50%)}.direct-photo-controls [data-direct-photo=scale]{right:.75rem;bottom:.75rem;display:grid;place-items:center;width:38px;height:38px;font-size:1.05rem}.content-tile{position:relative;isolation:isolate;overflow:hidden;min-height:120px;border-bottom:1px solid #e3e9e5;background:var(--tile-bg)}.content-tile:hover{box-shadow:inset 0 0 0 2px #9ec8b3}.content-tile.selected-section{z-index:6;overflow:visible;box-shadow:inset 0 0 0 3px #13a168}.content-tile.selected-section .block-controls{opacity:1}.tile-background{position:absolute;z-index:0;inset:0;background-color:var(--tile-bg);background-image:var(--draft-image)}.background-fill .tile-background{background-repeat:no-repeat;background-position:center;background-size:cover}.background-pattern .tile-background{background-repeat:repeat;background-position:center;background-size:var(--pattern-size) auto}.content-tile[data-section-id$=-hero].has-image .tile-background:after{content:"";position:absolute;inset:0;background:#07100c66}.banner-slide-arrow{position:absolute;z-index:9;top:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:#0a181294;box-shadow:0 3px 14px #0003;font-size:2rem;line-height:1;cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.banner-slide-previous{left:1rem}.banner-slide-next{right:1rem}.banner-slide-count{position:absolute;z-index:9;left:50%;bottom:.75rem;padding:.25rem .55rem;border-radius:999px;color:#fff;background:#0a181294;font-size:.72rem;font-weight:750;transform:translate(-50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.focus-preview-site .banner-slide-arrow{opacity:.3;transition:opacity .15s}.focus-preview-site .content-tile:hover .banner-slide-arrow,.focus-preview-site .banner-slide-arrow:focus-visible{opacity:1}.empty-tile{position:absolute;z-index:2;inset:1.2rem;width:calc(100% - 2.4rem);border:1px dashed #9cb1a5;border-radius:.7rem;color:#668075;background:#ffffff73;cursor:pointer}.tile-element{position:absolute;z-index:3;min-width:24px;min-height:24px;margin:0;border:0;transform-origin:center;touch-action:none}.tile-element.selected-element{z-index:5;outline:2px solid #148b62;outline-offset:2px}.text-element{display:flex;align-items:center;padding:.45rem;color:var(--element-color);font-family:var(--font-family,Inter,system-ui,sans-serif);font-size:var(--font-size);font-weight:var(--font-weight);cursor:move}.text-element>div{width:100%;max-height:100%;overflow:hidden;cursor:text;white-space:pre-wrap;text-align:var(--text-align,left);font-style:var(--font-style,normal)}.text-element>div:focus{overflow:auto}.text-element>div:hover,.text-element>div:focus{outline:1px dashed currentColor;outline-offset:3px}.icon-element{display:grid;place-items:center;padding:0;color:var(--element-color);background:transparent;font-size:var(--font-size);cursor:pointer}.image-element{background:transparent;cursor:move;-webkit-user-select:none;user-select:none}.element-image-visual{position:absolute;inset:0;background-image:var(--draft-image);background-position:center;background-repeat:no-repeat;background-size:var(--image-fit);pointer-events:none}.empty-image{position:absolute;inset:0;display:grid;place-items:center;border:1px dashed #7d9689;color:#536c60;background:#eff5f1cc;font-size:.75rem;pointer-events:none}.gallery-preview-button{position:absolute;z-index:9;right:.45rem;bottom:.45rem;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;background:#0d1c16c7;box-shadow:0 3px 12px #0000003d;font-size:1rem;cursor:pointer;opacity:.82}.gallery-preview-button:hover{opacity:1}.project-gallery-dialog{width:min(94vw,1100px);max-width:none;border:0;border-radius:1rem;padding:2.5rem 4rem 2rem;color:#fff;background:#101713;box-shadow:0 25px 90px #00000080}.project-gallery-dialog::backdrop{background:#040a07d1}.project-gallery-dialog img{display:block;width:100%;max-height:76vh;object-fit:contain}.project-gallery-dialog p{margin:.8rem 0 0;text-align:center}.gallery-close,.gallery-arrow{position:absolute;z-index:2;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#ffffff24;cursor:pointer}.gallery-close{top:.65rem;right:.65rem;width:36px;height:36px;font-size:1.4rem}.gallery-arrow{top:50%;width:42px;height:42px;font-size:2rem;transform:translateY(-50%)}.gallery-previous{left:.7rem}.gallery-next{right:.7rem}.resize-handle{position:absolute;z-index:8;width:11px;height:11px;border:2px solid white;border-radius:2px;background:#148b62;box-shadow:0 1px 4px #00000040;touch-action:none}.handle-nw{top:-7px;left:-7px;cursor:nwse-resize}.handle-n{top:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.handle-ne{top:-7px;right:-7px;cursor:nesw-resize}.handle-e{top:50%;right:-7px;transform:translateY(-50%);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{bottom:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.handle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.handle-w{top:50%;left:-7px;transform:translateY(-50%);cursor:ew-resize}.inline-element-delete{position:absolute;z-index:10;top:0;right:-38px;display:grid;place-items:center;width:30px;height:30px;border:2px solid white;border-radius:50%;padding:0;color:#fff;background:#c63e37;box-shadow:0 3px 10px #00000040;font-size:.82rem;cursor:pointer;touch-action:manipulation}.alignment-guides{position:absolute;z-index:4;inset:0;pointer-events:none}.alignment-guides i{position:absolute;display:none;background:var(--guide-color);box-shadow:0 0 0 1px #ffffff59,0 0 7px var(--guide-color)}.alignment-guides [data-guide-x]{width:2px;transform:translate(-1px)}.alignment-guides [data-guide-y]{height:2px;transform:translateY(-1px)}.tile-center-dot{position:absolute;top:50%;left:50%;display:none;width:12px;height:12px;border:2px solid white;border-radius:50%;background:var(--guide-color);box-shadow:0 0 0 2px var(--guide-color),0 0 9px var(--guide-color);transform:translate(-50%,-50%)}.spacing-guides{position:absolute;z-index:6;inset:0;pointer-events:none}.spacing-guides i{position:absolute;display:block;color:var(--guide-color)}.spacing-horizontal{height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(-4px)}.spacing-vertical{width:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:translate(-4px)}.insert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.insert-grid button{border:1px solid #b7c9be;border-radius:.5rem;padding:.65rem .3rem;color:#174a35;background:#f3f8f4;font-size:.72rem;font-weight:800;cursor:pointer}.tile-palette{display:flex;gap:.45rem;margin-top:-.35rem}.tile-palette button{width:30px;height:30px;border:2px solid white;border-radius:50%;padding:0;background:var(--swatch);box-shadow:0 0 0 1px #b9c9bf;cursor:pointer}.tile-palette button.active{box-shadow:0 0 0 3px #15875f}.element-settings{display:grid;gap:.8rem;margin-top:.25rem;padding-top:.9rem;border-top:1px solid #e1e8e3}.settings-title{display:flex;align-items:center;justify-content:space-between}.settings-title button{border:0;color:#963b32;background:transparent;font-size:.72rem;cursor:pointer}.sidebar-help{margin:0;color:#687c72;font-size:.75rem;line-height:1.45}.block-sidebar select{border:1px solid #bac8bf;border-radius:.45rem;padding:.45rem;background:#fff}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b9cabf;border-radius:.5rem;overflow:hidden}.segmented button{border:0;padding:.55rem .3rem;color:#456056;background:#f2f6f3;font-size:.72rem;font-weight:750;cursor:pointer}.segmented button.active{color:#fff;background:var(--green)}.selected-element-settings{display:grid;gap:.55rem}.selected-element-settings .element-settings{margin:0;padding-top:.55rem;border-top:0}.sidebar-divider{height:1px;margin:.25rem 0 .4rem;background:#dfe7e2}.existing-draft-actions{display:grid;gap:.75rem;margin-top:1.2rem}.existing-draft-actions .generate-button{display:block;margin:0;text-align:center}.regenerate-button{justify-self:center}.existing-draft-actions small{color:#7b655d;text-align:center}.control-caption{margin-bottom:-.45rem;color:#40574d;font-size:.72rem;font-weight:750}.text-align-controls{grid-template-columns:repeat(3,1fr)}.text-style-controls button{display:flex;justify-content:center;gap:.35rem;align-items:center}.text-style-controls strong,.text-style-controls em{font-size:.95rem}.editable-site-header{display:block;min-height:80px;padding:0;overflow:visible}.header-layout-element{position:absolute;z-index:3;padding:.3rem;color:var(--header-text);transform-origin:center;cursor:move;touch-action:none}.header-layout-element.selected-element{z-index:7;outline:2px solid #148b62;outline-offset:2px}.header-logo-layout .company-logo{width:100%;height:100%;max-width:none;background-position:center;pointer-events:none}.header-text-layout{display:flex;align-items:center}.header-text-layout [contenteditable]{width:100%;max-height:100%;margin:0;overflow:auto;cursor:text;white-space:pre-wrap}.header-text-layout .site-brand-edit{font-size:clamp(1rem,2vw,1.7rem)}.editor-site .editable-navigation{position:relative;min-height:var(--navigation-height);color:var(--navigation-text);background:var(--navigation-bg);cursor:pointer}.editor-site .editable-navigation button,.editor-site .editable-navigation button.active{color:var(--navigation-text);font-size:var(--navigation-font-size)}.editable-navigation.selected-navigation{z-index:6;outline:3px solid #13a168;outline-offset:-3px}.editor-site{color:#17251f;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.site-contact-strip{display:flex;justify-content:flex-end;align-items:center;gap:2rem;min-height:30px;padding:.35rem 5%;color:var(--contact-text);background:var(--contact-bg);font-size:.72rem}.site-contact-strip span{display:flex;align-items:center;gap:.4rem}.site-contact-strip i{color:var(--button-color);font-size:.9rem;font-style:normal}.site-contact-strip b{min-width:4ch;font-weight:700}.site-contact-strip [contenteditable]:hover,.site-contact-strip [contenteditable]:focus{outline:1px dashed currentColor;outline-offset:3px}.editor-site .editable-site-header{border-bottom:1px solid color-mix(in srgb,var(--header-text),transparent 86%);box-shadow:inset 0 -1px #ffffff1a}.editor-site .editable-navigation{border-bottom:1px solid color-mix(in srgb,var(--navigation-text),transparent 82%);box-shadow:0 5px 16px #11221b17}.editor-site .editable-navigation button{position:relative;opacity:.82;transition:opacity .16s ease,transform .16s ease}.editor-site .editable-navigation button:hover,.editor-site .editable-navigation button.active{opacity:1}.editor-site .editable-navigation button:hover{transform:translateY(-1px)}.editor-site .editable-navigation button.active{text-decoration:none}.editor-site .editable-navigation button.active:after{content:"";position:absolute;right:.45rem;bottom:0;left:.45rem;height:2px;border-radius:999px;background:var(--button-color)}.editor-site .content-tile{border-bottom-color:color-mix(in srgb,currentColor,transparent 88%)}.editor-site .text-element>div{line-height:1.38}.editor-site .template-footer{border-top:0;color:var(--footer-text);background:var(--footer-bg)}.editor-site .template-footer .footer-columns p{color:var(--footer-text);opacity:.82}.editor-site .template-footer .footer-title{color:var(--footer-text)}.powered-by-hookan{display:block!important;margin:.65rem 0 0!important;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--footer-text),transparent 84%);color:color-mix(in srgb,var(--footer-text),transparent 40%)!important;font-size:.62rem;font-weight:500;letter-spacing:.025em;text-align:right}.powered-word{color:var(--footer-text);font-weight:800}.powered-word span{color:var(--footer-accent)}.focus-preview-shell{min-height:100vh;background:#fff}.focus-preview-shell .site-canvas{width:100%;max-width:none;min-height:100vh;margin:0;display:flex;flex-direction:column;box-shadow:none}.focus-preview-site .page-blocks{flex:1}.focus-preview-site .content-tile:hover{box-shadow:none}.focus-preview-site .header-layout-element,.focus-preview-site .tile-element,.focus-preview-site .editable-navigation{cursor:default;touch-action:auto}.focus-preview-site .text-element>div{overflow:hidden;cursor:default}.focus-preview-site .text-element>div:hover{outline:0}.focus-preview-site .template-footer{flex:0 0 auto;min-height:128px}.focus-preview-exit{position:fixed;z-index:50;top:.8rem;left:.8rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:.65rem .9rem;color:#fff;background:#0c1c15c7;box-shadow:0 5px 20px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;font-weight:750;cursor:pointer;opacity:.3;transition:opacity .16s}.focus-preview-exit:hover,.focus-preview-exit:focus-visible{opacity:1}.focus-gallery-hit{position:absolute;z-index:8;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}@media(max-width:620px){.focus-preview-exit{top:.45rem;left:.45rem}.focus-preview-site .site-contact-strip{justify-content:center;gap:1rem;flex-wrap:wrap}.project-gallery-dialog{padding:3rem 2.5rem 1.5rem}}