:root{
            --lavender:#A99BC7;
            --lavender-deep:#8B7AB0;
            --sage:#9FC29A;
            --sage-deep:#7FAE79;
            --peach:#F0A98C;
            --peach-deep:#E8956F;
            --gold:#C9A24D;
            --cream:#F7F5F0;
            --cream-deep:#EFEBE2;
            --ink:#4E4560;
            --ink-soft:#7A7188;
            --white:#FFFFFF;
            --font-display:'Text Me One', sans-serif;
            --max-w:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
            html{scroll-behavior:auto;}
            *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}
body{margin:0; background:var(--cream); color:var(--ink); font-family:var(--font-display); font-size:19px; line-height:1.7; -webkit-font-smoothing:antialiased; -webkit-text-stroke:.3px currentColor; position:relative; overflow-x:hidden;}
body::before{content:""; position:fixed; top:50%; left:20px; transform:translateY(-50%); width:260px; height:239px; background-image:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 220%27><path d=%27M20 150 C 40 110, 90 130, 100 105 C 110 80, 60 70, 55 40 C 100 55, 150 45, 165 15%27 fill=%27none%27 stroke=%27%239FC29A%27 stroke-width=%2722%27 stroke-linecap=%27round%27/><path d=%27M75 15 C 75 45, 70 60, 100 60 C 130 60, 125 45, 125 15 Z%27 fill=%27%23F7F5F0%27 stroke=%27%23A99BC7%27 stroke-width=%276%27/><path d=%27M100 60 L100 95%27 stroke=%27%23A99BC7%27 stroke-width=%276%27 stroke-linecap=%27round%27/><path d=%27M78 105 C 78 95, 122 95, 122 105 C 122 112, 78 112, 78 105 Z%27 fill=%27%23A99BC7%27/></svg>"); background-repeat:no-repeat; background-size:contain; opacity:.1; z-index:0; pointer-events:none;}
header, section, footer{position:relative; z-index:1;}
h1,h2,h3{font-family:var(--font-display); color:var(--ink); margin:0 0 .4em; font-weight:400; line-height:1.15;}
a{color:inherit;} img{max-width:100%; display:block;}
.container{max-width:var(--max-w); margin:0 auto; padding:0 28px;}
:focus-visible{outline:3px solid var(--lavender-deep); outline-offset:3px;}

.eyebrow{color:var(--peach-deep); letter-spacing:.06em; text-transform:uppercase; font-size:.85rem; display:inline-block; margin-bottom:.6em;}

header{position:sticky; top:0; z-index:30; background:var(--cream); border-bottom:2px solid var(--cream-deep);}
.header-row{display:flex; align-items:center; justify-content:space-between; padding:14px 28px; max-width:var(--max-w); margin:0 auto; gap:20px;}
.logo-link{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink);}
.logo-link svg{height:46px; width:auto; flex-shrink:0;}
.logo-text{display:flex; flex-direction:column; line-height:1.1;}
.logo-text .name{font-size:1.3rem; color:var(--lavender-deep); letter-spacing:.02em;}
.logo-text .tag{font-size:.62rem; color:var(--ink-soft); letter-spacing:.03em;}
nav.links{display:flex; align-items:center; gap:26px; font-size:1rem;}
nav.links a{text-decoration:none; color:var(--ink); padding:6px 4px; border-bottom:3px solid transparent; transition:border-color .2s ease, color .2s ease;}
nav.links a:hover, nav.links a.active{color:var(--lavender-deep); border-color:var(--peach);}
.menu-btn{display:none; background:none; border:none; font-size:1.6rem; color:var(--lavender-deep); cursor:pointer;}
@media (max-width:820px){
            nav.links{display:none; position:absolute; top:100%; left:0; right:0; background:var(--cream); flex-direction:column; align-items:flex-start; padding:12px 28px 20px; border-bottom:2px solid var(--cream-deep); gap:14px;}
            nav.links.open{display:flex;}
            .menu-btn{display:block;}
}

.hero{padding:64px 0 40px; text-align:center;}
.hero h1{font-size:clamp(2.4rem,6vw,3.6rem); color:var(--lavender-deep); margin-bottom:.25em;}
.hero .tagline{font-size:1.3rem; color:var(--peach-deep); margin-bottom:28px;}
.hero .lead{max-width:720px; margin:0 auto 16px; color:var(--ink); font-size:1.15rem;}
.hero .lead + .lead{margin-top:0;}
.hero-ctas{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:28px;}
.hero-photo{max-width:480px; width:100%; margin:44px auto 0; border-radius:26px; box-shadow:0 14px 34px rgba(78,69,96,.18);}
.photo-tone{filter:saturate(.72) sepia(.1) brightness(1.03) contrast(.96) hue-rotate(-4deg);}
.page-photo{max-width:640px; width:100%; margin:0 auto 44px; border-radius:26px; box-shadow:0 14px 34px rgba(78,69,96,.18); display:block;}

