:root{
  --lp-color-bg:#F3F1EC; --lp-color-surface:#FFFFFF; --lp-color-bg-section:#E7EFEE;
  --lp-color-text:#1C2B2A; --lp-color-text-muted:#566463; --lp-color-border:#DCD8CE;
  --lp-color-on-dark:#F3F1EC;
  --lp-color-text-accent:#0F6E64; --lp-color-fill:#0F6E64; --lp-color-fill-dark:#0B544C;
  --lp-color-on-fill:#FFFFFF; --lp-color-accent-soft:#D7E8E5;
  --lp-font-display:"Fraunces",Georgia,serif; --lp-font-body:"Inter",system-ui,sans-serif; --lp-font-mono:"JetBrains Mono",ui-monospace,monospace;
  --lp-text-sm:1.4rem; --lp-text-base:1.6rem; --lp-text-lg:1.8rem; --lp-text-xl:2rem;
  --lp-text-h2:clamp(2.6rem,4vw,4rem); --lp-text-hero:clamp(3rem,5vw,4.6rem);
  --lp-radius-md:18px; --lp-radius-lg:24px; --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{font-family:var(--lp-font-body);font-size:1.7rem;line-height:1.6;color:var(--lp-color-text);background:var(--lp-color-bg);-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(52rem 40rem at 88% 110%,rgba(15,110,100,.12),transparent 60%),radial-gradient(52rem 40rem at 0% -10%,rgba(15,110,100,.07),transparent 60%)}
h1,h2{font-family:var(--lp-font-display);font-weight:600;line-height:1.06;letter-spacing:-0.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
:where(a,button):focus-visible{outline:3px solid var(--lp-color-text-accent);outline-offset:3px;border-radius:8px}
.lp-eyebrow{font-family:var(--lp-font-mono);font-weight:500;font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-color-text-accent)}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;font-family:var(--lp-font-display);font-weight:600;font-size:var(--lp-text-base);padding:1.3rem 2.4rem;border-radius:100px;border:1.5px solid transparent;transition:transform .2s var(--ease-out),background .2s}
.lp-btn--primary{background:var(--lp-color-fill);color:var(--lp-color-on-fill);box-shadow:0 8px 24px -10px var(--lp-color-fill)}
.lp-btn--primary:hover{background:var(--lp-color-fill-dark);transform:translateY(-2px)}

.lp-bar{display:flex;align-items:center;justify-content:space-between;padding:1.8rem clamp(2rem,5vw,4rem)}
.lp-brand{font-family:var(--lp-font-display);font-weight:600;font-size:2.2rem;display:flex;align-items:center;gap:.7rem}
.lp-brand__mark{width:2.6rem;height:2.6rem;color:var(--lp-color-text-accent)}
.lp-bar__help{font-size:1.5rem;color:var(--lp-color-text-muted)}

.lp-stage{flex:1;display:grid;place-items:center;padding:2rem clamp(2rem,5vw,4rem) 5rem}
.lp-quiz{width:100%;max-width:78rem}
.lp-dots{display:flex;gap:.6rem;justify-content:center;margin-bottom:3rem}
.lp-dots i{width:2.6rem;height:.5rem;border-radius:100px;background:var(--lp-color-border);transition:background .3s}
.lp-dots i.on{background:var(--lp-color-fill)}
.lp-screen{display:none}
.lp-screen.is-active{display:block}
@media(prefers-reduced-motion:no-preference){.lp-screen.is-active{animation:lp-fade .45s var(--ease-out)}}
@keyframes lp-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lp-screen__eyebrow{text-align:center}
.lp-screen__q{font-family:var(--lp-font-display);font-size:var(--lp-text-hero);text-align:center;text-wrap:balance;margin:1.2rem 0 3rem}
.lp-screen__q em{font-style:italic;color:var(--lp-color-text-accent)}
.lp-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.lp-opt{background:var(--lp-color-surface);border:2px solid var(--lp-color-border);border-radius:var(--lp-radius-md);padding:2.4rem 2rem;text-align:center;color:inherit;font:inherit;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}
.lp-opt:hover{transform:translateY(-4px);border-color:var(--lp-color-fill);box-shadow:0 18px 40px -24px rgba(28,43,42,.4)}
.lp-opt__ic{width:6rem;height:6rem;margin:0 auto 1.4rem;border-radius:50%;background:var(--lp-color-accent-soft);display:grid;place-items:center;color:var(--lp-color-text-accent)}
.lp-opt__ic svg{width:3rem;height:3rem}
.lp-opt b{font-family:var(--lp-font-display);font-weight:600;font-size:2rem;display:block;margin-bottom:.3rem}
.lp-opt span{color:var(--lp-color-text-muted);font-size:1.45rem}

.lp-result{background:var(--lp-color-surface);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 70px -34px rgba(28,43,42,.5)}
.lp-result[hidden]{display:none}
.lp-result__img{position:relative;min-height:38rem;background:var(--lp-color-bg-section);overflow:hidden}
.lp-result__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-result__badge{position:absolute;top:1.6rem;left:1.6rem;z-index:1;background:var(--lp-color-fill);color:var(--lp-color-on-fill);font-size:1.25rem;font-weight:600;letter-spacing:.05em;padding:.6rem 1.2rem;border-radius:100px}
.lp-result__body{padding:clamp(2.4rem,4vw,4rem)}
.lp-result__eyebrow{font-family:var(--lp-font-mono);font-weight:500;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-color-text-accent)}
.lp-result__body h2{font-size:clamp(3rem,4vw,4.2rem);margin:.6rem 0}
.lp-result__sub{font-family:var(--lp-font-display);font-style:italic;color:var(--lp-color-text-muted);font-size:1.7rem;margin-bottom:1.4rem}
.lp-result__p{color:var(--lp-color-text-muted);margin-bottom:1.8rem}
.lp-result__facts{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}
.lp-result__facts li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--lp-color-border);padding:.7rem 0;font-size:1.5rem}
.lp-result__facts b{color:var(--lp-color-text-muted);font-weight:500}
.lp-result__cta{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.lp-price{font-family:var(--lp-font-display);font-weight:600;font-size:2.8rem}
.lp-restart{margin-top:2.4rem;text-align:center}
.lp-restart__btn{background:none;border:0;color:var(--lp-color-text-muted);font:inherit;font-size:1.5rem;text-decoration:underline;text-underline-offset:3px}
.lp-foot{text-align:center;padding:2rem;color:var(--lp-color-text-muted);font-size:1.3rem}
@media(max-width:760px){.lp-result{grid-template-columns:1fr}.lp-result__img{min-height:26rem}}
@media(max-width:620px){.lp-opts{grid-template-columns:1fr}.lp-opt{display:flex;align-items:center;gap:1.4rem;text-align:left;padding:1.6rem}.lp-opt__ic{margin:0;width:5rem;height:5rem}}
@media(prefers-reduced-motion:reduce){.lp-screen{animation:none}.lp-opt:hover,.lp-btn--primary:hover{transform:none}}

/* --- ALASTIC WordPress integratie-fixes --- */
body { background-color: var(--night, #ffffff) !important; }
h1, h2, h3, h4, h5, h6 { text-transform: none !important; }
.wp-site-blocks, .is-root-container, .entry-content,
.wp-block-post-content { max-width: none !important; padding: 0 !important; margin: 0 !important; }