/* =====================================================================
   ACT. TRAIN, website versie 2.4, art direction "Het vlak"
   Gedachte: kracht en conditie zijn twee kanten van één capaciteit.
   Train je er één, dan blijft het een strook. Train je allebei, dan
   groeit een vlak, en de ACT-pijl op de hoek wijst schuin omhoog.
   - Eén grafisch principe: het vlak (Kracht verticaal x Conditie horizontaal).
     Vier glaslagen met een eigen textuur:
       kracht = verticale lijnen, duurvermogen = horizontale lijnen,
       interval = aan-uit-strepen, combinatie = echte glaslaag met blur.
   - Glas alleen waar het een laag of instrument is: header, menu, mobiele knop,
     het vlak, het verhoudingspaneel en de fotoplekken.
   - Mobiel eerst: 4 kolommen, vanaf 900 px 12 kolommen. Alleen tik en veeg.
   ===================================================================== */
@font-face{font-family:'General Sans';src:url('fonts/GeneralSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('fonts/GeneralSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'General Sans';src:url('fonts/GeneralSans-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --paper:#F1F0EC; --sand:#E6E1D7; --white:#FFFFFF; --bone:#E4E2DC;
  --ink:#0D0D0C; --anthracite:#24231F; --night:#1A1916;
  --grey:#5A5650; --stone:#9A9287; --tan:#C9B79C; --tan-ink:#8A7556; --line:#D2CDC4;
  --line-dark:rgba(241,240,236,.16); --grey-dark:#B8B3AA;
  --orange:#FE3C20; --orange-ink:#A9230E; --orange-soft:#FF7A64;
  --ok:#2F6B3F; --err:#B3261E;
  --font:'General Sans','Hanken Grotesk','Helvetica Neue',Arial,system-ui,sans-serif;
  --t-hero:clamp(2.4rem,1.4rem + 4.4vw,5.4rem);
  --t-page:clamp(2.15rem,1.4rem + 3.2vw,4.1rem);
  --t-h1:clamp(2rem,1.4rem + 2.6vw,3.6rem);
  --t-h2:clamp(1.6rem,1.25rem + 1.5vw,2.5rem);
  --t-h3:clamp(1.2rem,1.1rem + .45vw,1.45rem);
  --t-lead:clamp(1.125rem,1.05rem + .4vw,1.35rem);
  --t-body:1.0625rem; --t-small:.9375rem; --t-xs:.875rem;
  --pad-x:clamp(20px,5vw,72px); --wrap:1280px;
  --gutter:max(var(--pad-x),env(safe-area-inset-left,0px)); --gutter-r:max(var(--pad-x),env(safe-area-inset-right,0px));
  --sec:clamp(4rem,2.6rem + 5.6vw,8.5rem); --gap:clamp(1rem,.7rem + 1.4vw,2rem);
  --r:6px; --r-l:22px; --r-pill:999px;
  --ease:cubic-bezier(.2,.7,.1,1);
  /* lagen van het vlak, licht thema */
  --c-axis:rgba(13,13,12,.55); --c-grid:rgba(13,13,12,.07); --c-total:var(--ink);
  --k-bg:rgba(13,13,12,.09); --k-ln:rgba(13,13,12,.30); --k-bd:rgba(13,13,12,.45);
  --d-bg:rgba(201,183,156,.50); --d-ln:rgba(138,117,86,.45); --d-bd:#9A8466;
  --i-bg:rgba(201,183,156,.18); --i-st:rgba(36,35,31,.62); --i-bd:rgba(36,35,31,.5);
  --c-bg:rgba(255,255,255,.24); --c-ln:rgba(13,13,12,.10); --c-bd:rgba(255,255,255,.95);
  color-scheme:light;
}
.dark{
  --c-axis:rgba(241,240,236,.6); --c-grid:rgba(241,240,236,.06); --c-total:var(--paper);
  --k-bg:rgba(241,240,236,.12); --k-ln:rgba(241,240,236,.34); --k-bd:rgba(241,240,236,.5);
  --d-bg:rgba(201,183,156,.28); --d-ln:rgba(201,183,156,.55); --d-bd:rgba(201,183,156,.8);
  --i-bg:rgba(201,183,156,.10); --i-st:rgba(201,183,156,.8); --i-bd:rgba(201,183,156,.7);
  --c-bg:rgba(255,255,255,.08); --c-ln:rgba(255,255,255,.08); --c-bd:rgba(255,255,255,.42);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:500;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0}
button,input,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
::selection{background:var(--orange);color:var(--ink)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--orange);color:var(--ink);padding:10px 16px;border-radius:var(--r-pill);text-decoration:none;font-weight:500}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Raster ---------- */
.wrap{max-width:calc(var(--wrap) + 2*var(--pad-x));margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r);width:100%}
.cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);row-gap:2rem}
.cols>*{grid-column:1/-1;min-width:0}
@media (min-width:900px){
  .cols{grid-template-columns:repeat(12,minmax(0,1fr))}
  .c-1-4{grid-column:1/span 4!important}.c-1-5{grid-column:1/span 5!important}.c-1-6{grid-column:1/span 6!important}.c-1-7{grid-column:1/span 7!important}.c-1-8{grid-column:1/span 8!important}
  .c-6-12{grid-column:6/-1!important}.c-7-12{grid-column:7/-1!important}.c-8-12{grid-column:8/-1!important}.c-9-12{grid-column:9/-1!important}
  .split{align-items:start}
  .end-align{align-self:end}
}
.sec{padding-block:var(--sec)}
main>section{overflow-x:clip}
.sand{background:var(--sand)}
.dark{background-color:var(--night);color:var(--paper);
  background-image:radial-gradient(70% 55% at 88% 6%,rgba(201,183,156,.16),transparent 62%),radial-gradient(55% 45% at 0% 100%,rgba(241,240,236,.05),transparent 60%)}
.muted{color:var(--grey)}
.dark .muted{color:var(--grey-dark)}

/* ---------- Type ---------- */
.t-hero{font-size:var(--t-hero);letter-spacing:-.045em;line-height:.98}
.t-page{font-size:var(--t-page)!important;letter-spacing:-.042em;line-height:1}
.h1{font-size:var(--t-h1);letter-spacing:-.04em;line-height:1.03}
.h2{font-size:var(--t-h2);letter-spacing:-.032em}
.en{color:var(--orange-ink)}
.dark .en{color:var(--orange)}
.lead{font-size:var(--t-lead);line-height:1.45;letter-spacing:-.008em;max-width:44ch}
h2+.lead,h1+.lead{margin-top:1.25rem}
.prose{max-width:62ch}.prose p+p{margin-top:1em}
.small{font-size:var(--t-small);line-height:1.55}
strong,b{font-weight:600}
.eyebrow{display:flex;align-items:center;gap:.6rem;font-size:var(--t-small);font-weight:500;color:var(--grey);margin-bottom:1.1rem;letter-spacing:.005em}
.dark .eyebrow{color:var(--grey-dark)}
.eyebrow .num{font-variant-numeric:tabular-nums;color:var(--orange-ink);font-weight:600;min-width:1.6em}
.dark .eyebrow .num{color:var(--orange)}
.diag{width:15px;height:auto;transform:rotate(-45deg);flex:none}
.diag path{fill:var(--orange-ink)}
.dark .diag path{fill:var(--orange)}
.prompt{margin-top:1.5rem;font-size:var(--t-small);font-weight:500;display:flex;gap:.5rem;align-items:center}
.prompt::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.no-js-only{display:none}

/* ---------- Knoppen en links ---------- */
.arw{width:20px;height:auto;flex:none;transition:transform .3s var(--ease)}
.arw path{fill:currentColor}
.btn{--bg:var(--ink);--fg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:54px;padding:.9rem 1.5rem;border-radius:var(--r-pill);background:var(--bg);color:var(--fg);text-decoration:none;font-weight:500;font-size:1.0625rem;line-height:1.2;border:1.5px solid var(--bg);cursor:pointer;transition:background .2s var(--ease),box-shadow .2s;text-align:center}
.btn-primary{--bg:var(--orange);--fg:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -12px rgba(254,60,32,.6)}
.btn-primary:hover{--bg:#FF5A40}
.btn:active .arw{transform:translateX(3px)}
.btn[disabled]{opacity:.65;cursor:progress}
.btns{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
@media (max-width:480px){.btns .btn{width:100%}}
.ulink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.more{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px;min-height:44px}
.more .arw{width:17px}
section .more{margin-top:2rem}
.hero .btns .more{margin-top:0}

/* ---------- Glas ---------- */
.glass{background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 60%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.02),0 40px 80px -40px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--r-l)}
.glass-l{background:linear-gradient(160deg,rgba(255,255,255,.80),rgba(255,255,255,.52) 65%);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 30px 60px -36px rgba(36,35,31,.45);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-radius:var(--r-l)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{background:#2A2925}.glass-l{background:#FBFAF8}
}
/* licht achter het glas, zodat de laag zichtbaar wordt */
.hero-vis,.duo,.instrument-wrap{position:relative}
.hero-vis::before,.duo::before{content:"";position:absolute;z-index:0;pointer-events:none;top:-4%;right:-6%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,183,156,.55),rgba(201,183,156,0));filter:blur(6px)}
.dark .hero-vis::before,.dark .duo::before{background:radial-gradient(closest-side,rgba(201,183,156,.30),rgba(201,183,156,0))}
.hero-vis::after{content:"";position:absolute;z-index:0;pointer-events:none;top:8%;right:12%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(254,60,32,.32),rgba(254,60,32,0));filter:blur(8px)}
.hero-vis>*,.duo>*{position:relative;z-index:1}

/* ---------- Header (glas) ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(241,240,236,.74);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border-bottom:1px solid rgba(13,13,12,.08);padding-top:env(safe-area-inset-top,0px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-head{background:var(--paper)}}
.head-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;flex:none;min-height:44px}
.brand svg{width:88px;height:auto;display:block}
.brand svg path{fill:var(--ink)}
.brand span{font-size:var(--t-xs);font-weight:500;color:var(--grey);padding-left:.7rem;border-left:1px solid var(--line);line-height:1.15}
.nav{display:none;align-items:center;gap:.1rem}
.nav a{text-decoration:none;font-size:.9375rem;font-weight:500;padding:.55rem .7rem;border-radius:var(--r-pill);white-space:nowrap}
.nav a:hover{background:rgba(13,13,12,.06)}
.nav a[aria-current="page"]{background:rgba(13,13,12,.08)}
.head-cta{display:none;min-height:46px;padding:.6rem 1.15rem;font-size:.9375rem;white-space:nowrap}
.menu-btn{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;padding:.5rem 1.1rem;border-radius:var(--r-pill);border:1px solid rgba(13,13,12,.18);background:rgba(255,255,255,.55);font-weight:500;cursor:pointer}
.menu-btn i{position:relative;width:16px;height:10px;display:block}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .25s var(--ease),top .25s var(--ease)}
.menu-btn i::before{top:1px}.menu-btn i::after{top:7px}
.menu-open .menu-btn i::before{top:4px;transform:rotate(45deg)}
.menu-open .menu-btn i::after{top:4px;transform:rotate(-45deg)}
@media (min-width:1200px){.nav,.head-cta{display:inline-flex}.menu-btn{display:none}}
@media (max-width:380px){.brand span{display:none}}
.sheet{position:fixed;inset:0;z-index:45;background:rgba(241,240,236,.86);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);padding:calc(88px + env(safe-area-inset-top,0px)) var(--gutter-r) calc(24px + env(safe-area-inset-bottom,0px)) var(--gutter);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sheet{background:var(--paper)}}
.menu-open .sheet{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.sheet nav{display:flex;flex-direction:column}
.sheet nav a{font-size:clamp(1.6rem,7vw,2.3rem);font-weight:500;letter-spacing:-.03em;text-decoration:none;padding:.45rem 0;min-height:52px;border-bottom:1px solid rgba(13,13,12,.1);display:flex;justify-content:space-between;align-items:center}
.sheet nav a .arw{width:22px;color:var(--orange-ink)}
.sheet nav a[aria-current="page"]{color:var(--grey)}
.sheet .small{color:var(--grey);margin-top:auto}
.menu-open{overflow:hidden}
.menu-open .site-head{z-index:55}

/* ---------- Hero ---------- */
.hero{padding-top:clamp(2.25rem,1.25rem + 4vw,5.5rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem)}
.hero-cols{align-items:center;row-gap:2.5rem}
.hero h1{max-width:14ch}
.hero .lead{margin-top:1.4rem;max-width:40ch}
.hero .btns{margin-top:2rem}
.hero-meta{margin-top:1.4rem;font-size:var(--t-small);color:var(--grey-dark)}
.hero-meta b{color:var(--paper);font-weight:500}
.page-hero{padding-bottom:clamp(2.5rem,1.5rem + 4vw,5rem)}
.page-hero .cols{align-items:end;row-gap:2.5rem}
.page-hero h1{max-width:17ch}
@media (max-width:899px){.page-hero .slot{max-width:420px}}

