/* JorFytaal Methode — page-specific design, v1.2.17 */
.method-page{overflow-x:hidden}
.method-page h1,.method-page h2,.method-page h3{text-wrap:balance}
.method-page p{max-width:72ch}
.method-text-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--jf-purple);font-weight:750;text-decoration:none;transition:gap .18s ease,color .18s ease}
.method-text-link:hover{gap:.72rem;color:var(--jf-pink)}

.method-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7rem) 0 clamp(4rem,7vw,6.2rem);background:radial-gradient(circle at 88% 14%,rgba(204,0,102,.10),transparent 26%),radial-gradient(circle at 70% 72%,rgba(83,32,158,.10),transparent 30%),linear-gradient(135deg,#fff 0%,#faf7fd 52%,#f4edf9 100%)}
.method-hero::before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(83,32,158,.07);border-radius:50%;right:-210px;top:-230px;box-shadow:0 0 0 80px rgba(83,32,158,.025),0 0 0 160px rgba(204,0,102,.018)}
.method-hero .container-xl{position:relative;z-index:1}
.method-hero h1{max-width:820px;margin-bottom:1.35rem;font-size:clamp(2.9rem,5.35vw,5.35rem);line-height:.98}
.method-hero h1 span{display:block;color:var(--jf-purple)}
.method-hero__lead{max-width:760px;color:#5f5863;font-size:clamp(1.12rem,1.55vw,1.3rem);line-height:1.68}
.method-hero__actions{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;margin-top:1.8rem}
.method-hero__promise{display:flex;flex-wrap:wrap;gap:.55rem 1.15rem;margin-top:1.5rem;color:#6d6471;font-size:.88rem;font-weight:650}
.method-hero__promise span{display:inline-flex;align-items:center;gap:.4rem}.method-hero__promise i{color:var(--jf-pink);font-size:.72rem}

.method-compass{position:relative;min-height:520px;max-width:520px;margin-inline:auto;border-radius:42px;background:linear-gradient(145deg,var(--jf-purple-deep),var(--jf-purple) 57%,#861264);box-shadow:0 32px 80px rgba(58,22,111,.24);overflow:hidden;isolation:isolate}
.method-compass::before,.method-compass::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13);inset:14%;z-index:-1}.method-compass::after{inset:28%;border-color:rgba(255,255,255,.19)}
.method-compass__glow{position:absolute;inset:auto -70px -90px auto;width:300px;height:300px;border-radius:50%;background:rgba(204,0,102,.42);filter:blur(12px);z-index:-1}
.method-compass__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(255,255,255,.98);box-shadow:0 16px 45px rgba(28,7,54,.28);color:var(--jf-purple)}
.method-compass__center img{width:35px;margin-bottom:.35rem}.method-compass__center span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:750;color:#7e7188}.method-compass__center strong{font-family:var(--jf-font-heading);font-size:1.45rem;line-height:1}
.method-compass__layer{position:absolute;width:185px;min-height:106px;padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);color:#fff;box-shadow:0 12px 30px rgba(22,5,43,.10)}
.method-compass__layer i{display:block;margin-bottom:.5rem;color:#ffb7d8;font-size:1.15rem}.method-compass__layer strong{display:block;font-family:var(--jf-font-heading);font-size:1.15rem}.method-compass__layer span{display:block;margin-top:.18rem;color:rgba(255,255,255,.72);font-size:.75rem;line-height:1.35}
.method-compass__layer--body{left:28px;top:42px}.method-compass__layer--feel{right:25px;top:80px}.method-compass__layer--think{left:28px;bottom:56px}.method-compass__layer--aware{right:25px;bottom:31px}

.method-story{background:#fff}.method-story h2{max-width:740px}.method-intro{font-size:1.16rem;color:#514957}.method-definition{margin-top:1.45rem;padding:1.1rem 1.25rem;border-left:3px solid var(--jf-pink);border-radius:0 14px 14px 0;background:var(--jf-pink-wash)}
.method-questions{position:relative;overflow:hidden;padding:clamp(1.4rem,3vw,2rem);border:1px solid rgba(83,32,158,.12);border-radius:28px;background:linear-gradient(145deg,#faf7fd,#fff);box-shadow:var(--jf-shadow-soft)}
.method-questions::after{content:"";position:absolute;right:-80px;bottom:-100px;width:230px;height:230px;border:1px solid rgba(83,32,158,.08);border-radius:50%;box-shadow:0 0 0 40px rgba(83,32,158,.025)}
.method-questions__label{position:relative;z-index:1;margin-bottom:1rem;color:var(--jf-purple);font-size:.77rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.method-questions ol{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.method-questions li{display:grid;grid-template-columns:50px 1fr;gap:.8rem;align-items:center;padding:.9rem 1rem;border:1px solid rgba(83,32,158,.10);border-radius:16px;background:#fff}.method-questions li span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--jf-purple-wash);color:var(--jf-purple);font-weight:800;font-size:.8rem}.method-questions li strong{font-family:var(--jf-font-heading);font-size:1.08rem;color:#3d3442}.method-questions__foot{position:relative;z-index:1;display:flex;gap:.75rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--jf-line);color:#6a6070;font-size:.88rem}.method-questions__foot i{color:var(--jf-pink)}

.method-principles{background:linear-gradient(180deg,#f6f1fa 0%,#f1ebf7 100%)}.method-section-head{margin-bottom:1.6rem}.method-principle-card{height:100%;min-height:310px;padding:1.45rem;border:1px solid rgba(83,32,158,.10);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(63,28,91,.06);transition:transform .18s ease,box-shadow .18s ease}
.method-principle-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(63,28,91,.10)}.method-principle-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.4rem}.method-principle-card__top span{color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.76rem;font-weight:700;letter-spacing:.08em}.method-principle-card__top i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--jf-purple-wash);color:var(--jf-purple)}.method-principle-card h3{font-size:1.45rem;margin-bottom:.75rem}.method-principle-card p{margin:0;color:#68606c;font-size:.98rem}.method-principle-card.is-purple{background:linear-gradient(145deg,#3d176f,#6124a7);color:#fff;border-color:transparent}.method-principle-card.is-purple h3{color:#fff}.method-principle-card.is-purple p{color:rgba(255,255,255,.78)}.method-principle-card.is-purple .method-principle-card__top span{color:#f4bad7}.method-principle-card.is-purple .method-principle-card__top i{background:rgba(255,255,255,.12);color:#fff}.method-principle-card.is-pink{background:linear-gradient(145deg,#fff 0%,#fff5fa 100%);border-color:rgba(204,0,102,.12)}.method-principle-card.is-pink .method-principle-card__top i{background:var(--jf-pink-wash);color:var(--jf-pink)}

.method-process{position:relative;overflow:hidden;background:linear-gradient(135deg,#2c1054,#52208e 58%,#8a0c5b);color:#fff}.method-process::after{content:"";position:absolute;right:-180px;bottom:-250px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.method-process .container-xl{position:relative;z-index:1}.method-process h2{color:#fff}.method-process__intro{position:sticky;top:118px}.method-process__intro>p{color:rgba(255,255,255,.76);font-size:1.06rem}.method-process__path{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.5rem 0}.method-process__path span{padding:.48rem .72rem;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:750}.method-process__path i{color:#e5a0c3;font-size:.65rem}.method-process__note{display:flex;gap:.8rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.55}.method-process__note i{margin-top:.15rem;color:#ffb9da}.method-process-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.method-process-list li{display:grid;grid-template-columns:54px 1fr;gap:1rem;padding:1.15rem 1.2rem;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.075);backdrop-filter:blur(7px)}.method-process-list__number{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff;color:var(--jf-purple);font-family:var(--jf-font-meta);font-size:.78rem;font-weight:800}.method-process-list h3{margin:0 0 .25rem;color:#fff;font-size:1.18rem}.method-process-list p{margin:0;color:rgba(255,255,255,.72);font-size:.94rem}

.method-recognition{background:#fff}.method-checks{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.8rem}.method-checks li{display:flex;gap:.75rem;align-items:flex-start}.method-checks i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin-top:.05rem;border-radius:50%;background:var(--jf-pink-wash);color:var(--jf-pink);font-size:.7rem}.method-checks span{color:#5f5665}.method-fit-card{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2.2rem);border-radius:30px;background:linear-gradient(145deg,#faf6fd,#f7eef8);border:1px solid rgba(83,32,158,.12);box-shadow:var(--jf-shadow-soft)}.method-fit-card::after{content:"";position:absolute;right:-65px;top:-65px;width:180px;height:180px;border-radius:50%;background:rgba(204,0,102,.06)}.method-fit-card__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:1rem;border-radius:20px;background:linear-gradient(135deg,var(--jf-purple),var(--jf-pink));color:#fff;font-size:1.25rem;box-shadow:0 12px 26px rgba(83,32,158,.18)}.method-fit-card h3{font-size:clamp(1.6rem,2.4vw,2.25rem);margin-bottom:.8rem}.method-fit-card p{color:#655b6a;margin-bottom:1.25rem}

.method-results{background:linear-gradient(180deg,#fff,#faf7fc)}.method-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.method-result{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.15rem;border:1px solid rgba(83,32,158,.10);border-radius:18px;background:#fff}.method-result>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--jf-purple-wash);color:var(--jf-purple)}.method-result strong{display:block;color:#3a3140;font-family:var(--jf-font-heading);font-size:1.05rem}.method-result span{display:block;margin-top:.2rem;color:#716876;font-size:.84rem;line-height:1.45}

.method-origin{background:#f2edf7}.method-origin__panel{overflow:hidden;border-radius:34px;background:#fff;box-shadow:var(--jf-shadow)}.method-origin__photo{height:100%;min-height:610px;background:#ddd}.method-origin__photo img{width:100%;height:100%;object-fit:cover;object-position:70% center}.method-origin__copy{height:100%;padding:clamp(2rem,5vw,4.2rem);display:flex;flex-direction:column;justify-content:center}.method-origin__copy blockquote{margin:1rem 0 1.2rem;padding:0 0 0 1.2rem;border-left:3px solid var(--jf-pink);font-family:var(--jf-font-heading);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.42;color:#403648}.method-origin__copy p{color:#655b69}.method-origin__signature{font-weight:650;color:#4e4354!important}.method-origin__name{display:flex;flex-direction:column;margin:.55rem 0 1.2rem}.method-origin__name strong{font-family:var(--jf-font-heading);font-size:1.13rem;color:var(--jf-purple)}.method-origin__name span{color:#817688;font-size:.82rem}

.method-ways{background:#fff}.method-ways__head{max-width:880px}.method-way-card{display:block;height:100%;overflow:hidden;border:1px solid rgba(83,32,158,.12);border-radius:26px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(63,28,91,.06);transition:transform .18s ease,box-shadow .18s ease}.method-way-card:hover{color:inherit;transform:translateY(-4px);box-shadow:0 20px 44px rgba(63,28,91,.11)}.method-way-card__visual{position:relative;min-height:210px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#3d176f,#6d23ad);color:#fff}.method-way-card__visual>i{font-size:3rem;opacity:.9}.method-way-card__visual>span{position:absolute;left:1rem;top:1rem;padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.92);color:var(--jf-purple);font-size:.72rem;font-weight:800}.method-way-card__visual.is-photo img{width:100%;height:210px;object-fit:cover}.method-way-card__visual.is-online{background:linear-gradient(135deg,#49177f,#cc0066)}.method-way-card__body{padding:1.35rem}.method-way-card__body h3{margin-bottom:.6rem}.method-way-card__body p{min-height:80px;color:#6a6070;font-size:.94rem}.method-way-card__body strong{display:inline-flex;align-items:center;gap:.5rem;color:var(--jf-purple);font-size:.88rem}.method-way-card:hover .method-way-card__body strong{color:var(--jf-pink)}

.method-final{background:#fff}.method-final__panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3.5rem);border-radius:32px;background:linear-gradient(135deg,#32115f,#5a219b 60%,#bb075f);color:#fff;box-shadow:0 24px 60px rgba(58,22,111,.20)}.method-final__panel::after{content:"";position:absolute;right:-80px;top:-110px;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.03)}.method-final__panel>div,.method-final__button{position:relative;z-index:1}.method-final__panel h2{max-width:760px;margin:0 0 .7rem;color:#fff;font-size:clamp(2rem,4.4vw,3.7rem)}.method-final__panel p{margin:0;color:rgba(255,255,255,.80);font-size:1.05rem}.method-final__button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.55rem;min-height:52px;padding:.8rem 1.15rem;border-radius:999px;color:var(--jf-purple);font-weight:800}

@media(max-width:1199.98px){.method-compass{min-height:490px}.method-compass__layer{width:170px}.method-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.method-hero{padding-top:3.3rem}.method-hero h1{max-width:780px}.method-compass{margin-top:.7rem}.method-process__intro{position:static}.method-origin__photo{min-height:430px}.method-origin__photo img{object-position:center 33%}.method-final__panel{align-items:flex-start;flex-direction:column}.method-way-card__body p{min-height:0}}
@media(max-width:767.98px){.method-hero__actions{display:grid;grid-template-columns:1fr}.method-hero__actions .btn-jf{width:100%}.method-hero__actions .method-text-link{justify-content:center;padding:.65rem}.method-compass{min-height:610px;max-width:500px}.method-compass__center{width:130px;height:130px}.method-compass__layer{width:calc(50% - 36px)}.method-compass__layer--body{left:18px;top:28px}.method-compass__layer--feel{right:18px;top:100px}.method-compass__layer--think{left:18px;bottom:95px}.method-compass__layer--aware{right:18px;bottom:25px}.method-principle-card{min-height:auto}.method-result-grid{grid-template-columns:1fr}.method-origin__panel{border-radius:24px}.method-origin__photo{min-height:360px}.method-final__panel{border-radius:24px}}
@media(max-width:520px){.method-hero h1{font-size:clamp(2.35rem,11.5vw,3.2rem)}.method-hero__promise{display:grid}.method-compass{min-height:620px;border-radius:30px}.method-compass__center{top:49%;width:118px;height:118px}.method-compass__layer{width:calc(100% - 36px);min-height:auto;padding:.8rem .9rem}.method-compass__layer i{display:inline-block;margin:0 .45rem 0 0}.method-compass__layer strong{display:inline;font-size:1.02rem}.method-compass__layer span{margin-left:1.7rem}.method-compass__layer--body{left:18px;top:22px}.method-compass__layer--feel{left:18px;right:auto;top:130px}.method-compass__layer--think{left:18px;bottom:128px}.method-compass__layer--aware{left:18px;right:auto;bottom:20px}.method-questions li{grid-template-columns:42px 1fr;padding:.8rem}.method-questions li span{width:36px;height:36px}.method-process-list li{grid-template-columns:44px 1fr;padding:1rem}.method-process-list__number{width:40px;height:40px}.method-origin__copy{padding:1.5rem}.method-final__button{width:100%;justify-content:center}}

/* =========================================================
   v1.2.14 — inhoudelijke verdieping + design polish
   ========================================================= */

/* Op-deze-pagina navigatie: duidelijk als navigatie, niet als losse tags */
.method-subnav{position:sticky;top:76px;z-index:20;border-top:1px solid rgba(83,32,158,.07);border-bottom:1px solid rgba(83,32,158,.09);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.method-subnav .container-xl{display:flex;align-items:center;gap:.35rem .55rem;flex-wrap:wrap;padding-top:.72rem;padding-bottom:.72rem}
.method-subnav__label{margin-right:.3rem;color:#7d7185;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.method-subnav a{display:inline-flex;align-items:center;min-height:34px;padding:.38rem .7rem;border-radius:999px;color:#5b5062;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease}
.method-subnav a:hover,.method-subnav a:focus-visible{background:var(--jf-purple-wash);color:var(--jf-purple)}
.method-section-link{margin-top:1.35rem}.method-section-link.text-center{display:flex;justify-content:center;margin-top:1.8rem}

/* Compactere herkenningslijst in de intro */
.method-checks--compact{margin-top:1.05rem;gap:.55rem}.method-checks--compact li{align-items:center}.method-checks--compact i{background:#fff;border:1px solid rgba(83,32,158,.12);color:var(--jf-purple)}

/* Vier lagen: informatief, niet alsof alle kaarten klikbaar zijn */
.method-layers{background:linear-gradient(180deg,#fff 0%,#fbf8fd 100%)}
.method-layer-card{position:relative;height:100%;min-height:270px;padding:1.45rem 1.35rem;border:1px solid rgba(83,32,158,.11);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(63,28,91,.055)}
.method-layer-card::before{content:"";position:absolute;left:1.35rem;right:1.35rem;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--jf-purple),var(--jf-pink));opacity:.58}
.method-layer-card>i{display:grid;place-items:center;width:50px;height:50px;margin-bottom:1.45rem;border-radius:17px;background:var(--jf-purple-wash);color:var(--jf-purple);font-size:1.15rem}
.method-layer-card h3{margin-bottom:.65rem;font-size:1.35rem}.method-layer-card p{margin:0;color:#69606e;font-size:.94rem;line-height:1.62}
.method-layer-card.is-aware{background:linear-gradient(145deg,#fff,#faf4fd);border-color:rgba(204,0,102,.12)}
.method-layer-card.is-aware>i{background:var(--jf-pink-wash);color:var(--jf-pink)}
.method-layer-card .method-text-link{margin-top:1rem;font-size:.82rem}

/* Zes uitgangspunten: één consistente visuele taal, geen willekeurige highlights */
.method-principles{background:linear-gradient(180deg,#f6f1fa 0%,#f1ebf7 100%)}
.method-principle-card,.method-principle-card.is-purple,.method-principle-card.is-pink{position:relative;display:flex;flex-direction:column;height:100%;min-height:330px;padding:1.5rem;border:1px solid rgba(83,32,158,.11);border-radius:24px;background:#fff;color:inherit;box-shadow:0 12px 34px rgba(63,28,91,.055);transform:none;transition:border-color .16s ease,box-shadow .16s ease}
.method-principle-card:hover,.method-principle-card.is-purple:hover,.method-principle-card.is-pink:hover{transform:none;border-color:rgba(83,32,158,.18);box-shadow:0 16px 40px rgba(63,28,91,.075)}
.method-principle-card::before{content:"";position:absolute;left:1.5rem;top:0;width:58px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--jf-purple),var(--jf-pink))}
.method-principle-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.method-principle-card__top span,.method-principle-card.is-purple .method-principle-card__top span{display:grid;place-items:center;min-width:34px;height:28px;padding:0 .55rem;border-radius:999px;background:#f6f1fa;color:var(--jf-purple);font-family:var(--jf-font-meta);font-size:.72rem;font-weight:800;letter-spacing:.07em}
.method-principle-card__top i,.method-principle-card.is-purple .method-principle-card__top i,.method-principle-card.is-pink .method-principle-card__top i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--jf-pink-wash);color:var(--jf-pink)}
.method-principle-card h3,.method-principle-card.is-purple h3{color:#372e3b;font-size:1.42rem;margin-bottom:.72rem}.method-principle-card p,.method-principle-card.is-purple p{margin:0;color:#68606c;font-size:.96rem;line-height:1.62}
.method-principle-card__link{display:inline-flex;align-items:center;gap:.48rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(83,32,158,.08);color:var(--jf-purple);font-size:.82rem;font-weight:780;text-decoration:none;line-height:1.35;transition:gap .16s ease,color .16s ease}
.method-principle-card__link:hover,.method-principle-card__link:focus-visible{gap:.7rem;color:var(--jf-pink)}

/* Donkere processectie: CTA ziet er nu echt uit als een link */
.method-process__link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#fff;font-size:.84rem;font-weight:750;text-decoration:none}
.method-process__link i{color:#f2a7cb}.method-process__link:hover{color:#fff;gap:.7rem}

/* Concreet voorbeeld: editorial timeline, geen dashboard-look */
.method-example{background:#fff}
.method-example .method-definition{margin-top:1.25rem}
.method-example-list{counter-reset:example;list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.method-example-list li{counter-increment:example;position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.1rem;padding:1.05rem 1.1rem 1.05rem 1.35rem;border:1px solid rgba(83,32,158,.10);border-radius:18px;background:linear-gradient(90deg,#fff 0%,#fcf9fd 100%)}
.method-example-list li::before{content:counter(example,decimal-leading-zero);position:absolute;left:-16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--jf-purple);color:#fff;font-family:var(--jf-font-meta);font-size:.68rem;font-weight:800;box-shadow:0 8px 20px rgba(83,32,158,.2)}
.method-example-list strong{font-family:var(--jf-font-heading);color:#3d3342;font-size:1rem}.method-example-list span{color:#675e6c;font-size:.9rem;line-height:1.58}

/* Pure Ik: duidelijk verdiepend, maar nuchter en concreet */
.method-pure{background:linear-gradient(180deg,#f3edf8,#faf7fc)}
.method-pure__panel{position:relative;overflow:hidden;padding:clamp(1.7rem,4vw,3rem);border:1px solid rgba(83,32,158,.13);border-radius:32px;background:#fff;box-shadow:0 18px 48px rgba(56,28,76,.08)}
.method-pure__panel::after{content:"";position:absolute;right:-110px;top:-120px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(83,32,158,.07);box-shadow:0 0 0 52px rgba(83,32,158,.025)}
.method-pure__panel .row{position:relative;z-index:1}.method-pure__quote{padding:1.15rem 1.25rem;border-left:3px solid var(--jf-pink);border-radius:0 16px 16px 0;background:var(--jf-pink-wash)}
.method-pure__quote p{margin:0;color:#473b4d;font-family:var(--jf-font-heading);font-size:1.12rem;line-height:1.5}
.method-pure__points{list-style:none;margin:1rem 0 1.15rem;padding:0;display:grid;gap:.5rem}.method-pure__points li{display:flex;align-items:center;gap:.7rem;color:#625867;font-size:.88rem}.method-pure__points i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--jf-purple-wash);color:var(--jf-purple);font-size:.78rem}

/* Startmogelijkheden: deze kaarten zijn wél volledig klikbaar en ogen daar ook naar */
.method-way-card__fit{margin:.8rem 0 1rem;padding:.58rem .7rem;border-radius:12px;background:#f8f4fb;color:#63586a;font-size:.8rem;font-weight:650}
.method-ways__help{margin-top:1.5rem;color:#746a79;font-size:.9rem}

/* FAQ */
.method-faq{background:#f8f5fa}.method-accordion{display:grid;gap:.6rem}.method-accordion .accordion-item{overflow:hidden;border:1px solid rgba(83,32,158,.11)!important;border-radius:16px!important;background:#fff}.method-accordion .accordion-button{padding:1rem 1.05rem;color:#3f3544;background:#fff;font-family:var(--jf-font-heading);font-size:1rem;font-weight:700;box-shadow:none!important}.method-accordion .accordion-button:not(.collapsed){color:var(--jf-purple);background:#fbf8fd}.method-accordion .accordion-body{padding:0 1.05rem 1.05rem;color:#675e6c;font-size:.9rem;line-height:1.62}.method-accordion .accordion-body a{font-weight:700;color:var(--jf-purple)}

/* Final CTA met duidelijke secundaire route */
.method-final__actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;flex:0 0 auto}.method-final__alt{display:inline-flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.88);font-size:.86rem;font-weight:700;text-decoration:none}.method-final__alt:hover{color:#fff;gap:.65rem}

/* footer: juridische links netjes naast copyright */
.method-page .site-footer .fineprint{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.method-page .site-footer .fineprint a{color:inherit;text-decoration:none}.method-page .site-footer .fineprint a:hover{text-decoration:underline}

@media(max-width:991.98px){
  .method-subnav{top:72px}.method-layer-card{min-height:245px}.method-principle-card{min-height:310px}.method-example-list li{grid-template-columns:135px minmax(0,1fr)}.method-final__actions{align-items:flex-start}
}
@media(max-width:767.98px){
  .method-subnav{position:relative;top:auto}.method-subnav .container-xl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.method-subnav .container-xl::-webkit-scrollbar{display:none}.method-subnav__label{flex:0 0 auto}.method-subnav a{flex:0 0 auto}
  .method-layer-card{min-height:auto}.method-principle-card{min-height:auto}.method-example-list{padding-left:8px}.method-example-list li{grid-template-columns:1fr;gap:.35rem;padding:1rem 1rem 1rem 1.25rem}.method-example-list li::before{left:-13px}.method-pure__panel{border-radius:24px}
  .method-final__actions{width:100%}.method-final__alt{align-self:center}
}

/* v1.2.18 — consistente interne hero-typografie */
.method-hero h1{
  font-size:clamp(2.6rem,4.6vw,4.7rem);
  line-height:.98;
  letter-spacing:-.018em;
}
@media(max-width:767.98px){
  .method-hero h1{
    font-size:clamp(2.25rem,10.2vw,3.35rem);
    line-height:1.01;
  }
}