/* Gedeelde opmaak voor de funnelpagina's. Overgenomen uit index.html, dat bewust
   zijn eigen inline CSS houdt. Palet en typografie zijn vastgelegd in AGENTS.md:
   #f1e7e6 is bemonsterd uit het logobestand, wijzig geen waarde. */
:root{
  --ink:#1f1a1c; --body:#584c50; --muted:#8a7a7e;
  --white:#ffffff; --blush:#faf3f3; --blush-deep:#f1e7e6;
  --rose:#a85c6c; --rose-dark:#8a4655; --rose-soft:#e8ccd2; --line:#eddfe1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--body);
  font:400 17px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 26px}
.narrow{max-width:720px;margin:0 auto;padding:0 26px}
a{color:var(--rose-dark)}
h1,h2,h3{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;
  font-weight:400;line-height:1.2;color:var(--ink);margin:0}
h1{font-size:clamp(33px,5.4vw,52px);letter-spacing:-.01em}
h2{font-size:clamp(26px,3.6vw,36px);margin-bottom:16px}
h3{font-size:20px;margin-bottom:8px}
p{margin:0 0 18px}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--rose);font-weight:600;margin-bottom:14px}
.sprig{position:absolute;pointer-events:none;color:var(--rose-soft)}
.divider{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0}
.divider::before,.divider::after{content:"";height:1px;width:64px;background:var(--line)}
.divider svg{color:var(--rose-soft)}
header{background:var(--blush-deep)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.wordmark{text-decoration:none;display:block;line-height:1}
.wm-name{display:block;font-family:Georgia,"Iowan Old Style",serif;color:var(--ink);
  font-size:clamp(21px,3.4vw,26px);letter-spacing:.02em}
.wm-sub{display:block;margin-top:5px;font-size:clamp(9px,1.6vw,10px);
  letter-spacing:.28em;text-transform:uppercase;color:var(--rose);white-space:nowrap}
@media(max-width:379px){.wm-sub{display:none}}
.nav-cta{font-size:clamp(11px,1.7vw,14px);font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink);text-decoration:none;
  border-bottom:1.5px solid var(--rose);padding-bottom:2px;text-align:right}
.nav-cta:hover{color:var(--rose-dark)}
section{padding:74px 0;position:relative;overflow:hidden}
.tint{background:var(--blush)}
.btn{display:inline-block;background:var(--rose);color:#fff;text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  padding:16px 34px;border:0;cursor:pointer;transition:background .16s ease;font-family:inherit}
.btn:hover{background:var(--rose-dark)}
.btn:disabled{background:var(--rose-soft);cursor:not-allowed}
.btn-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center}
.btn-note{font-size:15px;color:var(--muted)}
.quote{font-family:Georgia,serif;font-size:clamp(21px,2.7vw,27px);line-height:1.42;
  color:var(--ink);margin:0 0 20px}
form{margin-top:30px;display:grid;gap:16px;max-width:560px}
.row{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:560px){.row{grid-template-columns:1fr 1fr}}
label{font-size:14px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);padding:13px 15px;border-radius:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rose-soft);
  outline-offset:1px;border-color:var(--rose)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{padding:15px 18px;border-left:3px solid var(--rose);background:var(--blush);font-size:16px}
.msg-fout{border-left-color:#a33;background:#fdf4f4}
footer{background:var(--blush-deep);padding:42px 0;color:var(--muted);font-size:15px}
footer a{color:var(--body)}
.foot{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}

/* --- funnel --- */
.prijzen{display:grid;gap:26px;grid-template-columns:1fr;margin-top:38px;align-items:start}
@media(min-width:900px){.prijzen{grid-template-columns:repeat(3,1fr)}}
.prijs{background:var(--white);border:1px solid var(--line);padding:30px 26px;
  position:relative;display:flex;flex-direction:column;height:100%}
.prijs.uitgelicht{border:2px solid var(--rose)}
.prijs .stap{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rose);font-weight:600;margin-bottom:10px}
.prijs .bedrag{font-family:Georgia,serif;font-size:38px;color:var(--ink);line-height:1.1;margin:14px 0 2px}
.prijs .btw{font-size:14px;color:var(--muted);margin-bottom:16px}
.prijs .korting{font-size:14px;color:var(--rose-dark);margin:-10px 0 16px}
.prijs p{font-size:16px}
.prijs .btn{margin-top:auto;text-align:center}
.lint{position:absolute;top:-1px;right:-1px;background:var(--rose);color:#fff;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px}
.modules{margin-top:52px}
details{border-top:1px solid var(--line);padding:0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:16px 0;font-family:Georgia,serif;font-size:19px;
  color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--rose);font-size:22px;line-height:1}