/* ---------- Het vlak ---------- */
.instrument{padding:clamp(1rem,.7rem + 1.2vw,1.75rem)}
.vlak{margin:0;color:inherit}
.vl-box{position:relative;width:100%;aspect-ratio:1.1/1}
.vl-y,.vl-x{position:absolute;font-size:var(--t-xs);font-weight:500;line-height:1;letter-spacing:.01em}
.vl-y{top:0;left:0}
.vl-x{right:0;bottom:0}
.vl-y::after{content:" ↑";color:var(--stone)}
.vl-x::after{content:" →";color:var(--stone)}
.vl-field{position:absolute;left:0;right:6%;top:1.6rem;bottom:1.6rem;border-left:1.5px solid var(--c-axis);border-bottom:1.5px solid var(--c-axis)}
.vl-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--c-grid) 1px,transparent 1px),linear-gradient(to top,var(--c-grid) 1px,transparent 1px);background-size:25% 25%;background-position:left bottom}
.pane{font-style:normal;position:absolute;left:0;bottom:0;display:block;width:calc(var(--w,0)*1%);height:calc(var(--h,0)*1%);opacity:var(--op,0);
  transition:width .7s var(--ease),height .7s var(--ease),opacity .45s var(--ease)}
.p-kracht{z-index:2;background:repeating-linear-gradient(90deg,var(--k-ln) 0 1px,transparent 1px 7px),var(--k-bg);box-shadow:inset 0 0 0 1px var(--k-bd)}
.p-duur{z-index:1;background:repeating-linear-gradient(0deg,var(--d-ln) 0 1px,transparent 1px 7px),var(--d-bg);box-shadow:inset 0 0 0 1px var(--d-bd)}
.p-interval{z-index:2;background:repeating-linear-gradient(90deg,var(--i-st) 0 5px,transparent 5px 11px),var(--i-bg);box-shadow:inset 0 0 0 1px var(--i-bd)}
.p-combi{z-index:3;background:repeating-linear-gradient(45deg,var(--c-ln) 0 1px,transparent 1px 9px),var(--c-bg);border:1px solid var(--c-bd);border-left:0;border-bottom:0;
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 30px -18px rgba(0,0,0,.45)}
.p-total{z-index:4;border-top:1.5px solid var(--c-total);border-right:1.5px solid var(--c-total)}
.vl-arrow{position:absolute;right:0;top:0;width:clamp(22px,6vw,30px);height:clamp(19px,5.1vw,26px);max-width:none;transform:translate(50%,-50%) rotate(var(--rot,-45deg));transition:transform .6s var(--ease);overflow:visible}
.vl-arrow path{fill:var(--orange)}
.vl-cap{margin-top:1rem;font-size:var(--t-xs);line-height:1.45;color:var(--grey);max-width:46ch}
.dark .vl-cap{color:var(--grey-dark)}
/* opbouw bij laden (hero) en bij in beeld komen (voortgang); zonder JS of beweging direct compleet */
.p-kracht{--d:.05s}.p-duur{--d:.25s}.p-interval{--d:.45s}.p-combi{--d:.65s}.p-total{--d:.9s}
.js .vlak[data-intro]:not(.go) .pane{width:0;height:0;opacity:0}
.js .vlak[data-intro]:not(.go) .vl-arrow{transform:translate(50%,-50%) rotate(-45deg) scale(.4)}
.vlak[data-intro].go .pane{transition-delay:var(--d,0s)}
.vlak[data-intro].go.done .pane{transition-delay:0s}
@media (prefers-reduced-motion:reduce){.pane,.vl-arrow{transition:none!important}}
/* voortgang: drie blokken om elkaar heen */
.vlak-blocks .p-b1{--w:44;--h:40;--op:1}.vlak-blocks .p-b2{--w:67;--h:63;--op:1}.vlak-blocks .p-b3{--w:90;--h:86;--op:1}
.p-b1,.p-b2,.p-b3{border-top:1.5px solid var(--c-total);border-right:1.5px solid var(--c-total)}
.p-b1{z-index:3;background:rgba(201,183,156,.30)}.p-b2{z-index:2;background:rgba(201,183,156,.16)}.p-b3{z-index:1;background:rgba(201,183,156,.07)}
.pane b{position:absolute;top:.45rem;right:.6rem;font-size:var(--t-xs);font-weight:500;white-space:nowrap}
.pane em{position:absolute;right:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--orange);transform:translate(50%,-50%);box-shadow:0 0 0 4px rgba(254,60,32,.18)}
.tw-key{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;color:var(--paper);margin-right:.4rem}
.tw-key i{width:10px;height:10px;border-radius:50%;background:var(--orange)}
/* legenda en textuurstaaltjes */
.legend{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(13,13,12,.08);font-size:var(--t-xs);list-style:none}
.dark .legend{border-color:var(--line-dark)}
.legend li{display:flex;align-items:center;gap:.5rem}
.tx{display:inline-block;width:26px;height:16px;flex:none;vertical-align:-.15em}
.tx-kracht{background:repeating-linear-gradient(90deg,var(--k-ln) 0 1px,transparent 1px 5px),var(--k-bg);box-shadow:inset 0 0 0 1px var(--k-bd)}
.tx-duur{background:repeating-linear-gradient(0deg,var(--d-ln) 0 1px,transparent 1px 5px),var(--d-bg);box-shadow:inset 0 0 0 1px var(--d-bd)}
.tx-interval{background:repeating-linear-gradient(90deg,var(--i-st) 0 4px,transparent 4px 8px),var(--i-bg);box-shadow:inset 0 0 0 1px var(--i-bd)}
.tx-combi{background:repeating-linear-gradient(45deg,var(--c-ln) 0 1px,transparent 1px 6px),var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-bd),0 4px 8px -4px rgba(0,0,0,.3)}
.tx-total{border-top:1.5px solid var(--c-total);border-right:1.5px solid var(--c-total);position:relative}
.tx-total::after{content:"";position:absolute;right:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
h3 .tx{margin-right:.6rem}

/* ---------- Tik-schakelaars (tabs) ---------- */
.duo{display:grid;gap:1.25rem;align-content:start}
.tabs{min-width:0}
.seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:18px;background:rgba(13,13,12,.06);border:1px solid rgba(13,13,12,.07);margin-bottom:1.25rem}
.dark .seg{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
.seg-b{flex:1 1 auto;min-height:44px;padding:.5rem .75rem;border-radius:14px;border:0;background:transparent;font-weight:500;font-size:.9375rem;line-height:1.2;cursor:pointer;color:inherit;transition:background .2s var(--ease),box-shadow .2s,color .2s}
.seg-b[aria-selected="true"]{background:var(--white);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 18px -10px rgba(0,0,0,.35)}
.dark .seg-b[aria-selected="true"]{background:rgba(255,255,255,.94)}
@media (max-width:400px){.seg-b{font-size:.875rem;padding:.5rem .6rem}}
.tabs-goals .seg,.tabs-sg .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tabs-sg .seg{grid-template-columns:repeat(3,minmax(0,1fr))}
.tabs-builder .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:560px){.tabs-builder .seg,.tabs-goals .seg{display:flex;flex-wrap:wrap}.tabs-builder .seg-b,.tabs-goals .seg-b{flex:1 1 auto;padding-inline:.7rem}}
.tpanel{outline-offset:6px;border-radius:4px}
.tpanel+.tpanel{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)}
.dark .tpanel+.tpanel{border-color:var(--line-dark)}
.is-tabs .tpanel+.tpanel{margin:0;padding:0;border:0}
.tpanel h3{font-size:var(--t-h3);display:flex;align-items:center}
.tpanel h3+p,.tpanel h3+.dl{margin-top:.6rem}
.tpanel p{max-width:52ch}
.tpanel.enter{animation:fadein .35s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tpanel.enter{animation:none}}
.step-n{font-size:var(--t-xs);font-weight:500;color:var(--grey);margin-bottom:.5rem;font-variant-numeric:tabular-nums}
.dark .step-n{color:var(--grey-dark)}
.tnav{display:none;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line-dark)}
.is-live .tnav{display:flex}
.tnav-b{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.5rem 1.1rem;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:inherit;font-weight:500;cursor:pointer}
.tnav-b[disabled]{opacity:.35;cursor:default}
.tnav-next{background:rgba(255,255,255,.94);color:var(--ink);border-color:transparent}
.tnav-next .arw{width:16px}
.tnav-c{font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--grey-dark)}
.tnav-c b{color:var(--paper);font-weight:500}
.dl{display:grid;gap:.9rem}
.dl dt{font-size:var(--t-xs);font-weight:500;color:var(--grey);letter-spacing:.01em}
.dark .dl dt{color:var(--grey-dark)}
.dl dd{margin-top:.15rem}
/* verhoudingspaneel (glas) */
.mixpanel{margin-top:1.25rem;padding:1rem 1.1rem}
.mx-h{font-size:var(--t-xs);font-weight:500;color:var(--grey);margin-bottom:.6rem}
.mix{list-style:none;display:grid;gap:.55rem}
.mix li{display:grid;grid-template-columns:26px minmax(0,1fr) auto 4.6rem;align-items:center;gap:.7rem;font-size:var(--t-small)}
.mx-n{font-weight:500}
.pips{display:flex;gap:4px}
.pips i{width:12px;height:12px;border-radius:3px;background:rgba(13,13,12,.12)}
.pips i.on{background:var(--ink)}
.mx-w{color:var(--grey);font-size:var(--t-xs);text-align:right}
@media (max-width:380px){.mix li{grid-template-columns:26px minmax(0,1fr) auto}.mx-w{display:none}}

