@font-face{font-family:Inter;src:url('assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-SemiBold.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{--accent:#FAE8E4;--ink:#292824;--muted:#73716a;--line:#e9e8e5;--soft:#f8f8f7;--radius:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.75;letter-spacing:-.01em;text-align:left;-webkit-font-smoothing:antialiased}body.v2{--accent:#E9F5EE}body.v3{--accent:#FFFDE0}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em;text-wrap:balance}h1{font-size:36px;line-height:1.32}h2{font-size:27px;line-height:1.4}h3{font-size:18px;line-height:1.5;letter-spacing:-.015em}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.2em}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #292824;outline-offset:4px}mark{color:inherit;background:linear-gradient(var(--accent),var(--accent)) no-repeat;background-size:100% 1.15em;background-position:0 .1em;padding:0 .12em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wrap{width:calc(100% - 96px);max-width:1080px;margin-inline:auto}.section{padding-block:80px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.small{font-size:14px;line-height:1.7;color:var(--muted)}.signature{font-size:13px;letter-spacing:.18em;color:var(--muted)}
.designbar{position:sticky;top:0;z-index:20;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);font-size:12px;line-height:1.6}.designbar>span{color:var(--muted)}.designbar nav{display:flex;gap:4px}.designbar a{display:block;padding:6px 12px;border-radius:4px;color:var(--muted)}.designbar a:hover{background:var(--soft);text-decoration:none}.designbar a[aria-current]{background:var(--accent);color:var(--ink);font-weight:600}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:600;letter-spacing:-.06em;line-height:1.2}.masthead nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:80px;align-items:center;padding-block:56px}.hero-copy{max-width:560px}.hero-copy .intro{margin-top:22px;max-width:440px;color:#626059;font-size:17px;line-height:1.75}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;max-width:100%;padding:11px 16px;border:1px solid #292824;border-radius:5px;background:#292824;color:#fff;font-size:14px;line-height:1.6;font-weight:600;text-decoration:none!important;transition:background .15s}.cta:hover{background:#45433d}.hero .cta{margin-top:26px}.practical{font-size:12px;margin-top:10px}.photo img{width:100%;display:block;object-fit:cover;border-radius:var(--radius)}.photo figcaption{font-size:12px;line-height:1.5;margin-top:7px;color:#89867e}.hero .photo img{aspect-ratio:4/4.5;object-position:center 32%;max-height:440px}.overview{display:grid;grid-template-columns:1fr 1.2fr 1fr;border-block:1px solid var(--line);padding-block:24px;gap:24px}.overview>div{display:flex;align-items:center;gap:14px}.overview>div+div{border-left:1px solid var(--line);padding-left:28px}.overview p{font-size:14px;line-height:1.65}.overview strong{display:block;font-weight:600}.overview p span{display:block;font-size:12px;color:var(--muted)}.meta-icon{background:var(--accent);width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:6px;font-size:12px;font-weight:600}
.pain{display:grid;grid-template-columns:.85fr 1.2fr;gap:96px;align-items:center;border-bottom:1px solid var(--line)}.circle{display:block;width:100%;max-width:400px;height:auto}.image-note{font-size:12px;margin-top:4px;color:var(--muted)}.pain-lines{margin-top:24px}.pain-lines p{position:relative;padding:8px 0 8px 19px;border-bottom:1px solid var(--line);font-size:15px}.pain-lines p:before{position:absolute;left:0;top:19px;content:'';width:5px;height:5px;background:#bbb8b0;border-radius:50%}.closing-line{margin-top:24px;font-size:14px;color:var(--muted)}.statement .section-heading{max-width:620px}.section-heading>p:last-child{color:var(--muted);margin-top:12px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.outcomes article{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.outcome-number{display:grid;place-items:center;background:var(--accent);width:28px;height:28px;border-radius:5px;font-size:12px;font-weight:600;margin-bottom:18px}.outcomes article p{margin-top:8px;font-size:14px;color:#626059}
.journey{background:var(--soft);border-block:1px solid var(--line)}.journey-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px}.journey-intro{align-self:start;position:sticky;top:100px}.feet{margin-top:28px;max-width:320px}.feet img{aspect-ratio:4/3}.journey-intro>.small{margin-top:14px;font-size:13px}.timeline{list-style:none;margin:0;padding:0 0 0 15px}.timeline li{position:relative;padding:0 0 32px 35px;border-left:1px solid #d3d1ca}.timeline li:last-child{padding-bottom:0;border-left-color:transparent}.timeline .node{position:absolute;left:-15px;top:0;display:grid;place-items:center;width:29px;height:29px;line-height:1;font-size:12px;font-weight:600;border:1px solid #d3d1ca;border-radius:50%;background:#fff}.timeline .eyebrow{min-height:29px;display:flex;align-items:center;margin-bottom:6px;font-size:12px;letter-spacing:.08em}.timeline h3{margin-bottom:8px}.timeline li>p:not(.eyebrow):not(.small){font-size:14px;line-height:1.8;max-width:460px;color:#626059}.timeline .small{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.8;margin-top:12px;color:#73716a}.timeline li:last-child .node{background:var(--accent)}
.with-me{display:grid;grid-template-columns:.85fr 1fr;gap:96px;align-items:center}.with-me .photo img{aspect-ratio:5/4;object-position:center 30%}.with-me p:not(.eyebrow){color:#626059;font-size:15px;margin-top:18px}.finish{border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:96px;align-items:center;padding-block:64px}.offer{padding:24px 28px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.offer>p:first-child{font-size:13px;font-weight:600}.offer>p:nth-child(2){font-size:27px;line-height:1.5;font-weight:600;margin-top:2px}.offer>p:nth-child(2) .small{font-size:12px;font-weight:400}.offer>p.small{font-size:13px;margin-top:12px}.offer .cta{margin-top:20px;width:100%}footer{font-size:12px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:24px 32px;color:var(--muted)}footer div{display:flex;flex-wrap:wrap;gap:20px}
.v2 .hero-wide{display:block;max-width:1176px;margin:28px auto 0;padding:0 48px 48px}.v2 .hero-wide>.photo img{aspect-ratio:2.8/1;max-height:380px;object-position:center 38%}.v2 .hero-wide>.photo figcaption{text-align:right}.v2 .hero-copy{max-width:760px;margin-top:26px}.v2 .hero-copy h1{font-size:32px}.v2 .hero-copy .intro{max-width:650px;font-size:16px;margin-top:16px}.v2 .hero-copy .intro br{display:none}.v2 .hero .cta{margin-top:20px}.v2 .pain{grid-template-columns:.65fr 1fr}.v2 .with-me .photo{order:2}.v2 .with-me .photo img{aspect-ratio:4/3}.v2 .journey-grid{grid-template-columns:.75fr 1.25fr}.v3 .hero-circle{grid-template-columns:1.3fr .8fr;gap:100px}.hero-drawing .small{font-size:12px;max-width:300px;margin-top:12px}.v3 .hero-drawing{background:var(--soft);border:1px solid var(--line);padding:20px 28px;border-radius:var(--radius)}.v3 .pain{grid-template-columns:.85fr 1.2fr}.v3 .pain .photo img{aspect-ratio:5/4;object-position:center 30%}.v3 .journey-grid{grid-template-columns:.75fr 1.3fr}.v3 .with-me .photo img{aspect-ratio:5/4}
 dialog{color:var(--ink);border:1px solid var(--line);border-radius:8px;width:calc(100% - 40px);max-width:520px;padding:40px;box-shadow:0 12px 50px #0002}dialog::backdrop{background:rgb(0 0 0/.28)}dialog h2{font-size:24px}.close{position:absolute;right:14px;top:10px;background:none;border:none;color:var(--muted);font-size:26px;line-height:1.3}.dialog-copy{font-size:15px;line-height:1.8;margin-block:20px}.skip{position:fixed;top:-100px;left:20px;font-size:14px;background:#fff;z-index:100}.skip:focus{top:8px}
@media(max-width:1050px){.hero{gap:48px}.pain,.with-me,.finish,.journey-grid,.v3 .hero-circle{gap:56px}.hero h1{font-size:32px}.wrap{width:calc(100% - 64px)}.v2 .hero-wide{padding-inline:32px}.overview>div+div{padding-left:20px}.overview{gap:18px}.outcomes{gap:14px}.outcomes article{padding:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.designbar{padding:6px 14px}.designbar>span{display:none}.designbar nav{width:100%;justify-content:space-between}.designbar a{font-size:12px;padding:6px 8px}.masthead{padding-block:18px}.masthead .signature{display:none}.masthead nav{gap:18px;font-size:12px}.hero,.v3 .hero-circle{grid-template-columns:1fr;gap:28px;padding-block:36px}.hero-copy{max-width:600px}.hero h1,.v2 .hero-copy h1{font-size:30px;line-height:1.35}.hero-copy .intro{font-size:16px;margin-top:18px}.hero .photo img{aspect-ratio:6/5;max-height:420px;object-position:center 27%}.hero .cta{margin-top:22px}.overview{grid-template-columns:1fr;padding-block:18px;gap:14px}.overview>div+div{padding-left:0;border-left:0}.overview p{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.overview p span{font-size:12px}.meta-icon{width:28px;height:28px;flex-basis:28px;font-size:12px}.section{padding-block:48px}.pain,.v2 .pain,.v3 .pain,.with-me,.finish,.journey-grid,.v2 .journey-grid,.v3 .journey-grid{grid-template-columns:1fr;gap:32px}.pain>div:first-child{max-width:420px}.pain .circle{max-width:300px}.pain-lines{margin-top:18px}.pain-lines p{font-size:14px}.closing-line{margin-top:20px}h2{font-size:25px}h3{font-size:17px}.section-heading>p:last-child{font-size:14px}.outcomes{grid-template-columns:1fr;gap:12px;margin-top:24px}.outcomes article{display:grid;grid-template-columns:28px 1fr;gap:0 14px;padding:18px}.outcome-number{grid-row:1/3;margin:0}.outcomes article p{margin-top:4px}.journey-intro{position:static}.feet{max-width:100%;margin-top:22px}.feet img{aspect-ratio:2.2/1;max-height:200px}.timeline li{padding-left:28px;padding-bottom:30px}.timeline .eyebrow{font-size:12px}.timeline li>p:not(.eyebrow):not(.small){max-width:100%}.with-me .photo{max-width:500px}.with-me .photo img{aspect-ratio:6/4;object-position:center 30%}.finish{gap:24px}.offer{padding:22px}.offer .cta{max-width:320px}.v2 .hero-wide{padding:0 20px 32px;margin-top:22px}.v2 .hero-wide>.photo img{aspect-ratio:6/4;max-height:340px;object-position:center 30%}.v2 .hero-copy{margin-top:22px}.v2 .with-me .photo{order:0}.v3 .hero-drawing{max-width:420px;padding:16px 24px}.v3 .hero-drawing .circle{max-width:300px}.v3 .hero-drawing .small{margin-top:0}.v3 .pain .photo img{aspect-ratio:6/4}footer{flex-direction:column;gap:14px;padding-block:24px}footer div{gap:14px}dialog{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero:not(.hero-wide) .photo img{aspect-ratio:2/3;max-height:500px;object-fit:contain;object-position:center}.v3 .pain .photo img,.v2 .with-me .photo img{aspect-ratio:2/3;max-height:470px;object-fit:contain;object-position:left center}
@media(max-width:760px){.hero:not(.hero-wide) .photo{max-width:340px}.hero:not(.hero-wide) .photo img{max-height:500px}.v3 .pain .photo img,.v2 .with-me .photo img{max-height:450px;object-position:left center}.v3 .pain .photo,.v2 .with-me .photo{max-width:320px}}

body.v1{--accent:#E9F5EE}
.hero-video video{display:block;width:100%;max-height:500px;object-fit:contain;border-radius:6px;background:#f8f8f7}

/* Alleen het bovenste deel van het schaduwfragment tonen. */
.hero .hero-video{position:relative;width:100%;aspect-ratio:720/610;overflow:hidden;max-width:none!important;background:transparent;mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 98.5%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 98.5%,transparent);-webkit-mask-composite:source-in}
.hero .hero-video video{position:absolute;top:0;left:0;width:100%;height:auto;max-height:none;display:block;border:0;border-radius:0;background:transparent;filter:grayscale(1) brightness(1.12);object-fit:cover}

body.v1{background:#FFFFFF;--soft:#FFFFFF;--line:#deded8}
.v1 .designbar{background:#FFFFFF}
.v1 .hero .hero-video{aspect-ratio:720/1000;mask-image:none;-webkit-mask-image:none;background:#FFFFFF}
.hero-video canvas{display:block;width:100%;height:auto;position:relative}
.hero-video.silhouette-ready video{opacity:0;pointer-events:none}
.v1 .outcomes article,.v1 .offer,.v1 .timeline .small,.v1 .timeline .node{background:#FFFFFF}

body.v1.original-video .hero .hero-video{aspect-ratio:720/1280;max-width:340px!important;justify-self:center;mask-image:none;-webkit-mask-image:none;background:transparent}
body.original-video .hero .hero-video video{position:static;width:100%;height:auto;max-height:none;filter:none;object-fit:contain;border:0;border-radius:0;opacity:1}

/* Afgesproken copyvarianten: groene highlights in elke versie. */
body.v1,body.v2,body.v3{--accent:#E9F5EE}
.hero-paragraphs .intro{margin-top:16px;max-width:100%}
.hero-paragraphs .intro:first-child{margin-top:22px}
.timeline .call-duration{font-weight:600;margin-bottom:10px}
@media(max-width:760px){.designbar nav{flex-wrap:wrap;justify-content:flex-start}.designbar a{font-size:12px}.hero .cta{gap:14px;text-align:left}}

.hero .hero-portrait img{aspect-ratio:auto;max-height:620px;width:100%;object-fit:contain;object-position:center;border-radius:6px}
@media(max-width:760px){.hero .hero-portrait{max-width:400px;justify-self:center}.hero .hero-portrait img{max-height:none}}

.quick-summary{border-block:1px solid var(--line);padding-block:22px 26px}
.quick-summary h2{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin-bottom:22px}
.quick-items{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}
.quick-items>div{display:flex;align-items:center;gap:14px;min-width:0}
.quick-items>div+div{border-left:1px solid var(--line);padding-left:24px}
.quick-items p{font-size:14px;font-weight:600;line-height:1.6}
@media(max-width:760px){.quick-items{grid-template-columns:1fr;gap:16px}.quick-items>div+div{border-left:0;padding-left:0}.quick-summary h2{font-size:19px;margin-bottom:20px}}

.hero:not(.hero-wide) .hero-feet img{aspect-ratio:4/3;max-height:none;object-fit:cover;border-radius:6px}
.journey-video{position:relative;margin-top:28px;max-width:320px;background:#fff;overflow:hidden}
.journey-video video{display:block;width:100%;height:auto;max-height:none}
.journey-video.silhouette-ready video{position:absolute;inset:0;opacity:0;pointer-events:none}
.journey-video canvas{position:relative;display:block;width:100%;height:auto}

.with-me .geraldine-cutout img{aspect-ratio:auto;max-height:650px;object-fit:contain;object-position:center;border-radius:0}

.with-me .selfie-photo img{aspect-ratio:3/4;max-height:620px;object-fit:cover;object-position:center bottom;border-radius:6px}
.with-me .selfie-cutout img{aspect-ratio:auto;max-height:620px;object-fit:contain;border-radius:0}

/* Compact portret rechts naast de introductie van Geraldine. */
.with-me{grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:64px}
.with-me .selfie-photo{order:2;width:100%;max-width:300px;justify-self:end}
.with-me .selfie-cutout img{width:100%;max-height:415px;object-fit:contain}
@media(max-width:760px){.with-me{grid-template-columns:1fr;gap:24px}.with-me .selfie-photo{order:2;max-width:240px;justify-self:end}.with-me .selfie-cutout img{max-height:335px}}

body:is([data-copy-variant="1"],[data-copy-variant="4"],[data-copy-variant="9"]) .with-me .selfie-photo{max-width:155px}
body:is([data-copy-variant="1"],[data-copy-variant="4"],[data-copy-variant="9"]) .with-me .selfie-cutout img{max-height:215px}
@media(max-width:760px){body:is([data-copy-variant="1"],[data-copy-variant="4"],[data-copy-variant="9"]) .with-me .selfie-photo{max-width:140px}body:is([data-copy-variant="1"],[data-copy-variant="4"],[data-copy-variant="9"]) .with-me .selfie-cutout img{max-height:195px}}

/* Vierde variant: gedeelde tekstmaat en regelafstand, schoenen naast de uitnodiging. */
body[data-copy-variant="4"]{--ink:#171717;--copy-size:15px;--copy-leading:1.75}
body[data-copy-variant="4"] h2{font-size:22px}
body[data-copy-variant="4"] h3{font-size:17px}
body[data-copy-variant="4"] .hero-four{display:block}
.hero-four .four-heading h1{max-width:850px;text-wrap:initial}
.four-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:18px}
.four-paths article{border-top:1px solid var(--line);padding-top:14px}
body[data-copy-variant="4"] .four-paths h2{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin-bottom:10px;text-wrap:initial}
.four-paths p{font-size:var(--copy-size);line-height:var(--copy-leading);color:#626059;margin-top:5px}
.four-story-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:48px;align-items:start;margin-top:36px}
.four-story{min-width:0}
body[data-copy-variant="4"] .hero-four .hero-feet{margin:0;width:100%;max-width:380px;justify-self:end}
body[data-copy-variant="4"] .four-recognition h2,body[data-copy-variant="4"] .four-invitation h2{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.5;text-wrap:initial}
.four-recognition>p,.four-invitation>p{font-size:var(--copy-size);line-height:var(--copy-leading);margin-top:14px}
.four-recognition>p{color:#626059}
.four-invitation{border-left:3px solid #171717;padding-left:24px;margin-top:28px}
body[data-copy-variant="4"] .cta{background:#171717;border-color:#171717;color:#fff}
body[data-copy-variant="4"] .cta:hover{background:#333}
.four-invitation p.practical{font-size:12px;line-height:1.7;margin-top:10px}
@media(max-width:760px){.four-paths{grid-template-columns:1fr;gap:22px}.four-story-layout{grid-template-columns:1fr;gap:24px;margin-top:28px}.four-invitation{padding-left:18px}body[data-copy-variant="4"] .hero-four .hero-feet{max-width:240px;justify-self:center}.designbar a span{font-size:11px}}

/* Eén vaste maat voor alle tussen- en sectietitels in versie 4. */
body.v1[data-copy-variant="4"] h2,body.v1[data-copy-variant="4"] h3{font-size:16px;line-height:1.5}

/* Doorlopende tekst: geen extra ruimte tussen opeenvolgende zinnen/alinea's. */
body.v1[data-copy-variant="4"] p+p{margin-top:0}
body.v1[data-copy-variant="4"] .four-paths p{margin-top:0}
body.v1[data-copy-variant="4"] .pain-lines p{padding-block:0;border-bottom:0}
body.v1[data-copy-variant="4"] .pain-lines p:before{top:11px}

/* Een kleine tussenruimte onder de subtitels. */
body.v1[data-copy-variant="4"] h2,body.v1[data-copy-variant="4"] h3{margin-bottom:6px}
body.v1[data-copy-variant="4"] :is(h2,h3)+p{margin-top:0}

/* Onderkant schoenen gelijk met de knop; de praktische regel staat eronder. */
@media(min-width:761px){
 body[data-copy-variant="4"] .four-invitation .cta{display:flex;width:fit-content}
 body[data-copy-variant="4"] .hero-four .hero-feet{align-self:end;margin-bottom:calc(20.4px + 10px)}
}

/* Vijfde versie: compacte intro naast de wandelvoeten. */
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]){--ink:#171717}
body.v1:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) h2,body.v1:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) h3{font-size:16px;line-height:1.5;margin-bottom:6px}
body.v1:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) :is(h2,h3)+p,body.v1:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) p+p{margin-top:0}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .hero-five{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:18px 48px;align-items:end}
.five-heading{grid-column:1/-1}.five-heading h1{max-width:850px;text-wrap:initial}
.five-copy{font-size:15px;line-height:1.75;min-width:0;color:#626059}
.five-copy .five-block{margin-top:18px}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .five-copy p.five-block{margin-top:18px}
.five-promise{color:var(--ink)}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .cta{background:#171717;border-color:#171717;color:#fff}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .cta:hover{background:#333}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .five-copy .cta{display:flex;width:fit-content;margin-top:22px}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .hero-five .hero-feet{width:100%;max-width:380px;justify-self:end;align-self:end;margin-bottom:30.4px}
.five-copy .practical{font-size:12px;line-height:1.7;margin-top:10px}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .with-me .selfie-photo{max-width:155px}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .with-me .selfie-cutout img{max-height:215px}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .pain-lines p{padding-block:0;border-bottom:0}
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .pain-lines p:before{top:11px}
.designbar nav{flex-wrap:wrap}
@media(max-width:760px){body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .hero-five{grid-template-columns:1fr;gap:18px}.five-heading{grid-column:auto}body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .hero-five .hero-feet{max-width:240px;justify-self:center;margin:8px 0 0}body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .with-me .selfie-photo{max-width:140px}body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .with-me .selfie-cutout img{max-height:195px}}

/* Het maandoverzicht in versie 5. */
body:is([data-copy-variant="5"],[data-copy-variant="6"],[data-copy-variant="7"],[data-copy-variant="8"]) .five-summary h2{margin-bottom:6px}
.five-summary-intro{font-size:15px;line-height:1.75}
.five-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px}
.five-summary-grid article{border-top:1px solid var(--line);padding-top:14px}
.five-summary-grid p{font-size:15px;line-height:1.75;color:#626059}
@media(max-width:760px){.five-summary-grid{grid-template-columns:1fr;gap:22px}}

/* Versies 7 en 8: dezelfde compositie en voetjesmaat voor tekstvergelijking. */
.hero-ab{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px 48px;align-items:center}
.hero-ab .ab-heading{grid-column:1/-1;min-width:0}
.hero-ab .ab-heading h1{text-wrap:initial}
.hero-ab .hero-copy{max-width:620px;min-width:0}
.hero-ab .hero-copy h1{text-wrap:initial}
.hero-ab .hero-copy .intro{font-size:15px;line-height:1.75;margin-top:18px;max-width:none}
body.v1:is([data-copy-variant="7"],[data-copy-variant="8"]) .hero-ab .hero-copy .intro+.intro{margin-top:18px}
.hero-ab .hero-paragraphs .intro:first-child{margin-top:0}
.hero-ab .hero-feet{width:100%;max-width:380px;justify-self:center;align-self:center;margin:0}
@media(max-width:760px){.hero-ab{grid-template-columns:1fr;gap:18px}.hero-ab .hero-feet{max-width:300px}}

/* Versie 9: brede titel met behoud van de tekstmaat van A. */
.hero-nine{grid-template-columns:1.25fr .9fr;column-gap:80px}
.hero-nine .hero-copy{max-width:560px}
.hero-nine .hero-copy .intro{font-size:17px;line-height:1.75;margin-top:16px}
.hero-nine .hero-paragraphs .intro:first-child{margin-top:0}
.hero-nine .hero-feet{max-width:none}
@media(max-width:1050px){.hero-nine{column-gap:48px}}
@media(max-width:760px){.hero-nine{grid-template-columns:1fr;gap:18px}.hero-nine .hero-copy .intro{font-size:16px}.hero-nine .hero-feet{max-width:340px}}

/* Versie 9: optelsom 3, ingrediënten links en resultaat rechts. */
.steps-sum{border-block:1px solid var(--line);padding-block:32px 38px}
.steps-sum h2{font-size:12px;line-height:1.6;letter-spacing:.1em;margin-bottom:24px}
.steps-equation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:40px;align-items:center}
.steps-ingredients{margin:0;max-width:400px}
.steps-ingredients>div{display:flex;align-items:baseline;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}
.steps-ingredients dt{font-size:15px;line-height:1.5;font-weight:400}
.steps-ingredients dd{order:-1;min-width:24px;margin:0;font-size:20px;font-weight:600;line-height:1.5}
.steps-equals{font-size:30px;color:var(--muted)}
.steps-result{font-size:28px;line-height:1.4;letter-spacing:-.035em}
.steps-result strong{display:block;margin-top:16px;font-weight:600}
@media(max-width:760px){.steps-equation{grid-template-columns:1fr;gap:20px}.steps-ingredients{max-width:none}.steps-result{font-size:25px}.steps-sum{padding-block:26px 30px}.steps-result strong{margin-top:8px}}

/* Nieuwe titelvarianten: schoenen beginnen hoger, naast de eerste alinea. */
body:is([data-copy-variant="10"],[data-copy-variant="11"]) .hero-nine .hero-feet{align-self:start}
body:is([data-copy-variant="10"],[data-copy-variant="11"]) .with-me .selfie-photo{max-width:155px}
body:is([data-copy-variant="10"],[data-copy-variant="11"]) .with-me .selfie-cutout img{max-height:215px}

/* Versie 10: concrete klantvoorbeelden onder het maandoverzicht. */
.month-results{border-bottom:1px solid var(--line)}
.month-results h2{font-size:22px;line-height:1.5;text-wrap:initial;letter-spacing:-.025em}
.month-results header>p{font-size:15px;line-height:1.75;color:#626059;margin-top:14px}
.month-examples{padding:0;margin:28px 0 0;list-style:none}
.month-examples li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.month-examples li:last-child{border-bottom:1px solid var(--line)}
.example-number{font-size:12px;color:var(--muted);padding-top:3px}
.month-examples h3{font-size:16px;line-height:1.5;letter-spacing:-.015em;text-wrap:initial;margin-bottom:6px}
.month-examples p,.month-results-close{font-size:15px;line-height:1.75;color:#626059}
.month-results-close{margin-top:22px}
@media(max-width:760px){.month-results h2{font-size:20px}.month-examples li{gap:12px;grid-template-columns:24px minmax(0,1fr)}}

/* Versie 11: herkenning links, gegroepeerde voorbeelden rechts. */
.between-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);gap:48px;border-top:1px solid var(--line);align-items:start}
.between-intro{position:sticky;top:110px;border-right:1px solid var(--line);padding-right:28px}
.between-intro h2{font-size:25px;line-height:1.4;text-wrap:initial;margin-bottom:18px}
.between-intro>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#626059}
.between-group+.between-group{margin-top:42px}
.between-group-title{font-size:16px;line-height:1.5;border-top:1px solid var(--line);padding-top:16px;margin-bottom:24px;text-wrap:initial}
.between-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;margin-top:28px;opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}
.between-item h4{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}
.between-item p{font-size:15px;line-height:1.75;color:#626059}
.between-diagram{width:170px;height:auto;display:block;overflow:visible}
.between-diagram .stroke{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.between-diagram .fill{fill:var(--accent);stroke:none}
.between-diagram .dot{fill:var(--ink)}
.between-diagram text{fill:#626059;font:15px Inter,Arial,sans-serif}
.between-group-title{transition:opacity .3s ease,transform .3s ease}
.between-item.reveal-pending,.between-group-title.reveal-pending{opacity:0;transform:translateY(12px)}
@media(max-width:1050px){.between-section{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}.between-item{grid-template-columns:150px minmax(0,1fr);gap:18px}.between-diagram{width:150px}.between-intro{padding-right:20px}}
@media(max-width:760px){.between-section{grid-template-columns:1fr;gap:32px}.between-intro{position:static;border:0;padding:0}.between-item{grid-template-columns:1fr;gap:12px;margin-top:30px}.between-diagram{width:180px}.between-intro h2{font-size:23px}.between-group+.between-group{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.between-item,.between-group-title{opacity:1!important;transform:none!important;transition:none!important}}

/* Versie 12: één kaart tegelijk, gekoppeld aan de natuurlijke scrollpositie. */
body[data-copy-variant="12"] .hero-nine .hero-feet{align-self:start}
body[data-copy-variant="12"] .with-me .selfie-photo{max-width:155px}
body[data-copy-variant="12"] .with-me .selfie-cutout img{max-height:215px}




.next-paths{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.9fr);gap:56px;padding-block:60px;border-top:1px solid var(--line);align-items:start}
.next-paths header{position:sticky;top:115px}.next-paths h2{font-size:27px;line-height:1.4;text-wrap:initial;margin:0}
.next-paths-content{min-width:0}.next-paths-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.next-paths-columns article{padding-top:0}.next-paths h3{font-size:16px;line-height:1.5;text-wrap:initial;margin:0 0 10px}.next-paths p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.next-paths-bridge{margin-top:40px;max-width:640px}
@media(max-width:1000px){.next-paths{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:32px}.next-paths-columns{gap:16px}.next-paths h2{font-size:24px}}
@media(max-width:760px){.next-paths{grid-template-columns:1fr;gap:28px;padding-block:40px}.next-paths header{position:static}.next-paths-columns{grid-template-columns:1fr;gap:24px}.next-paths-bridge{margin-top:30px}}

.next-paths .bridge-conclusion{margin-top:16px;color:var(--ink)}

.steps-result .steps-caption{display:block;font-size:14px;line-height:1.5;font-weight:400;font-style:italic;letter-spacing:normal;margin-top:4px;color:var(--muted)}

.desire-gap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.9fr);gap:56px;padding-block:60px;border-top:1px solid var(--line);align-items:start}
.desire-gap header{position:sticky;top:115px}.desire-gap h2{font-size:27px;line-height:1.4;text-wrap:initial;margin:0}
.desire-gap-copy{max-width:640px;min-width:0}.desire-gap-copy p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 18px}.desire-gap-copy p:last-child{margin-bottom:0;color:var(--ink)}
@media(max-width:1000px){.desire-gap{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:32px}.desire-gap h2{font-size:24px}}
@media(max-width:760px){.desire-gap{grid-template-columns:1fr;gap:28px;padding-block:40px}.desire-gap header{position:static}}

.desire-gap-copy .desire-indent{margin-left:28px}.desire-gap-copy p:last-child{color:var(--muted)}.desire-gap-copy strong{color:var(--ink)}
@media(max-width:760px){.desire-gap-copy .desire-indent{margin-left:20px}}

/* Full step:in trajectory, variant 12 */

#stepin-full-timeline{--st-paper:light-dark(#ffffff,#1b1c19);--st-ink:light-dark(#282925,#eeeFE9);--st-muted:light-dark(#6c6e66,#b8bab2);--st-line:light-dark(#d8dad2,#4a4c43);--st-soft:light-dark(#f4f5f0,#292b25);--st-lit:light-dark(#e6eee5,#495641);font:14px/1.75 Inter,Arial,sans-serif;background:var(--st-paper);color:var(--st-ink);padding:32px 22px}
#stepin-full-timeline *{box-sizing:border-box}
#stepin-full-timeline .st-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:38px;align-items:start}
#stepin-full-timeline .st-label{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--st-muted);line-height:1.7;margin:0 0 18px;font-weight:500}
#stepin-full-timeline h2{font-size:29px;font-weight:500;line-height:1.23;letter-spacing:-1px;margin:0 0 30px}
#stepin-full-timeline h2 strong{display:block;margin-top:17px;font-weight:700}
#stepin-full-timeline p{margin:0 0 16px;color:var(--st-muted)}
#stepin-full-timeline strong{color:var(--st-ink);font-weight:600}
#stepin-full-timeline .st-intro{position:sticky;top:24px}
#stepin-full-timeline .st-video{background:var(--st-soft);aspect-ratio:4/3;margin-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--st-muted);font-size:13px}
#stepin-full-timeline .st-video small{font-size:11px}
#stepin-full-timeline .st-video i{width:26px;height:26px}
#stepin-full-timeline .st-heading{font-size:14px;font-weight:600;margin:0 0 28px}
#stepin-full-timeline .st-steps{list-style:none;padding:0;margin:0}
#stepin-full-timeline .st-step{position:relative;padding:0 0 48px 48px;margin:0;min-width:0}
#stepin-full-timeline .st-step:not(:last-child):before{content:'';position:absolute;top:16px;bottom:-16px;width:1px;left:15px;background:var(--st-line)}
#stepin-full-timeline .st-dot{position:absolute;top:0;left:0;width:32px;height:32px;border:1px solid var(--st-line);background:var(--st-paper);display:grid;place-items:center;border-radius:50%;font-size:12px;line-height:1;color:var(--st-muted);z-index:1;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,color .35s ease}
#stepin-full-timeline .st-step.is-seen .st-dot{background:var(--st-lit);border-color:var(--st-lit);color:var(--st-ink)}
#stepin-full-timeline .st-step.is-current .st-dot{box-shadow:0 0 0 6px var(--st-soft);border-color:var(--st-muted);font-weight:700}
#stepin-full-timeline .st-step .st-label{padding-top:5px;margin:0 0 10px;letter-spacing:1.1px}
#stepin-full-timeline h3{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 17px}
#stepin-full-timeline .st-activity{border:1px solid var(--st-line);padding:14px 15px;margin:20px 0 10px;font-size:12px;line-height:1.65;color:var(--st-muted)}
#stepin-full-timeline .st-activity-row{display:flex;align-items:center;gap:9px;margin:0 0 7px}
#stepin-full-timeline .st-activity-row:last-child{margin:0}
#stepin-full-timeline .st-activity-row i{width:16px;height:16px;flex-shrink:0}
#stepin-full-timeline .st-note{font-size:12px}
#stepin-full-timeline .st-sequence{border-left:2px solid var(--st-line);padding-left:14px;margin:16px 0 22px}
#stepin-full-timeline .st-sequence p{margin:0;line-height:1.85}
#stepin-full-timeline .st-step:last-child{padding-bottom:0}
#stepin-full-timeline .st-result{background:var(--st-soft);padding:18px;margin-top:14px}
#stepin-full-timeline .st-result p:last-child{margin-bottom:0}
@media(max-width:560px){#stepin-full-timeline{padding:25px 16px}#stepin-full-timeline .st-layout{grid-template-columns:1fr;gap:40px}#stepin-full-timeline .st-intro{position:static}#stepin-full-timeline h2{font-size:30px}#stepin-full-timeline .st-video{aspect-ratio:16/8}#stepin-full-timeline .st-step{padding-left:45px}}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-dot{transition:none}}

#stepin-full-timeline{font-size:16px;line-height:1.7;padding:0}#stepin-full-timeline .st-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:72px}#stepin-full-timeline .st-intro{position:sticky;top:110px}#stepin-full-timeline .st-label{font-size:12px}#stepin-full-timeline .st-activity,#stepin-full-timeline .st-note{font-size:14px}#stepin-full-timeline .st-video{display:block;aspect-ratio:auto}#stepin-full-timeline .st-video video{width:100%;display:block} @media(max-width:700px){#stepin-full-timeline .st-layout{grid-template-columns:1fr;gap:40px}}

@media(max-width:700px){#stepin-full-timeline .st-intro{position:static}}

/* Refined open process details */
#stepin-full-timeline .st-opening{margin-bottom:40px}
#stepin-full-timeline .st-heading{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:500;color:var(--st-muted)}
#stepin-full-timeline .st-right p{font-size:14px;line-height:1.75;color:var(--st-muted)}
#stepin-full-timeline .st-right h3{font-size:16px}
#stepin-full-timeline .st-details{margin-top:20px}
#stepin-full-timeline .st-detail{display:flex;align-items:flex-start;gap:15px;padding:15px 0}
#stepin-full-timeline .st-detail+.st-detail{border-top:1px solid var(--st-line)}
#stepin-full-timeline .st-detail svg{flex:0 0 21px;width:21px;height:21px;color:var(--st-muted);margin-top:3px}
#stepin-full-timeline .st-detail h4{font-size:15px;font-weight:600;margin:0 0 4px}
#stepin-full-timeline .st-detail p{font-size:13px;margin:0 0 5px}
#stepin-full-timeline .st-detail span{font-size:12px;color:var(--st-muted);line-height:1.6;display:block}
#stepin-full-timeline .st-intro .journey-video{max-width:300px;margin:30px auto 0}
#stepin-full-timeline .st-intro{position:static}

/* Compact spacing and inset session details */
#stepin-full-timeline .st-right p{font-size:16px;line-height:1.65;margin-bottom:12px}
#stepin-full-timeline .st-step{padding-bottom:32px}
#stepin-full-timeline .st-step h3{margin-bottom:10px}
#stepin-full-timeline .st-opening{margin-bottom:28px}
#stepin-full-timeline .st-details{margin-top:12px;margin-left:28px}
#stepin-full-timeline .st-detail{padding:10px 0}
#stepin-full-timeline .st-detail+.st-detail{border-top:0}
#stepin-full-timeline .st-detail p{font-size:13px;line-height:1.65;margin-bottom:4px}
#stepin-full-timeline .st-dot{background:#fff;border-color:#d8dad2;color:#6c6e66}
#stepin-full-timeline .st-step.is-seen .st-dot{background:#b7d5be;border-color:#b7d5be;color:#24362a}
#stepin-full-timeline .st-step.is-current .st-dot{box-shadow:none;border-color:#b7d5be}
#stepin-full-timeline .st-month{margin-top:-8px;margin-bottom:20px}
@media(max-width:700px){#stepin-full-timeline .st-details{margin-left:15px}}

/* Current step uses the brand highlight; completed steps keep its outline. */
#stepin-full-timeline .st-step.is-seen .st-dot{background:#fff;border-color:#E9F5EE;color:var(--st-ink);border-width:2px}
#stepin-full-timeline .st-step.is-current .st-dot{background:#E9F5EE;border-color:#E9F5EE;box-shadow:none}

/* Single compact text block per movement */
#stepin-full-timeline .st-icon-title{display:flex;gap:11px;align-items:flex-start}
#stepin-full-timeline .st-icon-title svg{width:21px;height:21px;flex:0 0 21px;margin-top:2px;color:var(--st-muted)}
#stepin-full-timeline .st-session-meta{font-size:13px;line-height:1.65;color:var(--st-muted);margin:0 0 12px 32px}
#stepin-full-timeline .st-step>p{margin-left:32px}

#stepin-full-timeline .st-week-highlight{padding:2px 4px;margin-left:-4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .25s ease,color .25s ease}
#stepin-full-timeline .st-step.is-current .st-week-highlight{background:#E9F5EE;color:var(--st-ink)}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-week-highlight{transition:none}}

/* Session labels follow the active week in the brand yellow. */
#stepin-full-timeline .st-session-highlight{padding:2px 3px;margin-left:-3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .25s ease,color .25s ease}
#stepin-full-timeline .st-step.is-current .st-session-highlight{background:#FFFDE0;color:var(--st-ink)}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-session-highlight{transition:none}}

/* Icon highlights follow the same active movement as week and session. */
#stepin-full-timeline .st-icon-title svg{color:var(--st-ink);border-radius:2px;transition:background-color .25s ease,box-shadow .25s ease}
#stepin-full-timeline .st-step.is-current .st-icon-title svg{background:#FFFDE0;box-shadow:0 0 0 4px #FFFDE0}
#stepin-full-timeline .st-opening{margin-bottom:18px}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-icon-title svg{transition:none}}

/* Four-week examples in the existing brand typography. */
.proof-four{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:72px;align-items:start}
.proof-four h2{font-size:27px;line-height:1.4;text-wrap:initial;margin:0 0 20px}
.proof-four header p{font-size:16px;line-height:1.75;color:var(--muted)}
.proof-four-examples article{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.proof-four-examples article:last-child{border:0;padding-bottom:0;margin-bottom:0}
.proof-four h3{font-size:16px;line-height:1.5;letter-spacing:-.015em;margin:0 0 8px}
.proof-four blockquote{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 12px}
.proof-four .proof-credit{font-size:13px;color:var(--muted);margin:0}
.proof-object{width:128px;height:78px;background-image:url('assets/result-objects-reference.png');background-size:442px 124.2px;background-repeat:no-repeat;margin-top:3px}
.proof-object.laptop{background-position:-9px -8px}.proof-object.papers{background-position:-155px -8px}.proof-object.planner{background-position:-306px -8px}
@media(max-width:1000px){.proof-four{gap:32px;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr)}.proof-four h2{font-size:24px}.proof-four-examples article{gap:16px}}
@media(max-width:760px){.proof-four{grid-template-columns:1fr;gap:30px}.proof-four-examples article{grid-template-columns:100px minmax(0,1fr)}.proof-object{transform:scale(.78);transform-origin:top left;margin-right:-28px}}
@media(max-width:390px){.proof-four-examples article{grid-template-columns:1fr;gap:12px}.proof-object{transform:none}}

/* Divider between recognition and four-week examples. */
.desire-gap + .proof-four{border-top:1px solid var(--line)}

/* Divider between four-week examples and the trajectory. */
.proof-four:has(+ #traject){border-bottom:1px solid var(--line)}

/* Six complete testimonials, with isolated object artwork. */
.proof-four-examples article{grid-template-columns:150px minmax(0,1fr);gap:22px;padding-bottom:32px;margin-bottom:32px}
.testimonial-art{width:150px;height:85px;background-image:url('assets/testimonial-objects.jpg');background-size:687px 572.5px;background-repeat:no-repeat}
.testimonial-art.laptop{background-position:-125px -188px}
.testimonial-art.papers{background-position:-125px -282px}
.testimonial-art.book{background-position:-125px -377px}
.testimonial-art.badge{background-position:-125px -100px}
.testimonial-art.cups{background-position:-125px -482px}
.testimonial-art.energy{background-image:url('assets/testimonial-energy.jpg');background-size:307.2px 204.8px;background-position:-8px -105px}
@media(max-width:1000px){.proof-four-examples article{grid-template-columns:120px minmax(0,1fr);gap:16px}.testimonial-art{transform:scale(.8);transform-origin:top left;margin-right:-30px}}
@media(max-width:600px){.proof-four-examples article{grid-template-columns:1fr;gap:16px}.testimonial-art{transform:none;margin:0}.proof-four-examples article{padding-bottom:28px;margin-bottom:28px}}
.testimonial-art.laptop,.testimonial-art.papers,.testimonial-art.book{background-image:url('assets/testimonial-five.jpg');background-size:750px 250px;background-position-y:-48px;height:120px}
.testimonial-art.laptop{background-position-x:0}
.testimonial-art.papers{background-position-x:-300px}
.testimonial-art.book{background-position-x:-450px}
.testimonial-art.badge{height:75px}
.testimonial-art.cups{background-image:url('assets/testimonial-cups.jpg');background-size:150px 100px;background-position:center;height:100px}

/* Compact paired testimonials in variant 12. */
.proof-four{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:48px}
.proof-four-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px}
.proof-four-examples article,.proof-four-examples article:last-child{display:flex;flex-direction:column;gap:0;padding:0 0 24px;margin:0;border-bottom:1px solid var(--line)}
.proof-four-examples article:nth-last-child(-n+2){border-bottom:0}
.proof-four-examples .testimonial-art{zoom:.8;transform:none;margin:0 0 18px;height:120px}
.proof-four-examples .testimonial-art.badge{height:75px;margin-bottom:63px}
.proof-four-examples .testimonial-art.energy{height:85px;margin-bottom:53px}
.proof-four h3{font-size:16px;line-height:1.4;margin-bottom:10px}
.proof-four blockquote{font-size:15px;line-height:1.65}
.proof-four .proof-credit{font-size:13px}
@media(max-width:900px){.proof-four{grid-template-columns:1fr;gap:30px}.proof-four header{max-width:520px}}
@media(max-width:600px){.proof-four-examples{grid-template-columns:1fr;gap:24px}.proof-four-examples article:nth-last-child(2){border-bottom:1px solid var(--line)}.proof-four blockquote{font-size:16px}.proof-four-examples .testimonial-art{margin-bottom:16px}.proof-four-examples .testimonial-art.badge,.proof-four-examples .testimonial-art.energy{margin-bottom:16px}}
/* Compact testimonials; heading remains on the left on desktop. */
@media(min-width:901px){.proof-four{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:48px}.proof-four h2{font-size:30px;line-height:1.3}}
.proof-four-examples{gap:24px}
.proof-four-examples article{padding-bottom:20px}
.proof-four-examples blockquote{font-size:14px;line-height:1.65}
.proof-four-examples h3{font-size:15px}
.proof-four-examples .testimonial-art{zoom:.7}
@media(max-width:600px){.proof-four-examples blockquote{font-size:16px}}
/* Keep the walking video alongside the active timeline step. */
#stepin-full-timeline .st-intro{align-self:stretch;position:static}
#stepin-full-timeline .st-intro .journey-video{position:sticky;top:140px}
#stepin-full-timeline .st-step.is-current .st-session-highlight{background:#E9F5EE}
#stepin-full-timeline .st-step.is-current .st-icon-title svg{background:#E9F5EE;box-shadow:0 0 0 4px #E9F5EE;color:#111}
#stepin-full-timeline .st-icon-title svg path,#stepin-full-timeline .st-icon-title svg circle{transition:fill .25s ease}
#stepin-full-timeline .st-step.is-current .st-icon-title svg circle,
#stepin-full-timeline .st-step.is-current .st-icon-title svg path:only-child,
#stepin-full-timeline .st-step.is-current .st-icon-title svg path:nth-child(2){fill:#111}
@media(max-width:700px){#stepin-full-timeline .st-intro .journey-video{position:static}}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-icon-title svg path,#stepin-full-timeline .st-icon-title svg circle{transition:none}}

/* Personal biography for variant 12. */
.bio-twelve{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:72px;align-items:start}
.bio-twelve h2{font-size:30px;line-height:1.3;margin:0 0 28px}
.bio-twelve h3{font-size:16px;line-height:1.5;margin:0 0 10px}
.bio-twelve p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 22px}
.bio-twelve figure{margin:28px 0 0;width:230px;max-width:100%}
.bio-twelve figure img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:left bottom}
.bio-twelve figcaption{font-size:13px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.bio-twelve{gap:36px}}
@media(max-width:700px){.bio-twelve{grid-template-columns:1fr;gap:32px}.bio-twelve h2{font-size:27px}.bio-twelve figure{width:190px}}
body[data-copy-variant="12"] mark.brand-highlight{color:var(--ink);padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-copy-variant="12"] mark.yellow{background:#FFFDE0}
body[data-copy-variant="12"] mark.green{background:#E9F5EE}
.bio-twelve .bio-hello{color:var(--ink);margin-bottom:24px}
.offer-final{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:72px;align-items:start}
.offer-final h2{font-size:30px;line-height:1.3;margin:0}
.offer-summary{padding:28px;border:1px solid var(--line);border-radius:5px}
.offer-list{margin:24px 0;font-size:16px;color:var(--muted)}
.offer-list p{margin:0 0 10px}.offer-list strong{color:var(--ink);margin-right:6px}
.offer-steps{border-block:1px solid var(--line);padding:20px 0;font-size:20px;line-height:1.5}
.offer-steps small{display:block;font-size:13px;font-style:italic;color:var(--muted);margin-bottom:10px}
.offer-price{font-size:36px;font-weight:600;margin:24px 0 8px;line-height:1.2}
.offer-price span{font-size:13px;font-weight:400;color:var(--muted)}
.offer-detail{font-size:14px;color:var(--muted);margin-bottom:20px}
.offer-summary .cta{width:100%;justify-content:space-between}
@media(max-width:760px){.offer-final{grid-template-columns:1fr;gap:28px}.offer-final h2{font-size:27px}.offer-summary{padding:24px}}

/* Week labels stay highlighted; only the marker and icon respond to scrolling. */
#stepin-full-timeline .st-week-highlight,#stepin-full-timeline .st-step.is-current .st-week-highlight{background:#E9F5EE;color:var(--st-ink);transition:none}
#stepin-full-timeline .st-session-highlight,#stepin-full-timeline .st-step.is-current .st-session-highlight{background:transparent;color:inherit;transition:none}

/* Only the current week and its dot change on scroll. */
#stepin-full-timeline .st-week-highlight{background:transparent;color:var(--st-muted);transition:background-color .25s ease,color .25s ease}
#stepin-full-timeline .st-step.is-current .st-week-highlight{background:#E9F5EE;color:var(--st-ink)}
#stepin-full-timeline .st-icon-title svg,#stepin-full-timeline .st-step.is-current .st-icon-title svg{background:transparent;box-shadow:none;color:var(--st-ink);transition:none}
#stepin-full-timeline .st-step.is-current .st-icon-title svg circle,#stepin-full-timeline .st-step.is-current .st-icon-title svg path{fill:none}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-week-highlight{transition:none}}
#stepin-full-timeline .st-step.is-current .st-icon-title svg path:only-child,#stepin-full-timeline .st-step.is-current .st-icon-title svg path:nth-child(2){fill:none}

/* Three compact testimonials per section, alongside their heading. */
.proof-three{grid-template-columns:minmax(0,.7fr) minmax(0,1.9fr);gap:40px}
.proof-three .proof-four-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.proof-three .proof-four-examples article{border:0;padding:0;margin:0}
.proof-three .proof-four-examples blockquote{font-size:13px;line-height:1.65}
.proof-three .proof-four-examples h3{font-size:14px;line-height:1.4}
.proof-three .proof-credit{font-size:12px}
.proof-three .testimonial-art{zoom:.6}
#meer-ervaringen{border-top:1px solid var(--line)}
#stepin-full-timeline .st-week-highlight,#stepin-full-timeline .st-step.is-current .st-week-highlight{background:transparent;color:var(--st-muted);transition:none}
#stepin-full-timeline .st-icon-title>span{box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .25s ease}
#stepin-full-timeline .st-step.is-current .st-icon-title>span{background:#E9F5EE}
@media(max-width:1000px){.proof-three{grid-template-columns:1fr;gap:30px}.proof-three header{max-width:540px}}
@media(max-width:650px){.proof-three .proof-four-examples{grid-template-columns:1fr;gap:30px}.proof-three .proof-four-examples blockquote{font-size:16px}.proof-three .proof-four-examples h3{font-size:16px}.proof-three .proof-credit{font-size:13px}}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-icon-title>span{transition:none}}

/* One continuous heading: icon, week, phase and title. */
#stepin-full-timeline .st-combined-title{font-size:14px;line-height:1.6;gap:10px;margin-bottom:12px}
#stepin-full-timeline .st-combined-title .st-heading-line{background:transparent;font-weight:600;letter-spacing:0;text-transform:none}
#stepin-full-timeline .st-combined-title .st-inline-week{color:var(--st-muted);font-weight:500}
#stepin-full-timeline .st-title-highlight{box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .25s ease}
#stepin-full-timeline .st-step.is-current .st-combined-title>.st-heading-line{background:transparent}
#stepin-full-timeline .st-step.is-current .st-title-highlight{background:#E9F5EE}
@media(max-width:700px){#stepin-full-timeline .st-combined-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){#stepin-full-timeline .st-title-highlight{transition:none}}

#meer-ervaringen + .bio-twelve{border-top:1px solid var(--line)}

.bio-twelve .bio-right .bio-emphasis{color:var(--ink);font-weight:700;line-height:1.5;margin-top:26px;margin-bottom:26px}
.bio-twelve .bio-right .bio-emphasis strong{font-weight:700}

.desire-gap .desire-subtitle{font-size:16px;line-height:1.75;color:var(--muted);margin-top:22px}

#stepin-full-timeline .st-difference{margin:28px 0 0 45px;padding-top:24px;border-top:1px solid var(--line)}
#stepin-full-timeline .st-difference h3{font-size:16px;margin:0 0 12px}
#stepin-full-timeline .st-difference p{font-size:16px;line-height:1.65;color:var(--muted)}

.offer-final .offer-intro{font-size:16px;line-height:1.75;color:var(--muted);margin:24px 0 0}
.offer-value{font-size:14px;color:var(--muted);margin:24px 0 14px}
.offer-value s{text-decoration-thickness:1px}
.offer-discount{font-size:13px;color:var(--muted);margin:0 0 6px}
.offer-discount+.offer-price{margin-top:0}

.offer-price-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 16px}
.offer-price-row .offer-price{font-size:30px;line-height:1.2;font-weight:700;margin:0;letter-spacing:-.8px}
.offer-saving{font-size:14px;font-weight:600;background:#E9F5EE;color:var(--ink);padding:6px 10px}
.offer-tax{font-size:13px;color:var(--muted);margin:0 0 22px}

/* Approved compact dual pricing and timeline introduction. */

#eerste-stap{--paper:light-dark(#fff,#20231f);--ink:light-dark(#292c27,#f1f3ee);--muted:light-dark(#70746b,#b9beb5);--line:light-dark(#dedfd8,#464c43);--mint:light-dark(#e9f5ee,#304c3b);background:var(--paper);color:var(--ink);font:14px/1.65 Arial,sans-serif;padding:30px 20px;display:grid;grid-template-columns:.85fr 1.5fr;gap:32px;box-sizing:border-box}
#eerste-stap *{box-sizing:border-box}
#eerste-stap h2{font:600 29px/1.18 Arial,sans-serif;letter-spacing:-.8px;margin:0 0 20px}
#eerste-stap mark{background:var(--mint);color:inherit;padding:1px 4px}
#eerste-stap h2 mark{padding:0 2px}
#eerste-stap .intro{color:var(--muted);margin:0}
#eerste-stap .summary{border:1px solid var(--line);border-radius:5px;padding:24px;align-self:start}
#eerste-stap .eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--muted);margin:0 0 22px}
#eerste-stap ul{margin:0;padding:0;list-style:none;color:var(--muted)}
#eerste-stap li{margin-bottom:10px}
#eerste-stap strong{font-size:14px;font-weight:600;color:var(--ink)}
#eerste-stap li strong{margin-right:7px}
#eerste-stap .steps{border-top:1px solid var(--line);padding:18px 0;margin-top:22px}
#eerste-stap .steps p{margin:0;font-size:14px;font-weight:500}
#eerste-stap .steps em{display:block;font-size:12px;color:var(--muted);margin:2px 0 10px}
#eerste-stap .calculation{border-block:1px solid var(--line);padding:12px 0;margin:0 0 22px}
#eerste-stap .calc-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;margin:0}
#eerste-stap .calc-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}
#eerste-stap .calc-row:first-child{color:var(--muted)}
#eerste-stap .rates{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#eerste-stap .rate{display:flex;flex-direction:column;min-width:0}
#eerste-stap .rate+.rate{border-left:1px solid var(--line);padding-left:18px}
#eerste-stap h3{font:600 14px/1.4 Arial,sans-serif;margin:0 0 10px}
#eerste-stap .price{font-size:14px;margin:0;white-space:nowrap}
#eerste-stap .price span{color:var(--muted)}
#eerste-stap .note{font-size:11px;line-height:1.5;color:var(--muted);min-height:34px;margin:8px 0 14px}
#eerste-stap button{font:600 12px/1.3 Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px;padding:10px 9px;border:0;border-radius:3px;background:var(--ink);color:var(--paper);margin-top:auto;text-align:left}
#eerste-stap button:after{content:'↗'}
@media(max-width:620px){#eerste-stap{grid-template-columns:1fr;padding:24px 16px;gap:28px}#eerste-stap h2{max-width:350px}#eerste-stap .summary{padding:20px}}
@media(max-width:360px){#eerste-stap .summary{padding:15px}#eerste-stap .rates{gap:12px}#eerste-stap .rate+.rate{padding-left:12px}#eerste-stap .price span{display:block}#eerste-stap button{font-size:11px;padding-inline:6px}}


#eerste-stap .calc-row{display:grid;grid-template-columns:76px 1fr;justify-content:start;gap:12px}
#eerste-stap .calc-row>strong{grid-column:1;grid-row:1;text-align:left}
#eerste-stap .calc-row>span{grid-column:2;grid-row:1}
#eerste-stap .calc-row strong mark{padding-left:0}

#eerste-stap{font-family:inherit;background:var(--paper);padding:64px 0;grid-template-columns:.85fr 1.5fr;gap:52px}
#eerste-stap h2{font-family:inherit;font-size:32px}
#eerste-stap .intro{font-size:16px}
#eerste-stap h3,#eerste-stap button{font-family:inherit}
#stepin-full-timeline .st-difference{margin:0 0 32px 45px;padding-top:0;border-top:0}
@media(max-width:700px){#eerste-stap{grid-template-columns:1fr;gap:28px;padding:42px 0}#stepin-full-timeline .st-difference{margin-left:0}}

/* Steps follow the included sessions with the same typography. */
#eerste-stap .steps{border-top:0;margin-top:10px;padding-top:0;font-family:inherit;color:var(--muted)}
#eerste-stap .steps p{font-size:14px;line-height:1.65;font-weight:400}
#eerste-stap .steps p strong{margin-right:7px}
#eerste-stap .steps p+p{margin-top:10px}

/* FAQ: outlined panels, question-only highlight on expansion. */
#faq{display:grid;grid-template-columns:.85fr 1.5fr;gap:52px;border-top:1px solid var(--line);align-items:start}
#faq h2{font-size:32px;line-height:1.2;margin:0;letter-spacing:-.7px}
#faq .faq-list{min-width:0}
#faq details{background:#fff;border:1px solid var(--line);border-radius:5px;padding:0 18px;margin:0 0 10px}
#faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:18px;list-style:none;font-size:14px;font-weight:400;line-height:1.5;padding:16px 0;cursor:pointer}
#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:'+';font-size:20px;font-weight:400;flex-shrink:0}
#faq details[open]>summary::after{content:'−'}
#faq details[open]>summary span{background:#E9F5EE;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#faq .answer{font-size:14px;line-height:1.7;color:var(--muted);padding:0 0 18px}
#faq .answer p{margin:0 0 14px}
#faq .answer p:last-child{margin-bottom:0}
#faq .answer ul{padding-left:20px;margin:12px 0 16px}
#faq .answer li{margin:5px 0}
#faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:700px){#faq{grid-template-columns:1fr;gap:28px}#faq details{padding:0 15px}}

#eerste-stap .offer-illustration{position:relative;width:280px;max-width:100%;aspect-ratio:1.5;overflow:hidden;margin:32px 0 0}
#eerste-stap .offer-illustration img{position:absolute;width:180%;max-width:none;height:auto;left:-40%;top:-82%;display:block}

#eerste-stap .offer-included li{display:grid;grid-template-columns:65px 1fr;gap:10px;line-height:1.5}
#eerste-stap .offer-included strong{margin:0}
#eerste-stap .month-price{border-top:1px solid var(--line);padding-top:20px;margin-top:18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#eerste-stap .month-price strong{font-size:24px;font-weight:700;letter-spacing:-.7px}
#eerste-stap .month-price span{font-size:13px;color:var(--muted)}
#eerste-stap .rates{margin-top:28px;gap:24px}
#eerste-stap .rate+.rate{border-left:1px solid var(--line);padding-left:24px}
#eerste-stap .rate h3{margin-bottom:5px}
#eerste-stap .rate .note{min-height:36px;margin:0 0 12px;font-size:12px}
#eerste-stap .offer-illustration{width:200px;margin-top:24px}
#eerste-stap .offer-quote{border-top:1px solid var(--line);padding-top:16px;margin-top:26px}
#eerste-stap .offer-quote blockquote{margin:0;font-size:14px;line-height:1.6}
#eerste-stap .offer-quote p{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(max-width:450px){#eerste-stap .rates{grid-template-columns:1fr;margin-top:32px;gap:24px}}

@media(max-width:450px){#eerste-stap .rates{margin-top:24px}#eerste-stap .rate+.rate{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}

body[data-copy-variant="12"] .title-paragraph{display:block}
body[data-copy-variant="12"] .title-paragraph+.title-paragraph{margin-top:24px}
@media(min-width:1001px){
 body[data-copy-variant="12"] .section-sticky,
 body[data-copy-variant="12"] #stepin-full-timeline .st-intro.section-sticky{position:sticky;align-self:start;top:min(110px,calc(100dvh - var(--sticky-height,400px) - 24px))}
 body[data-copy-variant="12"] #stepin-full-timeline .st-intro .journey-video{position:static}
}

body[data-copy-variant="12"] #traject + .bio-twelve{border-top:1px solid var(--line)}

/* Restore the original smaller section-heading scale. */
body[data-copy-variant="12"] main h2,
body[data-copy-variant="12"] #stepin-full-timeline h2,
body[data-copy-variant="12"] #eerste-stap h2,
body[data-copy-variant="12"] #faq h2{font-size:27px;line-height:1.4;letter-spacing:-.6px}
@media(max-width:1000px){
 body[data-copy-variant="12"] main h2,
 body[data-copy-variant="12"] #stepin-full-timeline h2,
 body[data-copy-variant="12"] #eerste-stap h2,
 body[data-copy-variant="12"] #faq h2{font-size:24px}
}

/* Title parts always start on a new line without an empty paragraph. */
body[data-copy-variant="12"] h2 .title-paragraph{display:block}
body[data-copy-variant="12"] h2 .title-paragraph+.title-paragraph{margin-top:0}
body[data-copy-variant="12"] h2 .title-paragraph+.title-paragraph::before{content:none}
body[data-copy-variant="12"] .hero-ab > .ab-heading{position:static}

/* Booking links use the same summary destination throughout variant 12. */
body[data-copy-variant="12"] #in-het-kort{scroll-margin-top:30px}
body[data-copy-variant="12"] .booking-prompt{margin-top:28px;grid-column:1 / -1}
body[data-copy-variant="12"] .booking-link{max-width:100%;text-align:left;text-decoration:none}
body[data-copy-variant="12"] .booking-nav{display:flex;align-items:center;gap:14px}
body[data-copy-variant="12"] .booking-nav .cta{font-size:12px;padding:10px 14px;gap:14px}
body[data-copy-variant="12"] .mobile-nav{display:none}
@media(max-width:900px){
 body[data-copy-variant="12"] .masthead{gap:12px}
 body[data-copy-variant="12"] .masthead .desktop-nav{display:none}
 body[data-copy-variant="12"] .mobile-nav{display:block;position:relative}
 body[data-copy-variant="12"] .mobile-nav summary{cursor:pointer;list-style:none;padding:8px;font-size:20px}
 body[data-copy-variant="12"] .mobile-nav summary::-webkit-details-marker{display:none}
 body[data-copy-variant="12"] .mobile-nav nav{position:absolute;right:0;top:100%;z-index:30;display:flex;flex-direction:column;gap:0;min-width:200px;background:white;border:1px solid var(--line);border-radius:5px;padding:8px;box-shadow:0 8px 24px #0000000d}
 body[data-copy-variant="12"] .mobile-nav nav a{padding:10px}
}