.btn{display:inline-block; font-family:var(--font-display); font-size:1.05rem; text-decoration:none; padding:13px 30px; border-radius:999px; transition:transform .2s ease, box-shadow .2s ease;}
.btn-fill{background:var(--lavender); color:var(--white); box-shadow:0 6px 16px rgba(169,155,199,.4);}
.btn-fill:hover{transform:translateY(-2px); box-shadow:0 10px 20px rgba(169,155,199,.5);}
.btn-line{border:2px solid var(--sage-deep); color:var(--sage-deep); background:var(--white);}
.btn-line:hover{background:var(--sage); color:var(--white); transform:translateY(-2px);}

.wave{display:block; width:100%; height:40px; margin:0;}

section{padding:50px 0;}
.section-head{max-width:680px; margin:0 auto 40px; text-align:center;}
.section-head h2{font-size:clamp(2rem,4.5vw,2.7rem); color:var(--lavender-deep);}
.section-head p{color:var(--ink-soft); font-size:1.1rem;}
.bg-cream{background:var(--cream-deep);}
.bg-white{background:var(--white);}

.reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:translateY(0);}

.card-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:26px;}
.card{background:var(--white); border-radius:22px; padding:32px 28px; box-shadow:0 8px 24px rgba(78,69,96,.08);}
.card .eyebrow{display:block;}
.card h3{font-size:1.5rem; color:var(--lavender-deep); margin-bottom:10px;}
.card p{color:var(--ink); font-size:1.02rem; margin:0 0 14px;}
.card .fact{color:var(--sage-deep); font-size:.95rem; font-weight:400;}
.card a.more{display:inline-block; margin-top:10px; color:var(--peach-deep); text-decoration:none;}
.card a.more:hover{text-decoration:underline;}

.split{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
@media (max-width:820px){.split{grid-template-columns:1fr;}}
.split img{border-radius:26px; box-shadow:0 14px 34px rgba(78,69,96,.18);}
.split.reverse{direction:rtl;}
.split.reverse > *{direction:ltr;}

.course{background:var(--white); border-radius:26px; padding:34px 32px; margin-bottom:26px; box-shadow:0 8px 24px rgba(78,69,96,.08);}
.course-head{display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:6px;}
.course-head h3{font-size:1.7rem; color:var(--lavender-deep); margin:0;}
.course-head .price{font-size:1.3rem; color:var(--peach-deep);}
.course .subtitle{color:var(--sage-deep); font-size:1.05rem; margin-bottom:14px;}
.course p{color:var(--ink); margin:0 0 12px;}
.course .meta{display:flex; flex-wrap:wrap; gap:22px; margin-top:18px; padding-top:16px; border-top:2px solid var(--cream-deep); font-size:.95rem; color:var(--ink-soft);}
.course .meta strong{color:var(--ink); display:block; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:3px;}

.picker{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; margin-top:10px;}
.picker div{background:var(--cream-deep); border-radius:18px; padding:22px; }
.picker strong{color:var(--lavender-deep); display:block; margin-bottom:6px; font-size:1.1rem;}
.picker span{color:var(--ink);}

.zakelijk-hero{background:var(--lavender); color:var(--white); text-align:center; border-radius:0; padding:56px 0;}
.zakelijk-hero h2{color:var(--white); font-size:clamp(2rem,4.5vw,2.7rem);}
.zakelijk-hero p{max-width:640px; margin:0 auto; color:#EFEAF6; font-size:1.15rem;}

.over-credentials{display:flex; flex-wrap:wrap; gap:14px; margin-top:20px;}
.over-credentials span{background:var(--sage); color:var(--white); border-radius:999px; padding:8px 18px; font-size:.9rem;}

.contact-wrap{background:var(--white); border-radius:28px; padding:44px 40px; box-shadow:0 10px 30px rgba(78,69,96,.12); max-width:680px; margin:0 auto;}
.form-row{margin-bottom:20px;}
.form-row label{display:block; margin-bottom:6px; color:var(--lavender-deep); font-size:1rem;}
.form-row input, .form-row select, .form-row textarea{width:100%; padding:12px 16px; border-radius:14px; border:2px solid var(--cream-deep); font-family:inherit; font-size:1rem; color:var(--ink); background:var(--cream);}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus{outline:none; border-color:var(--lavender);}
.form-row textarea{min-height:120px; resize:vertical;}
.form-two{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:560px){.form-two{grid-template-columns:1fr;}}
.form-note{font-size:.9rem; color:var(--ink-soft); margin-top:10px;}
.form-success{background:var(--sage); color:var(--white); border-radius:16px; padding:20px 24px; text-align:center; font-size:1.1rem; display:none;}
.contact-alt{text-align:center; margin-top:30px; color:var(--ink-soft);}
.contact-alt a{color:var(--lavender-deep);}

footer{background:var(--lavender); color:var(--white); padding:34px 0; text-align:center; font-size:.95rem;}
footer a{text-decoration:none; color:var(--white);}
footer .foot-links{display:flex; justify-content:center; gap:22px; margin-bottom:12px; flex-wrap:wrap;}