/* ---------- Feiten, pijlers ---------- */
.facts{list-style:none;display:grid;gap:1.5rem;margin-top:2.5rem}
.facts li{padding-top:1.1rem;border-top:1.5px solid var(--ink)}
.facts h3{font-size:var(--t-h3);margin-bottom:.6rem}
.facts p{color:var(--grey)}
@media (min-width:900px){.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.pillars{list-style:none;display:grid;gap:1.25rem;margin-top:2rem}
.pillars li{padding-top:1rem;border-top:1px solid rgba(13,13,12,.16)}
.pillars h3{font-size:1.125rem;letter-spacing:-.015em;margin-bottom:.35rem}
.pillars p{color:var(--grey);font-size:var(--t-small)}
@media (min-width:640px){.pillars{grid-template-columns:1fr 1fr;column-gap:var(--gap)}}
.statement{margin-top:2.5rem;font-size:var(--t-h3);font-weight:500;letter-spacing:-.02em;line-height:1.3;max-width:34ch;padding-left:1rem;border-left:3px solid var(--orange)}
.statement span{color:var(--orange-ink)}

/* ---------- Veegrijen ---------- */
.swipe-wrap{margin-top:2rem;min-width:0}
.swipe{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,84%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1*var(--gutter));padding:4px var(--gutter) 10px;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.swipe::-webkit-scrollbar{display:none}
.swipe>li{scroll-snap-align:start;min-width:0}
.swipe:focus-visible{outline-offset:-2px}
.swipe-dots{display:flex;justify-content:center;gap:6px;margin-top:.9rem}
.swipe-dots i{width:6px;height:6px;border-radius:3px;background:currentColor;opacity:.25;transition:width .25s var(--ease),opacity .25s}
.swipe-dots i.on{width:18px;opacity:.8}
.fcard{padding:1.25rem;border-radius:18px;border:1px solid var(--line-dark);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:.6rem}
.fcard .fc-tx .tx{width:100%;height:56px;border-radius:6px}
.fcard h3{font-size:var(--t-h3);margin-top:.5rem}
.fcard p{color:var(--grey-dark);font-size:var(--t-small)}
@media (min-width:900px){.cards4{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.cards4+.swipe-dots{display:none}}
.rev{padding:1.4rem;border-radius:18px;background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;gap:1rem}
.rev .rev-by{margin-top:auto}
.rev blockquote p{font-size:1.0625rem;line-height:1.5;letter-spacing:-.005em}
.rev-by{display:flex;flex-direction:column;font-size:var(--t-small)}
.rev-by b{font-weight:500}
.rev-by span{color:var(--grey)}
@media (min-width:900px){.swipe:not(.cards4){grid-auto-columns:calc((100% - 2*var(--gutter) - 24px)/3)}}
.swipe-ctrl{display:none;gap:.5rem;justify-content:flex-end;margin-top:.75rem}
.is-live .swipe-ctrl{display:flex}
.swipe-ctrl button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.swipe-ctrl button .arw{width:16px}
.swipe-ctrl button:first-child .arw{transform:scaleX(-1)}
.swipe-ctrl button[disabled]{opacity:.35;cursor:default}

/* ---------- Fotoplek (tijdelijk, ontworpen) ---------- */
.slot{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/5;background:#DCD5C8;isolation:isolate;box-shadow:0 30px 60px -40px rgba(36,35,31,.5)}
.slot.r32{aspect-ratio:3/2}.slot.r11{aspect-ratio:1/1}
.slot-bg{position:absolute;inset:0;z-index:0}
.slot-bg i{position:absolute;left:12%;bottom:0}
.slot-bg i:nth-child(1){width:20%;height:80%;background:repeating-linear-gradient(90deg,rgba(13,13,12,.25) 0 1px,transparent 1px 9px),#3A3833}
.slot-bg i:nth-child(2){width:80%;height:24%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.25) 0 1px,transparent 1px 9px),#B5A386}
.slot-bg i:nth-child(3){width:56%;height:56%;border-top:1.5px solid rgba(13,13,12,.5);border-right:1.5px solid rgba(13,13,12,.5);background:rgba(255,255,255,.18)}
.slot.r32 .slot-bg i:nth-child(1){height:76%;width:14%}
.dark .slot{background:#2C2B27}
.dark .slot-bg i:nth-child(1){background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 9px),#57534B}
.dark .slot-bg i:nth-child(3){border-color:rgba(241,240,236,.5)}
.slot-in{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;padding:1rem 1.1rem;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 16px 30px -20px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);color:var(--ink);display:grid;gap:.4rem}
.slot-tag{display:flex;align-items:center;gap:.5rem;font-size:var(--t-xs);font-weight:600;letter-spacing:.01em}
.slot-tag .diag path{fill:var(--orange-ink)}
.slot-desc{font-size:var(--t-small);line-height:1.45}
.slot-meta{font-size:var(--t-xs);color:#4A4743}

/* ---------- Uitnodiging en formulier ---------- */
.invite .offer{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1.75rem 0;padding-block:1.1rem;border-block:1px solid var(--line-dark)}
.offer b{font-size:clamp(3rem,2rem + 4vw,4.75rem);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.offer span{color:var(--grey-dark);max-width:24ch;line-height:1.4;font-size:var(--t-small)}
.next{display:grid;gap:1rem;counter-reset:s;margin-top:1.5rem}
.next li{list-style:none;display:grid;grid-template-columns:2rem 1fr;gap:.25rem .5rem;counter-increment:s}
.next li::before{content:counter(s);grid-row:1/span 2;font-weight:600;color:var(--orange);font-variant-numeric:tabular-nums}
.next b{font-weight:500}
.next span{color:var(--grey-dark);font-size:var(--t-small)}
.lead-form{background:var(--white);color:var(--ink);border-radius:var(--r-l);padding:clamp(1.25rem,1rem + 1.5vw,2.25rem);border:1px solid var(--line);box-shadow:0 40px 80px -50px rgba(0,0,0,.6)}
.lead-form h3{font-size:1.5rem;margin-bottom:.4rem}
.lead-form .intro{color:var(--grey);font-size:var(--t-small);margin-bottom:1.5rem}
.choice{display:grid;gap:.5rem;margin:0 0 1.5rem;padding:0;border:0;min-width:0}
@media (min-width:480px){.choice{grid-template-columns:1fr 1fr}}
.choice legend{font-size:var(--t-small);font-weight:500;margin-bottom:.6rem;padding:0}
.choice label{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;min-height:64px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:var(--t-small);line-height:1.35}
.choice label b{font-weight:500;font-size:1rem}
.choice label span{color:var(--grey)}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice label:has(input:checked){border-color:var(--ink);background:var(--paper)}
.choice label:has(input:checked)::after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.choice label:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}
.fields{display:grid;gap:1rem}
@media (min-width:480px){.fields{grid-template-columns:1fr 1fr}}
.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:var(--t-small);font-weight:500}
.field label .opt{font-weight:400;color:var(--grey)}
.field input,.field textarea{width:100%;min-height:52px;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:12px;background:var(--white);font-size:1.0625rem}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(254,60,32,.28)}
.field[data-invalid] input{border-color:var(--err)}
.field .err{font-size:var(--t-xs);color:var(--err)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-foot{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch}
.form-foot .btn{width:100%;--bg:var(--orange);--fg:var(--ink)}
.form-foot .btn:hover{--bg:#FF5A40}
.form-fine{font-size:var(--t-xs);color:var(--grey);line-height:1.5}
.form-status{border-radius:12px;padding:.85rem 1rem;font-size:var(--t-small);line-height:1.5}
.form-status[data-kind="wait"]{background:var(--sand)}
.form-status[data-kind="error"]{background:#F6E2DF;color:#6E1A12}
.form-status a{font-weight:500}
.form-done{display:flex;flex-direction:column;gap:1rem}
.form-done .ok{width:44px;height:44px;border-radius:50%;background:var(--ok);display:grid;place-items:center}
.form-done .ok svg{width:20px;height:20px}
.form-done h3{font-size:1.5rem}

/* ---------- Mobiele CTA (glas) ---------- */
.m-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px var(--gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gutter);background:rgba(241,240,236,.72);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-top:1px solid rgba(13,13,12,.08);transform:translateY(110%);transition:transform .3s var(--ease)}
.m-cta .btn{width:100%}
.m-cta.show{transform:none}
@media (prefers-reduced-motion:reduce){.m-cta{transition:none}}
@media (min-width:900px){.m-cta{display:none}}

/* ---------- Subpagina's ---------- */
.toc{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .9rem;border-radius:var(--r-pill);border:1px solid rgba(13,13,12,.15);text-decoration:none;font-size:var(--t-small);font-weight:500;background:rgba(255,255,255,.5)}
.toc a::before{content:counter(t);color:var(--orange-ink);font-variant-numeric:tabular-nums;font-weight:600}
.manifest{list-style:none;display:grid;gap:0;margin-top:2.5rem;counter-reset:m;border-top:1px solid var(--line-dark)}
.manifest li{counter-increment:m;display:grid;grid-template-columns:2.6rem 1fr;gap:.35rem .75rem;padding-block:1.4rem;border-bottom:1px solid var(--line-dark)}
.manifest li::before{content:counter(m,decimal-leading-zero);grid-row:1/span 2;color:var(--orange);font-weight:600;font-variant-numeric:tabular-nums;padding-top:.2rem}
.manifest h3{font-size:var(--t-h3)}
.manifest p{color:var(--grey-dark);max-width:56ch}
@media (min-width:900px){.manifest{grid-template-columns:1fr 1fr;column-gap:var(--gap)}}
.movement{margin-top:clamp(3rem,2rem + 3vw,5rem)}
.pull{margin-top:2rem;padding-left:1.1rem;border-left:3px solid var(--orange)}
.pull p{font-size:var(--t-h3);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.pull footer{margin-top:.6rem;font-size:var(--t-small);color:var(--grey)}
.evidence{list-style:none;display:grid;gap:1.5rem;margin-top:2.5rem}
.evidence li{padding-top:1.1rem;border-top:1.5px solid var(--ink)}
.evidence h3{font-size:var(--t-h3);margin-bottom:.6rem}
.evidence p{color:var(--grey)}
@media (min-width:900px){.evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem var(--gap)}}
.limits{margin-top:3rem}
.limit-box{padding:1.4rem;border-radius:var(--r-l);background:var(--sand)}
.limit-box h3,.sources h3{font-size:1.125rem;margin-bottom:.6rem}
.sources ul{list-style:none;display:grid;gap:.6rem;font-size:var(--t-small)}
.sources a{display:inline-block;min-height:24px}
.note{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding-top:1rem;border-top:1px solid var(--line);font-size:var(--t-small);margin-top:1.75rem;color:var(--grey);max-width:62ch}
.note::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:.5em;background:var(--orange)}
.talk{list-style:none;padding:1rem 1.2rem;display:grid;gap:0}
.talk li{display:grid;grid-template-columns:5rem 1fr;gap:.2rem 1rem;padding:.9rem 0;border-bottom:1px solid rgba(13,13,12,.08);position:relative}
.talk li:last-child{border-bottom:0}
.talk b{font-weight:500;font-size:1.0625rem}
.talk span{font-size:var(--t-small);color:var(--grey)}
.talk i{grid-column:1/-1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--ink) calc(var(--lv)*25%),rgba(13,13,12,.1) 0)}
.talk .hl{font-style:normal;font-weight:600;color:var(--orange-ink)}
@media (max-width:420px){.talk li{grid-template-columns:1fr}}
.coachlist{margin-top:2rem;gap:0;border-top:1.5px solid var(--ink)}
.coachlist>div{padding-block:1rem;border-bottom:1px solid var(--line)}
.coachlist dt{font-size:1.0625rem;color:var(--ink)}
.coachlist dd{color:var(--grey)}
@media (min-width:640px){.coachlist>div{display:grid;grid-template-columns:9rem 1fr;gap:1rem}}
.timeline{list-style:none;display:grid;gap:0;border-left:1.5px solid rgba(13,13,12,.25);margin-left:5px}
.timeline>li{position:relative;padding:0 0 1.75rem 1.5rem}
.timeline>li:last-child{padding-bottom:0}
.timeline>li::before{content:"";position:absolute;left:-7px;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink)}
.sand .timeline>li::before{background:var(--sand)}
.timeline h3{font-size:var(--t-h3);margin-bottom:.45rem}
.timeline p{color:var(--grey);max-width:56ch}
.tl-when{font-size:var(--t-xs);font-weight:600;color:var(--orange-ink);margin-bottom:.25rem;letter-spacing:.01em}
.phases{display:grid;gap:2.5rem;margin-top:2.5rem}
.ph-h{font-size:var(--t-small)!important;font-weight:600;letter-spacing:.02em;margin-bottom:1.25rem}
.ph-h span{display:inline-flex;align-items:center;min-height:32px;padding:.25rem .85rem;border-radius:var(--r-pill);background:var(--ink);color:var(--paper)}
@media (min-width:900px){.phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.welcome{list-style:none;display:grid;gap:0;border-top:1.5px solid var(--ink)}
.welcome li{display:grid;gap:.2rem;padding-block:1rem;border-bottom:1px solid var(--line)}
.welcome b{font-weight:500;font-size:1.0625rem}
.welcome span{color:var(--grey)}
@media (min-width:640px){.welcome li{grid-template-columns:11rem 1fr;gap:1rem}}
.trio{list-style:none;display:grid;gap:1rem;margin-top:2.5rem}
.trio li{padding:1.4rem}
.num-l{font-size:var(--t-small);font-weight:600;color:var(--orange-soft);font-variant-numeric:tabular-nums}
.trio h3{font-size:var(--t-h3);margin:.6rem 0 .5rem}
.trio p{color:var(--grey-dark)}
@media (min-width:900px){.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.tabs-sg .tpanel{padding:1.25rem;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.tabs-sg .tpanel+.tpanel{margin-top:1rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.tabs-sg.is-tabs .tpanel+.tpanel{margin:0;padding-top:1.25rem}
.tabs-sg h3{margin-bottom:1rem}
.tiers{list-style:none;display:grid;gap:1rem}
.tier{padding:1.5rem;display:flex;flex-direction:column;gap:.9rem}
.tier-n{font-size:var(--t-small);font-weight:600;color:var(--grey-dark)}
.tier h3{font-size:var(--t-h3)}
.tier-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;padding-block:.9rem;border-block:1px solid var(--line-dark)}
.tier-price b{font-size:clamp(2rem,1.6rem + 1.8vw,3rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.tier-price span{font-size:var(--t-small);color:var(--grey-dark)}
.tier-main{border-color:rgba(254,60,32,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(254,60,32,.25),0 40px 80px -40px rgba(254,60,32,.35)}
.tier-main .tier-n{color:var(--orange-soft)}
.tier .btn{margin-top:auto}
.ticks{list-style:none;display:grid;gap:.55rem;font-size:var(--t-small)}
.ticks li{display:grid;grid-template-columns:14px 1fr;gap:.6rem}
.ticks li::before{content:"";width:8px;height:8px;margin-top:.5em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,2px)}
@media (min-width:900px){.tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.parts{border-top:1.5px solid var(--ink);margin-top:2.5rem}
.part{display:grid;gap:.4rem;padding-block:1.4rem;border-bottom:1px solid var(--line)}
.part h3{font-size:var(--t-h3)}
.part p{color:var(--grey);font-size:var(--t-small)}
.part .opts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}
.part .opts span{font-size:var(--t-small);font-weight:500;padding:.35rem .8rem;border-radius:var(--r-pill);border:1px solid var(--ink)}
@media (min-width:900px){.part{grid-template-columns:4fr 5fr 3fr;column-gap:var(--gap);align-items:baseline}.part .opts{justify-content:flex-end;margin:0}}
.fq-nav{display:flex;flex-wrap:wrap;gap:.5rem}
.fq-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .9rem;border-radius:var(--r-pill);border:1px solid rgba(13,13,12,.18);text-decoration:none;font-size:var(--t-small);font-weight:500}
@media (min-width:900px){.fq-nav{flex-direction:column;align-items:flex-start;position:sticky;top:96px}}
.fq-group+.fq-group{margin-top:3rem}
.fq-group h2{font-size:1.5rem;margin-bottom:.75rem}
details.qa{border-top:1px solid rgba(13,13,12,.14)}
details.qa:last-of-type{border-bottom:1px solid rgba(13,13,12,.14)}
details.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;padding:.9rem 0;font-weight:500;font-size:1.0625rem;line-height:1.35}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transition:transform .25s var(--ease)}
details.qa[open] summary::after{transform:rotate(45deg)}
details.qa .a{padding:0 0 1.25rem;max-width:62ch;color:var(--grey)}
details.qa .a a{color:var(--ink)}
.ct-lines{display:grid;margin-top:1.75rem}
.ct-lines>div{display:grid;gap:.15rem;padding:1rem 0;border-top:1px solid var(--line-dark)}
.ct-lines>div:last-child{border-bottom:1px solid var(--line-dark)}
.ct-lines dt{color:var(--grey-dark);font-size:var(--t-small)}
.ct-lines dd{font-weight:500}
.ct-lines a{text-decoration:none;display:inline-block;min-height:28px}
.ct-lines a:hover{text-decoration:underline;text-decoration-color:var(--orange)}
@media (min-width:520px){.ct-lines>div{grid-template-columns:8rem 1fr;gap:1rem}}

/* ---------- Afsluiting ---------- */
.end{padding-block:var(--sec)}
.end .cols{align-items:center}
.end-vlak{max-width:340px;width:100%}
@media (max-width:899px){.end-vlak{max-width:260px}}

/* ---------- Footer ---------- */
.site-foot{background:var(--ink);color:var(--paper);padding-top:clamp(3.5rem,2.5rem + 3vw,5.5rem);padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}
@media (min-width:900px){.site-foot{padding-bottom:2rem}}
.foot-grid{display:grid;gap:2rem}
.fg-brand svg{width:140px;height:auto}
.fg-brand svg path{fill:var(--paper)}
.fg-brand p{color:var(--grey-dark);font-size:var(--t-small);max-width:36ch;margin-top:1rem}
.foot-col h2{font-size:var(--t-small);font-weight:500;color:var(--grey-dark);margin-bottom:.75rem}
.foot-col ul{display:grid;gap:.15rem;list-style:none}
.foot-col a{text-decoration:none;display:inline-flex;min-height:36px;align-items:center}
.foot-col a:hover{text-decoration:underline;text-decoration-color:var(--orange)}
.foot-col address{font-style:normal;line-height:1.7}
.foot-base{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid #2A2826;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:var(--t-small);color:var(--grey-dark)}
@media (min-width:700px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:var(--gap)}}

/* pakketten (tarieven) */
.packs{list-style:none;display:grid;gap:1rem;margin-top:2.5rem}
.pack{padding:1.5rem;border-radius:var(--r-l);background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;gap:1rem}
.pack-n{font-size:var(--t-xs);font-weight:600;color:var(--orange-ink)}
.pack h3{font-size:var(--t-h1);letter-spacing:-.04em;margin-top:-.5rem}
.pack .dl{padding-top:1rem;border-top:1px solid var(--line)}
.pack-fit{margin-top:auto;font-size:var(--t-small);color:var(--grey)}
@media (min-width:900px){.packs{grid-template-columns:1fr 1fr;gap:var(--gap)}}

/* Google-reviews */
.gmark{width:20px;height:20px;flex:none}
.gbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:2rem;padding:1rem 1.25rem;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.gbar-id{display:flex;align-items:center;gap:.85rem}
.gbar-id .gmark{width:32px;height:32px}
.gbar-t{font-weight:500}
.gbar-score{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:var(--t-small);color:var(--grey)}
.gbar-score b{font-size:1.25rem;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.stars{color:#E8A317;letter-spacing:1px;font-size:1rem;line-height:1}
.gbar-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
.gbar-links .more{margin-top:0}
.gbar-links .ulink{display:inline-flex;align-items:center;min-height:44px}
.rev-top{display:flex;align-items:center;gap:.55rem;font-size:var(--t-xs);color:var(--grey)}
.rev-top .stars{font-size:.9375rem}
.rev blockquote p{display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.rev-by a{text-decoration:none}
.rev-by a:hover{text-decoration:underline}
.rev-by span{color:var(--grey);font-size:var(--t-xs)}
.rev-more{font-size:var(--t-small);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.g-attr{margin-top:.75rem;font-size:var(--t-xs);color:var(--grey)}

.note b{font-weight:500;color:var(--ink)}
.food-note+.note{margin-top:.75rem;border-top:0;padding-top:0}

/* boek downloaden (ons verhaal) */
.book{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 1.1rem;border-radius:18px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);max-width:560px;transition:box-shadow .2s var(--ease)}
.book:hover{box-shadow:0 16px 32px -20px rgba(36,35,31,.45)}
.book-cover{width:56px;aspect-ratio:3/4;border-radius:4px;background:var(--anthracite);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:7px 6px;box-shadow:inset -3px 0 0 rgba(255,255,255,.08),0 6px 12px -6px rgba(0,0,0,.5)}
.book-cover b{font-size:.9375rem;font-weight:600;letter-spacing:-.03em;line-height:1}
.book-cover i{font-style:normal;font-size:.5rem;line-height:1.1;opacity:.8}
.book-txt{display:grid;gap:.2rem}
.book-txt b{font-weight:500;font-size:1.0625rem}
.book-txt span{font-size:var(--t-small);color:var(--grey);line-height:1.45}
.book-dl{width:44px;height:44px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font-weight:600;font-size:1.1rem}

/* mobiel: tabs als veegbare rij (vormen en doelen) */
@media (max-width:899px){
  .tabs .seg.seg-swipe{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:var(--r-pill);overscroll-behavior-x:contain;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,28px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,28px)),transparent 100%)}
  .tabs .seg.seg-swipe::-webkit-scrollbar{display:none}
  .tabs .seg.seg-swipe .seg-b{flex:0 0 auto;white-space:nowrap;border-radius:var(--r-pill);padding-inline:1rem;scroll-snap-align:center}
  .tabs .seg.seg-swipe.not-start{--fl:28px}
  .tabs .seg.seg-swipe.at-end{--fr:0px}
}

/* tik-stappen op lichte vlakken */
.sec:not(.dark) .tnav{border-color:rgba(13,13,12,.12)}
.sec:not(.dark) .tnav-b{border-color:rgba(13,13,12,.2);background:rgba(255,255,255,.6)}
.sec:not(.dark) .tnav-next{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sec:not(.dark) .tnav-c{color:var(--grey)}.sec:not(.dark) .tnav-c b{color:var(--ink)}
.tabs-steps .tpanel{min-height:0}
.step-big{font-size:clamp(3.5rem,2.5rem + 4vw,6rem);font-weight:500;letter-spacing:-.06em;line-height:.9;color:var(--orange-ink);font-variant-numeric:tabular-nums;margin-bottom:.75rem}
.tabs-steps .tpanel h3{margin-top:.25rem}
.tabs-steps .tpanel .timeline{margin-top:1rem}
.tabs-steps:not(.is-tabs) .tpanel .step-big{font-size:2.5rem}

/* zes plekken (small group) */
.grp{margin:0}
.grp-box{position:relative;aspect-ratio:1.15/1}
.grp-y,.grp-x{position:absolute;font-size:var(--t-xs);font-weight:500;line-height:1}
.grp-y{top:0;left:0}.grp-x{right:0;bottom:0}
.grp-y::after{content:" ↑";color:var(--stone)}
.grp-field{position:absolute;left:0;right:0;top:1.6rem;bottom:1.7rem;border-left:1.5px solid var(--c-axis);border-bottom:1.5px solid var(--c-axis);background-image:linear-gradient(to top,var(--c-grid) 1px,transparent 1px);background-size:100% 25%;background-position:left bottom}
.grp-lanes{position:absolute;inset:0 4% 0 4%;display:grid;grid-template-columns:repeat(6,1fr);gap:5%}
.lane{position:relative;height:100%}
.lane-bar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--h)*1%);background:repeating-linear-gradient(90deg,var(--k-ln) 0 1px,transparent 1px 6px),var(--k-bg);box-shadow:inset 0 0 0 1px var(--k-bd);border-radius:3px 3px 0 0;transition:height .8s var(--ease) var(--d,0s),background-color .3s}
.lane span{position:absolute;left:0;right:0;bottom:-1.45rem;text-align:center;font-size:var(--t-xs);color:var(--grey);font-variant-numeric:tabular-nums}
.lane.on .lane-bar{box-shadow:inset 0 0 0 1.5px var(--ink);background-color:rgba(201,183,156,.45)}
.grp-coach{position:absolute;z-index:3;top:-.7rem;left:calc(4% + 92% * (var(--lane,3) * .175 + .0625));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem}
.grp-coach i{width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(254,60,32,.18)}
.grp-coach b{font-size:var(--t-xs);font-weight:600;color:var(--orange-ink);background:rgba(255,255,255,.85);padding:.1rem .45rem;border-radius:999px}
.js .grp[data-intro]:not(.go) .lane-bar{height:0}
.js .grp[data-intro]:not(.go) .grp-coach{opacity:0}
.grp-coach{opacity:1;transition:left .45s var(--ease),opacity .4s .9s}
@media (prefers-reduced-motion:reduce){.lane-bar,.grp-coach{transition:none!important}}

