:root{--bg:#fcfaf6;--kaart:#fff;--rand:#ece6dc;--tekst:#24211d;--zacht:#57514a;--stil:#726b60;
--paars:#6c5ce7;--paars-zacht:#efedff;--rood:#e0484f;--geel:#e0a515;--groen:#18a08c;--blauw:#4364dc}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tekst);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif}
a{color:var(--paars)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:rgba(252,250,246,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand);z-index:5}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--tekst);text-decoration:none}
.brand img{width:32px;height:32px;border-radius:8px}
.nav-links{display:flex;gap:18px;font-size:15px}.nav-links a{color:var(--zacht);text-decoration:none}
.hero{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:40px}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--paars-zacht);color:#4b3cc4;font-weight:600;font-size:14px;padding:6px 12px;border-radius:999px}
.pill a{color:inherit;text-underline-offset:2px}
h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:18px 0 14px;letter-spacing:-.02em}
h1 span{background:linear-gradient(90deg,var(--rood),var(--geel),var(--groen),var(--blauw));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--zacht);max-width:34em}
.week{display:flex;gap:6px;margin:22px 0}.week i{width:34px;height:34px;border-radius:9px;display:block}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.button{display:inline-block;padding:13px 20px;border-radius:12px;font-weight:700;text-decoration:none}
.primary{background:var(--paars);color:#fff}.ghost{border:1.5px solid var(--paars);color:var(--paars)}
.phone img{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;border-radius:28px;border:8px solid #fff;box-shadow:0 20px 50px rgba(36,33,29,.14)}
.section{padding-top:48px;padding-bottom:48px}
.rij{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}
.rij img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 16px 36px rgba(36,33,29,.16)}
.eyebrow{color:var(--paars);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin:8px 0 12px}
.intro{color:var(--zacht);max-width:40em}
.cards,.list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.list{grid-template-columns:repeat(2,1fr)}
.card,.item{background:var(--kaart);border:1px solid var(--rand);border-radius:16px;padding:20px}
.card h3,.item h3{margin:6px 0 6px;font-size:18px}.card p,.item p{margin:0;color:var(--zacht);font-size:16px}
.kleur{width:36px;height:36px;border-radius:10px}
.hulp{border:2px solid var(--paars);background:#fff;border-radius:16px;padding:20px;margin-top:22px}
.legal{max-width:760px;padding-top:40px;padding-bottom:40px}.legal h1{font-size:38px}
.legal h2{font-size:21px;margin:28px 0 6px}.legal p{color:var(--zacht);margin:0}
.meta{color:var(--stil);font-size:14px;margin-top:28px}
.footer{border-top:1px solid var(--rand);padding:26px 0;color:var(--stil);font-size:14px;margin-top:24px}
.footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media (max-width:900px){.rij{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scrollbar-width:none}.rij::-webkit-scrollbar{display:none}.rij img{flex:0 0 min(62%,280px);width:min(62%,280px);min-width:0;scroll-snap-align:center}}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-top:32px}.cards,.list{grid-template-columns:1fr}.nav-links a:not(:last-child){display:none}}