/* v11 homepage (30/09/2026) — in de eigen huisstijl: petrol per onderwerp, goudverloop, Playfair + Outfit */
.home main section.scr,.home main section.sdk,.home main section.sdp{padding:clamp(4.5rem,8vw,6.5rem) clamp(1.25rem,5vw,3rem)}
.h-col{max-width:860px;margin:0 auto;text-align:center}
.h-read{max-width:680px;margin:0 auto}
.h-center{text-align:center}
.home h2{font-family:var(--disp);font-weight:400;font-size:clamp(2.3rem,4.4vw,3.4rem);line-height:1.12;text-align:center;margin-bottom:1.1rem}
.home .sdk h2,.home .sdp h2{color:#fff}
.home h2 em{font-style:italic;color:var(--gold)}
.home .scr h2 em{color:var(--brz)}
.home h3{font-family:var(--disp);font-weight:400;font-size:1.6rem;line-height:1.2;margin:.35rem 0 .6rem}
.home .sdk h3,.home .sdp h3{color:#fff}
.h-intro{font-size:1.1rem;line-height:1.8;max-width:600px;margin:0 auto}
.scr .h-intro{color:var(--tm)}.sdk .h-intro,.sdp .h-intro{color:rgba(255,255,255,.72)}
.h-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem}
.sdk .bo,.sdp .bo{color:#fff;border-color:rgba(255,255,255,.35)}
.sdk .bo:hover,.sdp .bo:hover{color:var(--gold);border-color:var(--gold)}

/* HERO: zoals de eerste sites, logo rechts */
.h-hero .hero-grid{padding:8.5rem 0 4rem}
.h-hero .hp1{font-family:var(--disp);font-style:italic;font-size:clamp(1.25rem,2vw,1.55rem);color:var(--gl)}
.h-hero .hp2{color:rgba(255,255,255,.75);font-size:1.08rem;max-width:34rem}
.h-hero .bo{color:var(--gold)}

/* HERKENNING (crème, leestekst) */
.h-mani p{font-size:1.1rem;line-height:1.9;color:var(--tm);margin-bottom:1.2rem}
.h-mani p.m-strong{font-family:var(--disp);font-size:1.7rem;line-height:1.35;color:var(--txt);margin:0 0 1.6rem}
.h-mani p.m-soft{color:var(--tl)}
.h-mani p.m-accent{font-family:var(--disp);font-style:italic;font-size:1.7rem;color:var(--brz);margin:2rem 0 1rem}

/* WAAROM (petrol) + de draai naar jou */
.why-foto{display:block;width:132px;height:132px;border-radius:50%;object-fit:cover;margin:0 auto 1.6rem;border:2px solid rgba(176,146,100,.55)}
.h-why p{font-size:1.08rem;line-height:1.9;color:rgba(255,255,255,.78);margin-bottom:1.2rem}
.h-why p.m-strong{font-family:var(--disp);font-size:1.45rem;line-height:1.4;color:#fff}
.h-why .h-center{margin-top:2rem}
.h-quote{padding-top:0!important}
.q-big{font-family:var(--disp);font-style:italic;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.25;max-width:24ch;margin:0 auto;background:linear-gradient(135deg,#b09264,#d9caa8);-webkit-background-clip:text;background-clip:text;color:transparent}
.q-small{margin-top:1.3rem;color:rgba(255,255,255,.85);font-size:1.1rem}
.h-quote .h-col{border-top:1px solid rgba(176,146,100,.35);padding-top:3.5rem;max-width:760px}

/* AANBOD (crème): drie stappen, zelfde kleur + zachte schaduw */
.w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1080px;margin:3rem auto 0;align-items:stretch}
.w-step{display:flex;flex-direction:column;background:var(--cr);border-radius:18px;padding:2rem 1.8rem;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.08);border-top:3px solid var(--gold);text-align:left}
.w-tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gd)}
.w-step p{color:var(--tm);font-size:1rem;line-height:1.75}
.w-prijs{font-family:var(--disp);font-size:1.5rem!important;color:var(--txt)!important;margin-top:.8rem}
.w-noot{font-size:.9rem!important;color:var(--tl)!important}
.w-step .bo{margin-top:auto;align-self:flex-start;padding:.75rem 1.4rem;font-size:.9rem;color:var(--gd);border-color:rgba(160,120,48,.4)}
.w-step>*:nth-last-child(2){margin-bottom:1.6rem}
.w-extra{text-align:center;margin-top:2.6rem;color:var(--tm)}
.w-extra a{color:var(--gd);font-weight:600}
@media(max-width:900px){.w-grid{grid-template-columns:1fr}}

/* VERTROUWEN (donker petrol) */
.h-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1000px;margin:3rem auto 0}
.t-item{padding:2rem 1.8rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(176,146,100,.16)}
.t-item h3{color:var(--gold)!important;font-size:1.45rem}
.t-item p{color:rgba(255,255,255,.72);line-height:1.75}
@media(max-width:760px){.h-three{grid-template-columns:1fr}}