/* route (je eerste keer) */
.trk-wrap{margin-top:2rem}
.track{margin:0;padding:1.25rem 1.25rem 1rem}
.trk{list-style:none;position:relative;display:grid;gap:.15rem;padding-left:0}
.trk li{position:relative;display:grid;grid-template-columns:22px 1fr;column-gap:.85rem;padding:.4rem 0;opacity:.55;transition:opacity .35s var(--ease)}
.trk li::before{content:"";position:absolute;left:10px;top:1.25rem;bottom:-.65rem;width:1.5px;background:rgba(13,13,12,.15)}
.trk li:last-child::before{display:none}
.trk i{grid-row:1/span 2;width:14px;height:14px;margin:.3rem 0 0 4px;border-radius:50%;border:1.5px solid var(--ink);background:var(--white);z-index:1;transition:background .3s,border-color .3s,box-shadow .3s}
.trk b{font-weight:500;line-height:1.3}
.trk span{font-size:var(--t-xs);color:var(--grey);line-height:1.35}
.track[data-state="voor"] li[data-p="voor"],.track[data-state="tijdens"] li[data-p="tijdens"],.track[data-state="daarna"] li[data-p="daarna"]{opacity:1}
.track[data-state="voor"] li[data-p="voor"] i,.track[data-state="tijdens"] li[data-p="tijdens"] i,.track[data-state="daarna"] li[data-p="daarna"] i{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px rgba(254,60,32,.18)}
.track[data-state="tijdens"] li[data-p="voor"] i,.track[data-state="daarna"] li[data-p="voor"] i,.track[data-state="daarna"] li[data-p="tijdens"] i{background:var(--ink)}
.track[data-state="tijdens"] li[data-p="voor"],.track[data-state="daarna"] li:not([data-p="daarna"]){opacity:.8}
.js .track[data-intro]:not(.go) li{opacity:0;transform:translateY(6px)}
.track[data-intro].go li{transition:opacity .4s var(--ease) var(--d),transform .4s var(--ease) var(--d)}
.track[data-intro].go.done li{transition:opacity .35s var(--ease)}
@media (prefers-reduced-motion:reduce){.trk li,.trk i{transition:none!important}}
@media (max-width:899px){.trk-wrap{max-width:420px}}