details[open] summary::after{content:"\2212"}
details ol{margin:0 0 18px;padding-left:22px;font-size:16px}
details li{padding:3px 0}
.vink{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:400;color:var(--body)}
.vink input{width:auto;margin-top:4px;flex:0 0 auto}
.samenvatting{border:1px solid var(--line);background:var(--blush);padding:22px 24px;margin-bottom:8px}
.samenvatting b{color:var(--ink);font-family:Georgia,serif;font-size:22px;font-weight:400}
.bestand{display:flex;justify-content:space-between;align-items:center;gap:18px;
  border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}
.bestand:last-child{border-bottom:0}
  header,footer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22280%22%20height%3D%22280%22%20viewBox%3D%220%200%20280%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%3E%3Cg%20stroke%3D%22%23f8f1f0%22%20transform%3D%22translate%28-1%2C-1%29%22%3E%3Cg%20transform%3D%22translate%2848%2C26%29%20rotate%28-8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28212%2C132%29%20rotate%28158%29%20scale%28.9%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28120%2C206%29%20rotate%2874%29%20scale%28.8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23e9dbd9%22%20transform%3D%22translate%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%2848%2C26%29%20rotate%28-8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28212%2C132%29%20rotate%28158%29%20scale%28.9%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28120%2C206%29%20rotate%2874%29%20scale%28.8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:280px 280px}
  .tint{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22280%22%20height%3D%22280%22%20viewBox%3D%220%200%20280%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%3E%3Cg%20stroke%3D%22%23fefbfb%22%20transform%3D%22translate%28-1%2C-1%29%22%3E%3Cg%20transform%3D%22translate%2848%2C26%29%20rotate%28-8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28212%2C132%29%20rotate%28158%29%20scale%28.9%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28120%2C206%29%20rotate%2874%29%20scale%28.8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f2e6e6%22%20transform%3D%22translate%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%2848%2C26%29%20rotate%28-8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28212%2C132%29%20rotate%28158%29%20scale%28.9%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28120%2C206%29%20rotate%2874%29%20scale%28.8%29%22%3E%3Cpath%20d%3D%22M0%200c0%2024%202%2042-7%2060%22%2F%3E%3Cpath%20d%3D%22M-7%2032c-8%201-13%207-15%2014%208%202%2016-2%2019-8%201-3-2-6-4-6Z%22%2F%3E%3Cpath%20d%3D%22M-3%2016c7-3%2010-9%209-17-7%202-12%208-13%2015%200%203%202%204%204%202Z%22%2F%3E%3Cpath%20d%3D%22M-9%2050c-7-1-13%202-16%208%207%203%2015%201%2018-4%201-2%200-4-2-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:280px 280px}


/* --- leeromgeving --- */
.trajectkaart{background:var(--white);border:1px solid var(--line);padding:28px 26px;margin-bottom:22px}
.balk{display:flex;gap:6px;margin:16px 0 18px}
.balk span{height:6px;flex:1;background:var(--line)}
.balk span.af{background:var(--rose)}
.balk-tekst{font-size:14px;color:var(--muted);margin:0 0 18px}
.moduleblok{border-top:1px solid var(--line);padding:16px 0;display:flex;
  justify-content:space-between;align-items:baseline;gap:16px}
.moduleblok:last-of-type{border-bottom:1px solid var(--line)}
.moduleblok a{text-decoration:none;font-weight:600}
.moduleblok .vinkje{color:var(--rose);font-size:14px;white-space:nowrap}
.les{margin:0 0 34px}
.les h3{margin-bottom:10px}
.les p{margin:0 0 14px}
.lesnr{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);
  font-weight:600;display:block;margin-bottom:4px}
.modulevoet{border-top:1px solid var(--line);margin-top:40px;padding-top:26px;
  display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center}
.stil{font-size:14px;color:var(--muted)}
.stil a{color:var(--muted)}