/* BEWIJS (petrol) */
.p-quote{font-family:var(--disp);font-style:italic;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.45;color:#fff;max-width:34ch;margin:0 auto}
.p-who{margin-top:1rem;font-weight:600;color:var(--gold)}
.p-more{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:980px;margin:3rem auto 0;text-align:left}
.p-item{padding:1.8rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(176,146,100,.16)}
.p-q{font-family:var(--disp);font-style:italic;font-size:1.15rem;line-height:1.6;color:rgba(255,255,255,.88)}
.p-item .p-who{font-size:.92rem}
.p-ref{font-family:var(--disp);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.5;color:#fff;max-width:40ch;margin:3rem auto 0}
.p-creds{margin:1.6rem auto 2rem;color:rgba(255,255,255,.6);font-size:.95rem}
@media(max-width:760px){.p-more{grid-template-columns:1fr}}

/* VRAGEN (crème) */
.h-faq h2{margin-bottom:2rem}
.h-faq .fq{border-bottom:1px solid rgba(0,0,0,.08)}
.h-faq .fq summary{padding:1.25rem 0;font-weight:600;color:var(--txt);font-size:1.05rem;display:flex;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer}
.h-faq .fq summary::-webkit-details-marker{display:none}
.h-faq .fq summary::after{content:"+";color:var(--brz);font-size:1.4rem;font-weight:300}
.h-faq .fq[open] summary::after{content:"\2013"}
.h-faq .fq p{color:var(--tm);padding:0 0 1.4rem;line-height:1.8}

/* SLOT (donker petrol) */
.h-endbox p{color:rgba(255,255,255,.75);font-size:1.1rem;line-height:1.85;max-width:52ch;margin:0 auto}
.h-end h2{color:#fff}
.h-end+footer .f-slogan{padding-top:.5rem}
.home .gband h2{font-family:var(--sans);font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:700;letter-spacing:.2em;line-height:1.3;color:var(--pd);margin:0;text-align:center}
.home .gband h2 span{font-weight:300;opacity:.5;color:var(--pd)}
.home .gband{padding:1.75rem 1rem}
/* één middenas: open blokken gecentreerd, met icoon waar het over gaat */
.t-item,.w-step,.p-item{text-align:center!important;align-items:center}
.w-step .bo{align-self:center!important}
.t-ic{display:block;margin:0 auto 1rem;width:34px;height:34px}
.t-ic svg{width:34px;height:34px;stroke:var(--gold);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.t-item h3{margin-top:0}
/* getuigenissen: één groot citaat, twee korte zinnen eronder, open en gecentreerd */
.p-more{max-width:900px;gap:3rem;margin-top:3.2rem}
.p-item{padding:1.6rem 0 0!important;text-align:center}
.p-q{font-family:var(--sans)!important;font-style:normal!important;font-size:1.08rem!important;line-height:1.7!important;color:rgba(255,255,255,.85)!important}
.p-item .p-who{font-size:.85rem!important;font-weight:500!important;color:var(--gold)!important;margin-top:.7rem}
.h-proof .p-who{font-weight:500}
.p-quote{font-size:clamp(1.35rem,2.2vw,1.75rem)!important;line-height:1.5!important;max-width:36ch}
.q-big{font-size:clamp(1.7rem,3.2vw,2.5rem)!important;line-height:1.3!important}
/* drie kleuren: superdonker petrol, beige, wit */
.home section.sw{background:#fff!important}
.home section.scr{background:#f0eee8!important}
.home .sw .h-intro,.home .sw p{color:var(--tm)}
.home .sw h2 em{color:var(--brz)}
.home .banner{background:#f0eee8!important}
/* sierletter enkel voor koppen en korte accenten; zinnen in Outfit */
.q-big{font-family:var(--sans)!important;font-weight:300!important;font-style:normal!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important;font-size:clamp(1.5rem,2.8vw,2.2rem)!important;line-height:1.45!important;max-width:30ch}
.q-big em{font-family:var(--disp)!important;font-weight:400;color:var(--gold)!important;font-style:normal!important}
.p-quote{font-family:var(--sans)!important;font-weight:300!important;font-size:clamp(1.3rem,2.2vw,1.7rem)!important}
.p-ref{font-family:var(--sans)!important;font-weight:400!important;font-size:1.25rem!important}
.h-mani p.m-strong{font-family:var(--disp)!important}
.h-why p.m-strong{font-family:var(--sans)!important;font-weight:500!important;font-size:1.2rem!important}
.h-hero .hp1{font-family:var(--sans)!important;font-weight:400!important;font-size:1.2rem!important;color:var(--gl)!important}
.home .sw .h-mani p.m-strong,.home .h-mani p.m-strong{color:#0e1f21!important}
.home .h-mani p.m-accent{color:#98794e!important}
.home .h-mani p.m-accent{font-family:var(--disp)!important;font-style:italic!important}
.q-big em{font-family:var(--disp)!important;font-style:italic!important}
.home .banner p{font-family:var(--disp)!important;font-style:italic!important;font-size:clamp(1.2rem,2vw,1.5rem)!important;color:#98794e!important}
.h-hero .hp1{font-family:var(--disp)!important;font-style:italic!important;font-size:clamp(1.25rem,2vw,1.5rem)!important}
/* bewijs: drie gelijke kaders + één cijfer */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1080px;margin:3rem auto 0}
.p-card{margin:0;text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(176,146,100,.2);border-radius:16px;padding:2rem 1.8rem 1.8rem;display:flex;flex-direction:column}
.p-mark{font-family:var(--disp);font-style:italic;font-size:3.2rem;line-height:1;color:var(--gold);height:2.2rem}
.p-card blockquote{margin:.6rem 0 0;font-family:var(--sans);font-weight:300;font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.88);flex:1}
.p-card figcaption{margin-top:1.3rem;font-size:.85rem;font-weight:500;color:var(--gold);line-height:1.5}
.p-stat{display:flex;align-items:center;justify-content:center;gap:1.4rem;max-width:720px;margin:3.4rem auto 0;text-align:left}
.p-num{font-family:var(--disp);font-size:clamp(4rem,7vw,5.5rem);line-height:1;color:var(--gold)}
.p-stat p{color:rgba(255,255,255,.85);font-size:1.1rem;line-height:1.6;margin:0;max-width:34ch}
.h-proof .p-creds{margin-top:2.8rem}
@media(max-width:900px){.p-grid{grid-template-columns:1fr}.p-stat{flex-direction:column;text-align:center}}
/* getuigenissen met kracht: kern in goud-sierletter, citaat voller */
.p-card blockquote{font-weight:400!important;font-size:1.12rem!important;color:#fff!important}
.p-card blockquote em{font-family:var(--disp);font-style:italic;font-weight:400;font-size:1.22em;color:var(--gold);line-height:1.35}
.p-card{padding:2.2rem 2rem 2rem!important}
.p-mark{font-size:3.8rem!important}
.w-step{border-top:0!important}
.h-quote .h-col{border-top:1px solid rgba(255,255,255,.08)!important}
.v11 main section+section::before{display:none!important}
/* waarom: als scène, met stiltes */
.h-why p{font-size:1.14rem!important;line-height:1.9!important}
.h-why p.why-scene{font-size:1.28rem!important;color:#fff!important}
.h-why p.why-pull{font-family:var(--disp);font-size:clamp(1.6rem,2.8vw,2.2rem)!important;line-height:1.3!important;color:#fff!important;text-align:center;margin:2.4rem 0!important}
.h-why p.why-pull em,.h-why p.why-end em{font-family:var(--disp);font-style:italic;color:var(--gold)}
.h-why p.why-end{font-family:var(--disp);font-size:clamp(1.4rem,2.4vw,1.85rem)!important;line-height:1.4!important;color:#fff!important;text-align:center;margin-top:2.6rem!important}
.why-keuzes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0 .5rem}
.why-keuzes>div{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:var(--disp);font-size:1.25rem;color:#fff;text-align:center;padding:1.3rem .8rem;border:1px solid rgba(176,146,100,.2);border-radius:14px;background:rgba(255,255,255,.03)}
.why-keuzes span{font-size:2.4rem;line-height:1;color:var(--gold)}
@media(max-width:600px){.why-keuzes{grid-template-columns:1fr}}
/* waarom: rustig */
.h-why p{font-size:1.1rem!important;line-height:1.9!important;color:rgba(255,255,255,.78)!important;font-weight:300!important;text-align:center;max-width:36rem;margin-left:auto!important;margin-right:auto!important}
.h-why p.why-pull{font-family:var(--disp)!important;font-weight:400!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;color:#fff!important;margin:2.2rem auto!important}
.h-why .pn-keuzes{max-width:34rem;margin:1.4rem auto .4rem}
.h-why .pn-keuzes>div{color:#fff}
.h-why .pn-keuzes{max-width:40rem!important}
.h-why .pn-keuzes>div{white-space:nowrap}
@media(max-width:600px){.h-why .pn-keuzes>div{white-space:normal}}
.h-quote .h-col{border-top:0!important;padding-top:0!important}
.h-quote{padding-top:0!important}
.h-why p.why-ai{font-family:var(--disp)!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;color:#fff!important;font-weight:400!important;margin:1.4rem auto 3rem!important}
.h-why p.why-ai em{font-style:italic;color:var(--gold)}
.home section.h-quote{padding-top:0!important;padding-bottom:clamp(4rem,7vw,5.5rem)!important}
.home section.h-why{padding-bottom:0!important}
.h-why p.why-ai{margin-bottom:2rem!important}
html body .h-why p.why-ai em,html body .h-why p.why-pull em{font-family:var(--disp)!important;font-style:italic!important}
/* hero: geen goud onder het goud; de onderzin in rustig crème */
html body .h-hero .hp1{color:rgba(240,238,232,.92)!important}
.home .h-mani p.m-accent{font-size:clamp(1.9rem,3.2vw,2.5rem)!important;text-align:center;margin:2.6rem 0 1.6rem!important}
.home .h-mani p.m-strong:not(.m-first){font-size:1.5rem!important;text-align:center;margin-top:2rem!important}
.home .h-mani p.m-first{font-size:clamp(2.2rem,4vw,3rem)!important;text-align:center;margin-bottom:1.8rem!important}
html body .home .p-card blockquote{font-weight:300!important;font-size:1.02rem!important;color:rgba(255,255,255,.82)!important}
html body .home .p-card blockquote em{font-size:1.08em!important}
.home .h-mani p,.home .h-why p{text-align:center!important}
.home section:is(.sw,.scr) :is(.lab,.w-tag){color:#0e1f21!important}
html body.home :is(.h-hero,section.sdk,section.sdp){background:#0a1718!important}