/* voor wie: kaarten */
.wcard{padding:1.25rem;border-radius:18px;background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem;min-height:180px}
.wc-n{font-size:var(--t-small);font-weight:600;color:var(--orange-ink);font-variant-numeric:tabular-nums}
.wcard h3{font-size:var(--t-h3);margin-top:auto}
.wcard p{color:var(--grey);font-size:var(--t-small)}
.wcards+.swipe-dots{color:var(--ink)}

/* vergelijken: vrij, small group, 1-op-1 (small group PT) */
.spec{padding:clamp(1.1rem,.9rem + 1vw,1.75rem)}
.spec-vis{margin:0}
.spec-people{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;padding:1.4rem 0 .5rem}
.sp,.sp-coach{display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.sp{order:2}
.sp::before{content:"";width:clamp(26px,7vw,38px);aspect-ratio:1;border-radius:50%;background:var(--tan);box-shadow:inset 0 0 0 1.5px rgba(13,13,12,.25)}
.sp.p1::before{background:var(--ink)}
.sp b,.sp-coach b{font-size:var(--t-xs);font-weight:600;line-height:1}
.sp-coach{order:1}
.sp-coach i{width:clamp(26px,7vw,38px);aspect-ratio:1;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(254,60,32,.18)}
.sp-coach b{color:var(--orange-ink)}
.sp:not(.p1){padding-bottom:calc(var(--t-xs) + .35rem)}
.spec-vis[data-state="zelf"] .sp-coach,.spec-vis[data-state="zelf"] .sp:not(.p1),.spec-vis[data-state="pt"] .sp:not(.p1){opacity:.12;transform:scale(.8)}
.spec-meter{display:grid;gap:.45rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(13,13,12,.08)}
.sm-l{font-size:var(--t-xs);font-weight:500;color:var(--grey)}
.sm-bar{height:8px;border-radius:4px;background:rgba(13,13,12,.08);overflow:hidden}
.sm-bar i{display:block;height:100%;width:66%;border-radius:4px;background:linear-gradient(90deg,var(--ink),var(--orange));transition:width .6s var(--ease)}
.spec-vis[data-state="zelf"] .sm-bar i{width:4%}
.spec-vis[data-state="pt"] .sm-bar i{width:100%}
.sm-w{font-size:var(--t-small);font-weight:500;display:none}
.spec-vis[data-state="zelf"] .sm-zelf,.spec-vis[data-state="groep"] .sm-groep,.spec-vis[data-state="pt"] .sm-pt{display:block}
@media (prefers-reduced-motion:reduce){.sp,.sp-coach,.sm-bar i{transition:none!important}}
/* de schakelaar als lijn met drie punten */
.tabs-spec{margin-top:1.25rem}
.tabs-spec .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;background:none;border:0;border-radius:0;position:relative;margin-bottom:1.25rem}
.tabs-spec .seg::before{content:"";position:absolute;left:16.66%;right:16.66%;top:21px;height:1.5px;background:rgba(13,13,12,.2)}
.tabs-spec .seg-b{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:64px;padding:.6rem .25rem;border-radius:12px;background:none;box-shadow:none;color:var(--grey)}
.tabs-spec .seg-b i{width:16px;height:16px;border-radius:50%;background:var(--paper);border:1.5px solid rgba(13,13,12,.35);transition:transform .3s var(--ease),background .3s,border-color .3s}
.tabs-spec .seg-b[aria-selected="true"]{background:none;box-shadow:none;color:var(--ink)}
.tabs-spec .seg-b[aria-selected="true"] i{background:var(--orange);border-color:var(--orange);transform:scale(1.35);box-shadow:0 0 0 5px rgba(254,60,32,.18)}
.tabs-spec .tpanel{padding-top:1.1rem;border-top:1px solid rgba(13,13,12,.08)}
.tabs-spec:not(.is-tabs) .tpanel+.tpanel{margin-top:1.5rem}
.tabs-spec h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.9rem}
.spec-tag{font-size:var(--t-xs);font-weight:600;letter-spacing:.01em;color:var(--orange-ink);padding:.2rem .6rem;border-radius:999px;background:rgba(254,60,32,.08)}
.spec-dl{gap:.8rem}
@media (min-width:640px){.spec-dl{grid-template-columns:1fr 1fr;column-gap:1.5rem}}

/* tarieven: drie fases als veegrij op mobiel */
.tiers-wrap{margin-top:0}
.tiers.swipe{grid-auto-columns:minmax(270px,86%)}
.tiers.swipe>li{scroll-snap-align:center}
.dark .swipe-dots{color:var(--paper)}
@media (min-width:900px){.tiers.swipe{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.tiers.swipe+.swipe-dots{display:none}}
/* pakketkiezer */
.pk-wrap{margin-top:2.5rem}
.pk{display:grid;gap:1.75rem;padding:clamp(1.1rem,.9rem + 1.2vw,2rem)}
@media (min-width:900px){.pk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}}
.tabs-pak .seg{display:grid;grid-template-columns:repeat(3,1fr)}
.tabs-pak .seg-b{font-size:1rem;min-height:50px}
.pk-h{font-size:var(--t-h1)!important;letter-spacing:-.04em;margin:.2rem 0 1rem}
.pk-dl{padding-top:1rem;border-top:1px solid rgba(13,13,12,.1)}
.tabs-pak .pack-fit{margin-top:1.25rem}
.tabs-pak:not(.is-tabs) .tpanel+.tpanel{border-color:rgba(13,13,12,.1)}
.week{margin:0}
.week-grid{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));grid-template-rows:auto 1fr 1fr;gap:.6rem .35rem;align-items:center;padding:1rem;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid rgba(13,13,12,.06)}
.wk-l{font-size:var(--t-xs);font-weight:500;color:var(--grey);padding-right:.4rem;white-space:nowrap}
.wk-lg{grid-column:1;grid-row:2}.wk-lv{grid-column:1;grid-row:3}
.wd{display:contents}
.wd-n{grid-row:1;text-align:center;font-size:var(--t-xs);font-weight:600;color:var(--grey)}
.wd i{justify-self:center;width:clamp(22px,6vw,34px);aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(13,13,12,.18);transition:background .35s var(--ease),border-color .35s,transform .35s var(--ease)}
.wd-g{grid-row:2}.wd-v{grid-row:3}
.d0 .wd-n,.d0 i{grid-column:2}.d1 .wd-n,.d1 i{grid-column:3}.d2 .wd-n,.d2 i{grid-column:4}.d3 .wd-n,.d3 i{grid-column:5}.d4 .wd-n,.d4 i{grid-column:6}.d5 .wd-n,.d5 i{grid-column:7}.d6 .wd-n,.d6 i{grid-column:8}
.week[data-state="twee"] .wd-g.on-twee,.week[data-state="drie"] .wd-g.on-drie,.week[data-state="vijf"] .wd-g.on-vijf{background:var(--orange);border:1.5px solid var(--orange);transform:scale(1.05)}
.week .wd-v.on-v{background:var(--tan);border:1.5px solid var(--tan-ink)}
.wd i{transition-delay:calc(var(--i,0) * 35ms)}
.d1{--i:1}.d2{--i:2}.d3{--i:3}.d4{--i:4}.d5{--i:5}.d6{--i:6}
.week .vl-cap{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center}
.wk-key{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;color:var(--ink)}
.wk-key i{width:10px;height:10px;border-radius:50%}
.k-g{background:var(--orange)}.k-v{background:var(--tan);box-shadow:inset 0 0 0 1px var(--tan-ink)}
.wk-cap{flex-basis:100%}
@media (prefers-reduced-motion:reduce){.wd i{transition:none!important}}
@media (max-width:899px){.pk .week{order:-1}}

