/* aanvullingen voor de voorvertoning */
.lang button{all:unset;cursor:pointer;color:rgba(244,238,225,.75);font:inherit;padding:4px 2px}
.lang button.on{color:#fff;font-weight:700}
.kd{color:#7A5B1E}
.on-cream .kicker.kd,.on-paper .kicker.kd{color:#7A5B1E}
.plans{max-width:820px;margin:0 auto;grid-template-columns:repeat(2,1fr)}
.plans.one{grid-template-columns:1fr;max-width:420px}
.plan:not(.rec){background:#1C3157;border-color:rgba(244,238,225,.22)}
.plan:not(.rec) li:before{color:var(--gold-2)}
.secure{color:rgba(244,238,225,.82)}
.on-navy .lede{color:rgba(244,238,225,.88)}
.pages figcaption{color:rgba(244,238,225,.86)}
.specs li{color:#F4EEE1}
.price-line small{color:rgba(244,238,225,.82)}
.lede{color:#4E5563}
.step p,.faq details p{color:#4E5563}
.facts-row span{color:#4E5563}
.foot{color:rgba(244,238,225,.86)}
.pvw{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:12px;background:#0B1630;color:#F4EEE1;border:1px solid rgba(200,160,74,.6);border-radius:999px;padding:8px 8px 8px 16px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.3);white-space:nowrap}
.pvw a{background:var(--gold);color:var(--navy);text-decoration:none;font-weight:700;padding:6px 12px;border-radius:999px}
@media (max-width:820px){.plans{grid-template-columns:1fr}.pvw{font-size:12px;bottom:10px;max-width:calc(100% - 20px)}.pvw span{overflow:hidden;text-overflow:ellipsis}}
.feel .sig,.story .sig,.sumcard h4{color:#6B4E12}
@media (max-width:820px){
 .top .wrap{gap:8px}.nav{gap:10px}
 .top .btn{padding:8px 13px;font-size:13.5px}
 .lock span{font-size:8.5px;letter-spacing:.14em}
 .lang{font-size:11.5px}
}
@media (max-width:360px){.lock span{display:none}}
.curpick{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin:-22px 0 28px;font-size:13.5px;color:rgba(244,238,225,.88)}
.curpick span{margin-right:6px}
.curpick button{all:unset;cursor:pointer;border:1.5px solid rgba(244,238,225,.35);border-radius:999px;padding:5px 12px;color:#F4EEE1;font-weight:600}
.curpick button.on{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.flipcta{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 22px;color:var(--gold-2);font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(227,198,126,.5);padding-bottom:2px}
/* blok: blader door het boekje */
.look{background:linear-gradient(180deg,var(--navy),#0F1D36)}
.lookcard{position:relative;display:block;max-width:1000px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);cursor:pointer}
.lookcard img{width:100%;height:auto;transition:transform .6s cubic-bezier(.3,.1,.2,1)}
.lookcard:hover img{transform:scale(1.025)}
.lookbtn{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:var(--navy);font-weight:700;font-size:18px;padding:16px 26px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);white-space:nowrap;animation:pulse 2.4s ease-in-out infinite}
.lookbtn i{font-style:normal;font-size:20px}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(200,160,74,.55)}50%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 14px rgba(200,160,74,0)}}
.curl{position:absolute;right:10.8%;bottom:11.5%;width:56px;height:56px;background:linear-gradient(135deg,rgba(0,0,0,0) 50%,#E9E0CC 50%,#fff 75%);border-radius:0 0 4px 0;box-shadow:-3px -3px 8px rgba(0,0,0,.18);transform-origin:bottom right;animation:curl 2.4s ease-in-out infinite}
@keyframes curl{0%,100%{transform:scale(.55)}50%{transform:scale(1)}}
.lookpts{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:#F4EEE1;font-size:15px}
.lookpts span:before{content:"✦";color:var(--gold);margin-right:8px;font-size:12px}
.navlook{color:var(--gold-2)!important;font-weight:600}
.flipbtn{margin:-4px 0 24px;border-color:var(--gold);color:var(--gold-2)}
@media (max-width:820px){.lookbtn{font-size:15px;padding:12px 18px;bottom:14px}.curl{width:34px;height:34px}.lookcard{border-radius:14px}}
@media (max-width:820px){.lookcard{overflow:visible;box-shadow:none}.lookcard img{border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.4)}.lookbtn{position:static;transform:none;display:flex;justify-content:center;margin-top:16px;width:100%}.curl{bottom:calc(11.5% + 66px)}}
.lookcard{text-decoration:none}
.look{background:var(--cream)}
.look h2{color:var(--navy)}
.look .lookpts{color:var(--ink)}
.look .lookpts span:before{color:#9A7428}
.look .lookcard{box-shadow:0 22px 50px rgba(19,35,63,.28)}
.look .lookbtn{background:var(--navy);color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 0 rgba(19,35,63,.45)}50%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 14px rgba(19,35,63,0)}}
/* opbouw v2 */
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:22px;padding-bottom:22px}
.trust-strip .wrap>div{display:flex;flex-direction:column;gap:2px;padding-left:28px;position:relative;font-size:14px}
.trust-strip .wrap>div:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.trust-strip b{color:var(--navy);font-size:15px}.trust-strip span{color:#4E5563}
.checks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;color:var(--ink);font-size:16.5px}
.checks li:before{content:"✦";color:#9A7428;flex:none}
#passport .lookcard{margin-bottom:34px}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feats div{display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto 1fr;gap:2px 14px;align-items:start}
.feats svg{grid-row:span 2;width:62px;height:auto;border-radius:3px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.feats b{color:#fff;font-size:16px}.feats span{color:rgba(244,238,225,.88);font-size:14px;line-height:1.45}
.mosaic4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.mosaic4 div{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.mosaic4 img{width:100%;height:100%;object-fit:cover}
.mosaic4 span{position:absolute;left:10px;bottom:10px;background:rgba(19,35,63,.85);color:#fff;font-size:12.5px;padding:5px 10px;border-radius:999px}
.guarantee{max-width:820px;margin:26px auto 0;display:flex;gap:18px;align-items:center;border:1.5px solid rgba(200,160,74,.55);border-radius:16px;padding:18px 22px}
.guarantee svg{width:64px;flex:none}
.guarantee b{display:block;color:#fff;font-size:16px}.guarantee span{color:rgba(244,238,225,.9);font-size:14.5px}
.founder .mark{width:120px}
.finalcta{background:var(--cream);text-align:center;padding:86px 0;border-top:1px solid var(--line)}
.finalcta h2{color:var(--navy);margin-bottom:12px}.finalcta p{color:#4E5563;font-size:18px}
.finalcta .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.finalcta .btn-line{background:#fff}
#passport .lookbtn{background:var(--gold);color:var(--navy)}
@media (max-width:1000px){.feats{grid-template-columns:1fr 1fr}.trust-strip .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.mosaic4{grid-template-columns:1fr 1fr;margin-top:32px}.feats{grid-template-columns:1fr;gap:16px}.trust-strip .wrap{gap:14px}.guarantee{flex-direction:row;align-items:flex-start}.guarantee svg{width:48px}.finalcta{padding:60px 0}.checks li{font-size:15.5px}}
/* voor wie */
.who{margin-top:64px}
.whoh{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,32px);color:var(--navy);text-align:center;margin-bottom:28px;font-stretch:104%}
.whogrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px}
.whogrid figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--navy)}
.whogrid figure.w2{grid-column:span 2}
.whogrid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.whogrid figure:hover img{transform:scale(1.04)}
.whogrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(180deg,rgba(11,22,48,0),rgba(11,22,48,.9));color:#fff;display:flex;flex-direction:column;gap:2px}
.whogrid figcaption b{font-size:16px}
.whogrid figcaption span{font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.92)}
.imgnote{text-align:center;font-size:12.5px;color:#4E5563;margin-top:14px}
/* voortgang */
.road{list-style:none;margin:0 auto;padding:0;max-width:1000px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.road:before{content:"";position:absolute;left:10%;right:10%;top:15px;height:2px;background:var(--line)}
.road li{position:relative;text-align:center;padding:44px 10px 0;display:flex;flex-direction:column;gap:4px}
.road li:before{content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #CFC5B3;box-sizing:border-box}
.road li.done:before{content:"✓";background:var(--navy);border-color:var(--navy);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.road li.now:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 6px rgba(200,160,74,.25)}
.road b{color:var(--navy);font-size:15.5px}
.road span{color:#4E5563;font-size:13.5px;line-height:1.4}
.road li.now b:after{content:" ·  now";color:#7A5B1E;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
html[data-lang=nl] .road li.now b:after{content:" ·  nu"}
@media (max-width:900px){.whogrid{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.whogrid figure.w2{grid-column:span 2}}
@media (max-width:820px){.who{margin-top:44px}
 .road{grid-template-columns:1fr;gap:0;max-width:420px}.road:before{left:15px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
 .road li{text-align:left;padding:0 0 22px 46px}.road li:before{left:15px;top:0}}
@media (max-width:480px){.whogrid{grid-auto-rows:180px}.whogrid figcaption span{font-size:12.5px}}
#progress{background:#fff;border-top:1px solid var(--line)}