.tabs-pak .seg-b{white-space:nowrap}
@media (max-width:479px){.pk-pw{display:none}.tabs-pak .seg-b{font-size:1.0625rem;font-weight:600}}

/* waarom small group: beoordeling */
.spec-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;font-size:var(--t-xs);font-weight:600;color:var(--grey);margin-bottom:.4rem}
.tabs-spec .tpanel h3{margin-bottom:.5rem}
.tabs-spec .tpanel p:not(.spec-kicker){color:var(--grey)}
.rates{list-style:none;display:grid;gap:.55rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(13,13,12,.08)}
.rates li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;font-size:var(--t-small);font-weight:500}
.rates .pips i{width:14px;height:14px;border-radius:4px}
.tabs-spec [aria-labelledby="t-sg-groep"] .rates .pips i.on{background:var(--orange)}
.rates li.rt-h{display:block;font-size:var(--t-xs);font-weight:500;color:var(--grey)}

/* ===================== versie 2.5: landingspagina ===================== */
.hero h1{max-width:15ch}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.75rem;font-size:var(--t-small);color:var(--grey-dark)}
.trust li{display:inline-flex;align-items:center;gap:.5rem}
.trust li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.pains{list-style:none;display:grid;gap:1rem;margin-top:2.25rem}
.pains li{display:grid;gap:.35rem;padding:1.25rem 1.3rem;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.pains b{font-size:var(--t-h3);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.pains span{color:var(--grey)}
@media (min-width:900px){.pains{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.gains{list-style:none;display:grid;gap:0;margin-top:2rem;border-top:1.5px solid var(--ink)}
.gains li{padding:1rem 0 1rem 2rem;border-bottom:1px solid rgba(13,13,12,.12);position:relative;color:var(--grey)}
.gains li::before{content:"";position:absolute;left:2px;top:1.35rem;width:12px;height:7px;border-left:2px solid var(--orange-ink);border-bottom:2px solid var(--orange-ink);transform:rotate(-45deg)}
.gains b{color:var(--ink);font-weight:500}
.stack{list-style:none;display:grid;gap:0;margin-top:2rem;border-top:1px solid var(--line-dark)}
.stack li{position:relative;padding:.95rem 0 .95rem 2rem;border-bottom:1px solid var(--line-dark);font-size:1.0625rem}
.stack li::before{content:"";position:absolute;left:2px;top:1.3rem;width:12px;height:7px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
.price-card{padding:clamp(1.4rem,1rem + 1.5vw,2.25rem);display:grid;gap:.75rem;max-width:460px}
@media (min-width:900px){.price-card{margin-left:auto}}
.pc-l{font-size:var(--t-small);font-weight:500;color:var(--grey-dark)}
.pc-p{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.pc-p b{font-size:clamp(4rem,3rem + 5vw,6.5rem);font-weight:500;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.pc-p span{color:var(--grey-dark)}
.pc-d{font-weight:500;color:var(--orange-soft)}
.price-card .btn{margin-top:.5rem;width:100%}
.pc-f{font-size:var(--t-xs);color:var(--grey-dark)}
.steps3{list-style:none;display:grid;gap:1rem;margin-top:2.25rem;counter-reset:st}
.steps3 li{counter-increment:st;display:grid;gap:.4rem;padding:1.4rem 1.3rem;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.steps3 li::before{content:counter(st,decimal-leading-zero);font-size:clamp(2.5rem,2rem + 2vw,3.5rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--orange-ink);font-variant-numeric:tabular-nums}
.steps3 b{font-size:var(--t-h3);font-weight:500;letter-spacing:-.02em}
.steps3 span{color:var(--grey)}
@media (min-width:900px){.steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}
.invite .qa:first-of-type{margin-top:1.75rem}
.invite details.qa{border-color:rgba(13,13,12,.14)}
.slot-side{margin-top:2rem;max-width:420px}
@media (max-width:899px){.slot-side{display:none}}

/* ===================== versie 2.6: funnel-landingspagina ===================== */
.badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.4rem;padding:.35rem .9rem .35rem .35rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:var(--t-small);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.badge span{padding:.2rem .65rem;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:600}
.btn-ghost{--bg:transparent;--fg:currentColor;border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{--bg:rgba(255,255,255,.08)}
.split-go .w{display:inline-block;animation:wrise .7s var(--ease) both;animation-delay:calc(var(--wi) * 55ms + 120ms)}
@keyframes wrise{from{opacity:0;transform:translateY(.45em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.stats{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(2.5rem,2rem + 2vw,4rem);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.stats li{display:grid;gap:.25rem;padding:1.1rem 1.2rem;background:rgba(26,25,22,.85)}
.stats b{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.5rem);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.stats b small{font-size:.55em;margin-right:.08em;vertical-align:.35em}
.stats li>span{font-size:var(--t-small);color:var(--grey-dark)}
.stats li:last-child b{color:var(--orange)}
@media (min-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ACT-check */
.quiz-wrap{margin-top:2.25rem}
.quiz{display:grid;gap:1.5rem;padding:clamp(1.1rem,.9rem + 1.5vw,2.25rem);background:var(--night);color:var(--paper);border-color:rgba(255,255,255,.12)}
.quiz{--c-axis:rgba(241,240,236,.6);--c-grid:rgba(241,240,236,.06);--c-total:var(--paper);--k-bg:rgba(241,240,236,.12);--k-ln:rgba(241,240,236,.34);--k-bd:rgba(241,240,236,.5);--d-bg:rgba(201,183,156,.28);--d-ln:rgba(201,183,156,.55);--d-bd:rgba(201,183,156,.8);--i-bg:rgba(201,183,156,.10);--i-st:rgba(201,183,156,.8);--i-bd:rgba(201,183,156,.7);--c-bg:rgba(255,255,255,.08);--c-ln:rgba(255,255,255,.08);--c-bd:rgba(255,255,255,.42)}
@media (min-width:900px){.quiz{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2.5rem;align-items:start}}
.qz-top{display:grid;gap:.6rem;margin-bottom:1.5rem}
.qz-count{font-size:var(--t-small);color:var(--grey-dark)}
.qz-count b{color:var(--paper);font-weight:600}
.qz-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.qz-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--tan),var(--orange));border-radius:3px;transition:width .45s var(--ease)}
.qz-q{border:0;margin:0;padding:0;min-width:0}
.qz-h{font-size:var(--t-h2);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem;padding:0;outline:none}
.qz-opts{display:grid;gap:.6rem}
@media (min-width:560px){.qz-opts{grid-template-columns:1fr 1fr}}
.qz-o{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:60px;padding:.9rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:var(--paper);font-weight:500;font-size:1.0625rem;text-align:left;cursor:pointer;transition:background .2s var(--ease),border-color .2s,transform .2s var(--ease)}
.qz-o .arw{width:16px;opacity:.5;transition:transform .25s var(--ease),opacity .2s}
.qz-o:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.qz-o:hover .arw{opacity:1;transform:translateX(3px)}
.qz-o[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.qz-o:active{transform:scale(.98)}
.qz-q.enter,.qz-res.enter{animation:qin .4s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.qz-back,.qz-again{margin-top:1.25rem;min-height:44px;padding:.4rem 0;background:none;border:0;color:var(--grey-dark);font-weight:500;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.qz-again{margin-top:0}
.qz-res{outline:none}
.qz-k{font-size:var(--t-small);font-weight:600;color:var(--orange)}
.qz-res h3{font-size:var(--t-h2);margin:.4rem 0 1rem}
.qz-list{list-style:none;display:grid;gap:.7rem;margin-bottom:1.5rem}
.qz-list li{padding-left:1.1rem;border-left:2px solid var(--orange);color:var(--grey-dark)}
.qz-list b{color:var(--paper);font-weight:500}
.qz-vl{font-size:var(--t-small);font-weight:600;color:var(--orange);margin-bottom:.6rem}
.qz-nojs{margin-top:1rem}
.js .qz-nojs{display:none}
@media (prefers-reduced-motion:reduce){.qz-q.enter,.qz-res.enter,.split-go .w{animation:none}}
/* waarom het werkt */
.why4{list-style:none;display:grid;gap:1rem;margin-top:2.5rem}
.why4 li{padding:1.4rem;display:grid;gap:.5rem;align-content:start}
.w-k{font-size:var(--t-xs);font-weight:600;color:var(--orange-soft);letter-spacing:.02em}
.why4 h3{font-size:var(--t-h3)}
.why4 p:not(.w-k){color:var(--grey-dark);font-size:var(--t-small)}
@media (min-width:640px){.why4{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.why4{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}}
/* probleem → oplossing */
.fix{list-style:none;display:grid;gap:.6rem;margin-top:2rem}
.fix li{display:grid;gap:.25rem;padding:1rem 1.2rem;border-radius:14px;background:var(--white);border:1px solid var(--line)}
.fix s{color:var(--grey);font-size:var(--t-small);text-decoration-color:var(--orange);text-decoration-thickness:2px}
.fix b{font-weight:500;font-size:1.0625rem;display:flex;gap:.6rem;align-items:baseline}
.fix b::before{content:"";flex:none;width:11px;height:6px;border-left:2px solid var(--orange-ink);border-bottom:2px solid var(--orange-ink);transform:rotate(-45deg) translateY(-2px)}
.price-col{align-self:center}
.glass-dark{background:linear-gradient(160deg,#2B2A26,#1A1916);color:var(--paper);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-l);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 80px -40px rgba(0,0,0,.6)}
.pc-list{list-style:none;display:grid;gap:.45rem;font-size:var(--t-small);color:var(--grey-dark)}
.pc-list li::before{content:"✓ ";color:var(--orange)}
.mini-steps{list-style:none;display:grid;gap:.5rem;margin-top:1.5rem;counter-reset:ms}
.mini-steps li{counter-increment:ms;display:flex;gap:.6rem;color:var(--grey)}
.mini-steps li::before{content:counter(ms);font-weight:600;color:var(--orange-ink);min-width:1rem}
.mini-steps b{color:var(--ink);font-weight:500}
/* inschuiven */
@media (prefers-reduced-motion:no-preference){
  .js .rv:not(.in){opacity:0;transform:translateY(18px)}
  .js .rv.in{transition:opacity .6s var(--ease) calc(var(--ri,0) * 70ms),transform .6s var(--ease) calc(var(--ri,0) * 70ms)}
}
@media (hover:none){.qz-o:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.qz-o:hover .arw{opacity:.5;transform:none}}
@media (max-width:899px){.qz-vis{order:-1;width:100%;max-width:300px}.quiz{gap:1rem}.qz-vis .vl-box{aspect-ratio:1.5/1}}

/* 2.7 waarom nu */
.pc-now{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.14);font-size:var(--t-small);color:var(--orange-soft)}
.now-line{margin-top:1rem}
.qz-now{margin:1rem 0 .25rem;font-size:var(--t-small)}

/* =====================================================================
   2.8: drempels opgelost (premium), prijskaart, mobiele pasvorm
   ===================================================================== */
.hero-note{margin-top:1rem;font-size:var(--t-small);color:var(--grey-dark)}
.hero-note::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.55rem;border-radius:50%;background:var(--orange);vertical-align:.08em}

/* Drempels: redactionele lijst, de streep wordt getrokken, de oplossing schuift in */
.fx-meter{margin-top:1.5rem;display:grid;gap:.55rem;max-width:22rem}
.fx-meter p{font-size:var(--t-small);color:var(--grey)}
.fx-meter b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.fx-bar{display:block;height:4px;border-radius:2px;background:rgba(13,13,12,.08);overflow:hidden}
.fx-bar i{display:block;height:100%;width:calc(var(--p,1) * 100%);border-radius:2px;background:linear-gradient(90deg,var(--tan),var(--orange));transition:width .6s var(--ease)}
.fx{list-style:none;margin-top:1.75rem;border-top:1px solid var(--line)}
.fx-i{display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:.75rem;padding:1.3rem 0 1.4rem;border-bottom:1px solid var(--line)}
.fx-n{grid-row:1/3;padding-top:.5rem;font-size:var(--t-small);font-weight:600;color:var(--orange-ink);font-variant-numeric:tabular-nums}
.fx-was{margin:0}
.fx-was s{text-decoration:none;font-size:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);font-weight:500;letter-spacing:-.035em;line-height:1.15;color:var(--stone);
  background:linear-gradient(var(--orange),var(--orange)) no-repeat 0 58%/100% 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-size 1.1s var(--ease) .25s,color .8s var(--ease) .35s}
.fx-act{display:flex;gap:.7rem;align-items:baseline;margin-top:.65rem;font-size:1.0625rem;font-weight:500;line-height:1.4;color:var(--ink);
  transition:opacity .6s var(--ease) 1.2s,transform .6s var(--ease) 1.2s}
.fx-act .arw{width:18px;transform:translateY(3px)}
.fx-act .arw path{fill:var(--orange)}
.fx-js .fx-i:not(.in) .fx-was s{background-size:0 3px;color:var(--ink)}
.fx-js .fx-i:not(.in) .fx-act{opacity:0;transform:translateY(10px)}
@media (min-width:900px){.fx-i{grid-template-columns:3.25rem minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.fx-was s,.fx-act,.fx-bar i{transition:none!important}}

/* Prijskaart: blijft naast de lijst staan op desktop */
@media (min-width:900px){.sec-fx .price-col{align-self:start}}
@media (min-width:900px) and (min-height:940px){.sec-fx .price-col{position:sticky;top:96px}}
.pc-back{padding:.85rem 1rem;border-radius:12px;background:rgba(254,60,32,.12);border:1px solid rgba(255,122,100,.32);font-size:var(--t-small);color:var(--paper)}
.pc-back b{color:var(--orange-soft);font-weight:600}
.pc-now{color:rgba(241,240,236,.78)}
.pc-now b{display:block;color:var(--orange-soft);font-weight:600}
.now-line b{color:var(--ink);font-weight:600}

/* ---------- Mobiel: elk dynamisch onderdeel past in één scherm ---------- */
@media (max-width:899px){
  /* De ACT-check: klein vlak rechtsboven, vraag en antwoorden volledig in beeld */
  .quiz{position:relative;gap:0}
  .qz-vis{order:0;position:absolute;top:clamp(1.1rem,.9rem + 1.5vw,2.25rem);right:clamp(1.1rem,.9rem + 1.5vw,2.25rem);width:84px;max-width:none;margin:0}
  .qz-vis .vl-box{aspect-ratio:1/1}
  .qz-vis .vl-y,.qz-vis .vl-x,.qz-vl{display:none}
  .qz-vis .vl-field{top:0;bottom:0;right:0}
  .qz-top{min-height:84px;align-content:center;padding-right:100px;margin-bottom:1.1rem}
  .qz-h{font-size:clamp(1.45rem,1.2rem + 1.2vw,2rem);margin-bottom:1rem}
  .qz-o{min-height:52px;padding:.7rem 1rem}
  .qz-opts{gap:.5rem}
  .qz-back{margin-top:.75rem}

  /* Hero-vlak: breder en lager, legenda compact */
  .hero-vis .vl-box{aspect-ratio:1.45/1}
  .hero-vis .vl-cap{display:none}
  .hero-vis .legend{gap:.45rem .9rem;margin-top:.75rem;padding-top:.75rem}

  /* Programma: eerst de knoppen, dan een lager vlak, dan de uitleg */
  .duo .tabs-builder{display:contents}
  .duo .tabs-builder .seg{order:0}
  .duo .instrument{order:1;padding:.9rem 1rem}
  .duo .tabs-builder .tpanels{order:2}
  .duo .tabs-builder .tnav{order:3;margin-top:0}
  .duo .vl-box{aspect-ratio:1.8/1}
  .duo .legend,.duo .vl-cap{display:none}
  .duo .step-n{display:none}
  .duo .dl{gap:.6rem}

  /* Pakketten: eerst kiezen, dan de voorbeeldweek */
  .pk{gap:1.25rem}
  .pk .week{order:0}
  .pk-h{font-size:var(--t-h2)!important;margin:.2rem 0 .8rem}
  .pk-dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-top:.85rem}
  .pk-dl dd{font-weight:500}
  .tabs-pak .pack-fit{margin-top:.9rem}
  .week-grid{padding:.75rem .7rem;gap:.45rem .25rem}
}
@media (max-width:899px){
  /* Pakketdetails als drie compacte regels */
  .pk-dl{grid-template-columns:1fr;gap:0;padding-top:0}
  .pk-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(13,13,12,.08)}
  .pk-dl dd{margin:0;text-align:right}
  /* Prijskaart compacter */
  .price-card{gap:.6rem}
  .pc-p b{font-size:clamp(3.2rem,2.6rem + 3vw,4.5rem)}
  .pc-list{gap:.35rem}
  .pc-list li{line-height:1.4}
}
.pc-list li{padding-left:1.15em;text-indent:-1.15em}
@media (max-width:899px){
  .qz-res h3{font-size:clamp(1.4rem,1.2rem + 1vw,1.75rem);margin:.3rem 0 .85rem}
  .qz-list{gap:.5rem;margin-bottom:1rem;font-size:var(--t-small)}
  .qz-list li{line-height:1.45}
  .qz-now{margin-top:.5rem}
}

/* =====================================================================
   2.8.1: subtielere reviews en een rustiger aanmeldblok
   ===================================================================== */
.sec-rev{padding-block:clamp(3rem,2.2rem + 3vw,5.5rem)}
.sec-rev .gbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.9rem;padding:0;background:none;border:0;border-radius:0}
.sec-rev .gbar-id{gap:.5rem}
.sec-rev .gbar-id .gmark{width:18px;height:18px}
.sec-rev .gbar-t{font-size:var(--t-small);color:var(--grey);font-weight:500}
.sec-rev .gbar .more{margin-top:0;font-size:var(--t-small)}
.sec-rev .swipe-wrap{margin-top:1.5rem}
.sec-rev .swipe{grid-auto-columns:minmax(240px,78%)}
@media (min-width:640px){.sec-rev .swipe{grid-auto-columns:calc((100% - 12px)/2)}}
@media (min-width:1100px){.sec-rev .swipe{grid-auto-columns:calc((100% - 36px)/4)}}
.sec-rev .rev{padding:1.1rem 1.15rem;gap:.85rem;border-radius:14px;background:rgba(255,255,255,.45);border:1px solid rgba(13,13,12,.07)}
.sec-rev .rev blockquote p{font-size:var(--t-small);line-height:1.55;color:var(--anthracite);-webkit-line-clamp:7}
.sec-rev .rev-by{flex-direction:row;align-items:center;gap:.45rem;font-size:var(--t-xs)}
.sec-rev .rev-by .gmark{width:14px;height:14px;flex:none}
.sec-rev .rev-by b{font-weight:600}
.sec-rev .rev-by span{color:var(--grey);font-size:var(--t-xs)}

/* Aanmelden */
.aan{row-gap:2rem}
.aan-start{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.4rem;padding:.9rem 1.1rem;border-radius:14px;background:var(--white);border:1px solid var(--line);font-size:var(--t-small);line-height:1.5;color:var(--grey);max-width:30rem}
.aan-start i{flex:none;width:.6rem;height:.6rem;margin-top:.45rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(254,60,32,.15)}
.aan-start b{color:var(--ink);font-weight:600}
.aan-steps{list-style:none;counter-reset:as;margin-top:1.75rem;display:grid}
.aan-steps li{counter-increment:as;position:relative;display:grid;gap:.15rem;padding:0 0 1.25rem 2.75rem}
.aan-steps li:last-child{padding-bottom:0}
.aan-steps li::before{content:counter(as);position:absolute;left:0;top:-.1rem;width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;font-size:var(--t-xs);font-weight:600;background:var(--ink);color:var(--paper)}
.aan-steps li:not(:last-child)::after{content:"";position:absolute;left:calc(.925rem - .75px);top:1.9rem;bottom:.15rem;width:1.5px;background:var(--line)}
.aan-steps b{font-weight:600}
.aan-steps span{font-size:var(--t-small);color:var(--grey)}
.aan-faq-h{font-size:var(--t-small);font-weight:600;color:var(--grey);margin-bottom:.4rem}
.invite .aan-faq .qa:first-of-type{margin-top:0}
@media (min-width:900px){
  .aan{grid-template-rows:auto 1fr;align-items:start}
  .aan-intro{grid-row:1}
  .aan-faq{grid-row:2}
  .aan-form{grid-row:1/span 2}
}
/* Badge op smalle schermen: geen buitenste pil, oranje label en tekst netjes links uitgelijnd */
.badge span{white-space:nowrap}
/* Korte naam past op één regel: het glazen kader blijft ook op mobiel staan */
.badge{flex-wrap:nowrap;max-width:100%}
.badge i{white-space:nowrap}
@media (max-width:340px){.badge{gap:.4rem;padding-right:.7rem;font-size:var(--t-xs)}}
.badge i{font-style:normal}
.pc-l{display:grid;gap:.2rem}
.pc-l b{font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em;color:var(--paper)}
.pc-l span{font-size:var(--t-small);color:var(--grey-dark);font-weight:400}
/* ACT-check: wat wachten kost, startdatum en WhatsApp */
.qz-cost{margin:-.4rem 0 1rem;font-size:var(--t-small);color:var(--orange-soft)}
.qz-now b{color:var(--paper);font-weight:600}
.qz-more{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin-top:.5rem}
.qz-wa{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--paper);font-weight:500;font-size:var(--t-small);text-decoration:underline;text-underline-offset:.2em}
.qz-wa::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#25D366}
.qz-more .qz-again{margin-top:0}
@media (max-width:899px){
  .qz-cost{margin:-.3rem 0 .85rem}
  .qz-list{gap:.4rem}
  .qz-more{justify-content:space-between}
}
/* Onderstrepingen lopen door, ook onder letters als g, j en p */
:where(a,button,.ulink){text-decoration-skip-ink:none}
.qz-back,.qz-again,.qz-wa{text-underline-offset:.28em;text-decoration-thickness:1px}
.ulink{text-underline-offset:.3em}
/* 2.8.2: samen beginnen */
.field[hidden]{display:none!important}
.aan-samen{margin-top:1.5rem;padding:.9rem 1.1rem;border-radius:14px;border:1px dashed rgba(13,13,12,.22);font-size:var(--t-small);line-height:1.5;color:var(--grey);max-width:30rem}
.aan-samen b{color:var(--ink);font-weight:600}
.rev-invite{margin-top:1.25rem;font-size:var(--t-small);color:var(--grey)}

/* 2.8.2: boek in ruil voor gegevens, reviews op De missie, knoppen */
.bookbox{margin-top:2rem;padding:1.1rem;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.bookbox .book-static{margin:0;padding:0;border:0;background:none;grid-template-columns:auto 1fr;box-shadow:none}
.book-form{display:none;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);gap:.85rem}
.bookbox.has-js .book-form:not([hidden]){display:grid}
.bookbox.has-js .book-nojs{display:none}
.book-nojs{margin-top:1rem;font-size:var(--t-small);color:var(--grey)}
.bf-intro{font-size:var(--t-small);color:var(--grey)}
.bf-fields{display:grid;gap:.85rem}
@media (min-width:520px){.bf-fields{grid-template-columns:1fr 1fr}}
.book-form .btn{width:100%}
.book-done{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);display:grid;gap:.85rem;outline:none}
.book-done[hidden]{display:none}
.bd-h{font-weight:600;font-size:1.0625rem}
.rev-duo{list-style:none;display:grid;gap:12px;margin-top:1.5rem}
@media (min-width:760px){.rev-duo{grid-template-columns:1fr 1fr}}
.sg-cta{margin-top:1.5rem}
.fq-cta{margin-top:2.5rem;padding:1.4rem;border-radius:18px;background:var(--white);border:1px solid var(--line);display:grid;gap:1rem;justify-items:start}
.fq-cta p{color:var(--grey)}
.fq-cta b{color:var(--ink);font-weight:600}
/* Advertentiepagina */
.site-head-lp .brand{pointer-events:none}
.site-head-lp .head-cta-lp{display:none}
@media (min-width:900px){.site-head-lp .head-cta-lp{display:inline-flex;margin-left:auto}}
.site-foot-lp{padding-block:1.5rem calc(1.5rem + 80px)}
@media (min-width:900px){.site-foot-lp{padding-bottom:1.5rem}}
.site-foot-lp .foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:var(--t-small);color:var(--grey-dark);border:0;margin:0;padding-block:0}
.site-foot-lp a{color:var(--paper)}
.site-foot-lp a{white-space:nowrap}
.book-done [hidden]{display:none!important}
.later-more{margin-top:1.5rem}
/* Vergelijking: kopregel en label "De kern van ACT" netjes op één regel */
.tabs-spec .tpanel p.spec-kicker{display:flex;flex-wrap:nowrap;align-items:center;gap:.6rem;font-size:var(--t-xs);line-height:1.2;color:var(--grey);margin-bottom:.6rem}
.spec-tag{white-space:nowrap;padding:.25rem .6rem;line-height:1.2}
/* 2.8.4: toestemming bij het boek, WhatsApp-vangnet */
.bf-check{grid-column:1/-1;display:flex;gap:.6rem;align-items:flex-start;font-size:var(--t-small);color:var(--ink);cursor:pointer;min-height:44px;padding-top:.2rem}
.bf-check input{width:20px;height:20px;margin-top:.1rem;accent-color:var(--orange);flex:none}
.bf-check .opt{color:var(--grey)}
.wa-fallback{margin-top:.75rem;width:100%}
.form-status .wa-fallback{color:var(--ink)}
/* Startdatum: knipperend 'live'-bolletje */
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(254,60,32,.45)}70%{box-shadow:0 0 0 9px rgba(254,60,32,0)}100%{box-shadow:0 0 0 0 rgba(254,60,32,0)}}
@keyframes liveblink{0%,100%{opacity:1}50%{opacity:.35}}
.aan-start i{animation:livepulse 1.8s ease-out infinite,liveblink 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.aan-start i{animation:none}}
/* Keuzekaartjes: rondje rechtsboven, op één lijn met de titel, met ruimte voor de tekst */
.choice label{padding-right:2.6rem}
.choice label::after{content:"";position:absolute;top:calc(.85rem + 2px);right:1rem;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--line);background:var(--white)}
.choice label:has(input:checked)::after{top:calc(.85rem + 2px);right:1rem;width:16px;height:16px;border:1.5px solid var(--orange);background:var(--orange);box-shadow:inset 0 0 0 3px var(--paper)}
/* Toestemming bij het boek: subtiel */
.bf-check{font-size:var(--t-xs);color:var(--grey);min-height:36px;align-items:center;gap:.5rem;padding-top:0}
.bf-check input{width:16px;height:16px;margin-top:0}
.err-code{display:block;margin-top:.6rem;font-size:var(--t-xs);opacity:.75}

/* ---------- Toestanden van het vlak (gegenereerd door build.py) ---------- */
.vlak[data-state="all"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="all"] .p-interval{--w:93;--h:12;--op:1}
.vlak[data-state="all"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="all"] .p-combi{--w:60;--h:60;--op:1}
.vlak[data-state="all"] .p-total{--w:93;--h:86;--op:1}
.vlak[data-state="all"]{--rot:-45deg}
.vlak[data-state="kracht"] .p-duur{--w:0;--h:0;--op:0}
.vlak[data-state="kracht"] .p-interval{--w:0;--h:0;--op:0}
.vlak[data-state="kracht"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="kracht"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="kracht"] .p-total{--w:22;--h:86;--op:1}
.vlak[data-state="kracht"]{--rot:-90deg}
.vlak[data-state="conditie"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="conditie"] .p-interval{--w:93;--h:12;--op:1}
.vlak[data-state="conditie"] .p-kracht{--w:0;--h:0;--op:0}
.vlak[data-state="conditie"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="conditie"] .p-total{--w:93;--h:22;--op:1}
.vlak[data-state="conditie"]{--rot:0deg}
.vlak[data-state="g-sterker"] .p-duur{--w:70;--h:20;--op:1}
.vlak[data-state="g-sterker"] .p-interval{--w:78;--h:11;--op:1}
.vlak[data-state="g-sterker"] .p-kracht{--w:26;--h:93;--op:1}
.vlak[data-state="g-sterker"] .p-combi{--w:54;--h:66;--op:1}
.vlak[data-state="g-sterker"] .p-total{--w:78;--h:93;--op:1}
.vlak[data-state="g-sterker"]{--rot:-55deg}
.vlak[data-state="g-conditie"] .p-duur{--w:88;--h:25;--op:1}
.vlak[data-state="g-conditie"] .p-interval{--w:96;--h:13;--op:1}
.vlak[data-state="g-conditie"] .p-kracht{--w:19;--h:72;--op:1}
.vlak[data-state="g-conditie"] .p-combi{--w:66;--h:52;--op:1}
.vlak[data-state="g-conditie"] .p-total{--w:96;--h:72;--op:1}
.vlak[data-state="g-conditie"]{--rot:-35deg}
.vlak[data-state="g-dagelijks"] .p-duur{--w:82;--h:23;--op:1}
.vlak[data-state="g-dagelijks"] .p-interval{--w:88;--h:11;--op:1}
.vlak[data-state="g-dagelijks"] .p-kracht{--w:23;--h:84;--op:1}
.vlak[data-state="g-dagelijks"] .p-combi{--w:64;--h:64;--op:1}
.vlak[data-state="g-dagelijks"] .p-total{--w:88;--h:84;--op:1}
.vlak[data-state="g-dagelijks"]{--rot:-45deg}
.vlak[data-state="g-uitdaging"] .p-duur{--w:85;--h:22;--op:1}
.vlak[data-state="g-uitdaging"] .p-interval{--w:94;--h:15;--op:1}
.vlak[data-state="g-uitdaging"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="g-uitdaging"] .p-combi{--w:74;--h:72;--op:1}
.vlak[data-state="g-uitdaging"] .p-total{--w:94;--h:86;--op:1}
.vlak[data-state="g-uitdaging"]{--rot:-43deg}
.vlak[data-state="zero"] .p-duur{--w:0;--h:0;--op:0}
.vlak[data-state="zero"] .p-interval{--w:0;--h:0;--op:0}
.vlak[data-state="zero"] .p-kracht{--w:0;--h:0;--op:0}
.vlak[data-state="zero"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="zero"] .p-total{--w:0;--h:0;--op:0}
.vlak[data-state="zero"]{--rot:-45deg}
.vlak[data-state="weinig"] .p-duur{--w:38;--h:10;--op:1}
.vlak[data-state="weinig"] .p-interval{--w:42;--h:6;--op:1}
.vlak[data-state="weinig"] .p-kracht{--w:10;--h:38;--op:1}
.vlak[data-state="weinig"] .p-combi{--w:26;--h:26;--op:1}
.vlak[data-state="weinig"] .p-total{--w:42;--h:38;--op:1}
.vlak[data-state="weinig"]{--rot:-45deg}
.vlak[data-state="s1"] .p-duur{--w:0;--h:0;--op:0}
.vlak[data-state="s1"] .p-interval{--w:0;--h:0;--op:0}
.vlak[data-state="s1"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="s1"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="s1"] .p-total{--w:0;--h:0;--op:0}
.vlak[data-state="s1"]{--rot:-90deg}
.vlak[data-state="s2"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="s2"] .p-interval{--w:0;--h:0;--op:0}
.vlak[data-state="s2"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="s2"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="s2"] .p-total{--w:0;--h:0;--op:0}
.vlak[data-state="s2"]{--rot:-45deg}
.vlak[data-state="s3"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="s3"] .p-interval{--w:93;--h:12;--op:1}
.vlak[data-state="s3"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="s3"] .p-combi{--w:0;--h:0;--op:0}
.vlak[data-state="s3"] .p-total{--w:0;--h:0;--op:0}
.vlak[data-state="s3"]{--rot:-45deg}
.vlak[data-state="s4"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="s4"] .p-interval{--w:93;--h:12;--op:1}
.vlak[data-state="s4"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="s4"] .p-combi{--w:60;--h:60;--op:1}
.vlak[data-state="s4"] .p-total{--w:0;--h:0;--op:0}
.vlak[data-state="s4"]{--rot:-45deg}
.vlak[data-state="s5"] .p-duur{--w:82;--h:22;--op:1}
.vlak[data-state="s5"] .p-interval{--w:93;--h:12;--op:1}
.vlak[data-state="s5"] .p-kracht{--w:22;--h:86;--op:1}
.vlak[data-state="s5"] .p-combi{--w:60;--h:60;--op:1}
.vlak[data-state="s5"] .p-total{--w:93;--h:86;--op:1}
.vlak[data-state="s5"]{--rot:-45deg}