@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/inter-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plusjakartasans-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plusjakartasans-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/plusjakartasans-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Ruimte voor topbalk en header, zodat de site-chrome (layout.min.js) geen verschuiving geeft (zelfde waarden als de homepage) */
#top-bar{min-height:48px}#site-header{min-height:70px}
@media (min-width:1024px){#top-bar{min-height:37px}#site-header{min-height:95px}}

/* ============================================================
   Growsult Academy · pagina-stijl (6 september 2026)
   Bouwstenen van de nieuwe homepage: mist/paper-vlakken, glows,
   coral lijn, gekantelde fotokaders, donker kerngegevens-blok,
   logo-marquee, plus-accordeon, coral slotband.
   Tokens komen overeen met assets/css/homepage.css.
   ============================================================ */
:root{
  --ac-paper:#fdfcf9; --ac-mist:#f5f0e7; --ac-sand:#efe6d8; --ac-card:#fbf9f2;
  --ac-ink:#0a2540; --ac-pine:#10385f; --ac-blue:#0071bc; --ac-coral:#ee6b58; --ac-coral-dark:#e0523d; --ac-coral-light:#ff8a73;
  --ac-line:rgba(10,37,64,.10); --ac-line-strong:rgba(10,37,64,.18);
  --ac-t80:rgba(10,37,64,.80); --ac-t70:rgba(10,37,64,.70); --ac-t65:rgba(10,37,64,.65); --ac-t55:rgba(10,37,64,.55);
  --ac-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --ac-display:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ac-shadow-card:0 10px 30px -14px rgba(10,37,64,.22);
  --ac-shadow-lift:0 20px 45px -18px rgba(10,37,64,.35);
  --ac-header-h:95px;
}
html,body{overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.ac-body{margin:0;background:var(--ac-paper);color:var(--ac-ink);font-family:var(--ac-body);-webkit-font-smoothing:antialiased}
.ac-body *,.ac-body *::before,.ac-body *::after{box-sizing:border-box}
.ac-body img{max-width:100%;height:auto;display:block}
.ac-body a{color:inherit}
.ac-body button{font:inherit;color:inherit}
.ac-wrap{max-width:1440px;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.ac-wrap{padding:0 1.5rem}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Hero ---------- */
.ac-hero{position:relative;overflow:hidden;background:var(--ac-mist);color:var(--ac-ink)}
.ac-hero__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(58rem 36rem at 82% -10%,rgba(0,113,188,.08),transparent 60%),radial-gradient(46rem 30rem at -12% 110%,rgba(238,107,88,.07),transparent 62%)}
.ac-hero__lijn{pointer-events:none;position:absolute;right:-6rem;top:2.5rem;width:62rem;opacity:.16;display:none}
@media (min-width:1024px){.ac-hero__lijn{display:block}}
.ac-hero__blur{pointer-events:none;position:absolute;left:-10rem;top:33%;width:24rem;height:24rem;border-radius:50%;background:rgba(0,113,188,.15);filter:blur(120px)}
.ac-hero__grid{position:relative;display:grid;gap:3rem;padding:1rem 0 3.5rem}
@media (min-width:1024px){.ac-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;align-items:start;padding:1rem 0 3rem}}
@media (min-width:1024px){.ac-hero__tekst{grid-column:span 6}}
.ac-h1{margin:.5rem 0 0;font-family:var(--ac-display);font-weight:800;letter-spacing:-.03em;line-height:.98;font-size:clamp(2.15rem,8.8vw,3.25rem)}
@media (min-width:640px){.ac-h1{margin-top:.9rem;font-size:3.3rem}}
@media (min-width:1024px){.ac-h1{font-size:clamp(2.75rem,3.7vw,3.4rem)}}
.ac-h1 em{font-style:normal;color:var(--ac-coral)}
.line-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.06em}
.line-mask>span{display:block;transform:translateY(110%);animation:ac-line-up .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--line-delay,0ms)}
@keyframes ac-line-up{to{transform:translateY(0)}}
/* Onder 1024 px lopen de H1-regels gewoon door; vaste regelbreuken geven daar losse woorden op een regel */
@media (max-width:1023px){.line-mask,.line-mask>span{display:inline;overflow:visible;padding:0;margin:0;transform:none;animation:none}}
.ac-hero__lead{margin:1.1rem 0 0;max-width:38rem;font-size:17.5px;line-height:1.55;color:var(--ac-t70)}
.ac-hero__strook{display:flex;flex-wrap:wrap;gap:.75rem 0;margin:1.75rem 0 0;padding:0;list-style:none}
.ac-hero__strook li{display:flex;flex-direction:column;gap:.2rem;padding:0 1.5rem 0 0}
.ac-hero__strook li+li{padding-left:1.5rem;border-left:1px solid var(--ac-line-strong)}
.ac-hero__strook strong{font-family:var(--ac-display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;line-height:1;color:var(--ac-ink)}
.ac-hero__strook strong .ac-plus{color:var(--ac-coral)}
.ac-hero__strook small{font-size:13px;font-weight:500;line-height:1.35;color:var(--ac-t65)}
@media (max-width:639px){.ac-hero__strook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0;margin-top:2rem}.ac-hero__strook li{padding:0 .75rem 0 0}.ac-hero__strook li+li{padding-left:.75rem}.ac-hero__strook li:nth-child(3){grid-column:1/-1;padding:.9rem 0 0;border-left:0;border-top:1px solid var(--ac-line-strong)}.ac-hero__strook strong{font-size:1.2rem}.ac-hero__strook small{font-size:11.5px}}

/* ---------- Lopende tekst ---------- */
.ac-prose{margin:1.5rem 0 0;font-size:17px;line-height:1.7;color:var(--ac-t70);max-width:38rem}
.ac-prose p{margin:0 0 1.1rem}
.ac-prose p:last-child{margin-bottom:0}
.ac-prose a{color:var(--ac-blue);text-decoration:none;font-weight:600}
.ac-prose a:hover{text-decoration:underline}
.ac-prose strong{color:var(--ac-ink);font-weight:700}

/* ---------- Secties en koppen ---------- */
.ac-sec{padding:5rem 0;scroll-margin-top:calc(var(--ac-header-h) + 3.5rem)}
@media (min-width:1024px){.ac-sec{padding:7rem 0}}
.ac-sec--paper{background:var(--ac-paper)}
.ac-sec--mist{background:var(--ac-mist);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)}
.ac-sec--smal{padding:3.5rem 0}
@media (min-width:1024px){.ac-sec--smal{padding:4.5rem 0}}
.ac-eyebrow{margin:0;font-family:var(--ac-display);font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ac-blue)}
.ac-h2{margin:.75rem 0 0;font-family:var(--ac-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--ac-ink);font-size:2.25rem}
@media (min-width:640px){.ac-h2{font-size:3rem}}
@media (min-width:1024px){.ac-h2{font-size:3.2rem;line-height:1.03}}
.ac-h2--klein{font-size:1.75rem}
@media (min-width:640px){.ac-h2--klein{font-size:2.1rem}}
@media (min-width:1024px){.ac-h2--klein{font-size:2.25rem}}
.ac-h2 .ac-accent{color:var(--ac-blue)}
.ac-lead{margin:1.25rem 0 0;max-width:34rem;font-size:17px;line-height:1.625;color:var(--ac-t65)}
.ac-kop{max-width:44rem}
.ac-kop-rij{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.ac-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:15px;color:var(--ac-blue);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s ease}
.ac-link:hover{background-size:100% 1.5px}
.ac-link svg{width:1rem;height:1rem;transition:transform .2s}
.ac-link:hover svg{transform:translateX(3px)}

/* ---------- Knoppen ---------- */
.ac-btn{display:inline-flex;align-items:center;gap:.625rem;border-radius:999px;padding:1rem 1.75rem;font:600 15.5px/1.2 var(--ac-body);text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s,border-color .2s;border:1px solid transparent;cursor:pointer}
.ac-btn:active{transform:scale(.97)}
.ac-btn svg{width:1rem;height:1rem;transition:transform .2s;flex-shrink:0}
.ac-btn:hover svg{transform:translateX(3px)}
.ac-body .ac-btn--coral{background:var(--ac-coral);color:var(--ac-ink);box-shadow:0 10px 30px -10px rgba(238,107,88,.55)}
.ac-body .ac-btn--coral:hover{background:var(--ac-coral-dark);box-shadow:0 14px 36px -10px rgba(238,107,88,.7)}
.ac-body .ac-btn--ink{background:var(--ac-ink);color:var(--ac-paper)}
.ac-body .ac-btn--ink:hover{background:var(--ac-pine)}
.ac-body .ac-btn--ghost{border-color:rgba(10,37,64,.2);color:var(--ac-ink);background:transparent}
.ac-body .ac-btn--ghost:hover{border-color:var(--ac-blue);color:var(--ac-blue)}
.ac-body .ac-btn--paper{background:var(--ac-paper);color:var(--ac-ink)}
.ac-body .ac-btn--paper:hover{background:var(--ac-mist)}
.ac-body .ac-btn--ghost-paper{border-color:rgba(253,252,249,.28);color:var(--ac-paper);background:transparent}
.ac-body .ac-btn--ghost-paper:hover{border-color:var(--ac-coral-light);color:var(--ac-coral-light)}
.ac-body .ac-btn--ghost-ink{border:2px solid rgba(10,37,64,.25);color:var(--ac-ink);background:transparent;padding:calc(1rem - 1px) calc(1.75rem - 1px)}
.ac-body .ac-btn--ghost-ink:hover{border-color:var(--ac-ink);background:var(--ac-ink);color:var(--ac-coral)}
.ac-btn--groot{padding:1.125rem 2rem;font-size:17px;font-weight:700}
.ac-body .ac-btn--ink.ac-btn--groot{box-shadow:0 16px 36px -14px rgba(10,37,64,.55)}
.ac-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem}

/* ---------- Kruimelpad ---------- */
.ac-crumbs{margin:0;padding:.5rem 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;font-size:13px;color:var(--ac-t55);position:relative}
.ac-crumbs a{color:var(--ac-t70);text-decoration:none}
.ac-crumbs a:hover{color:var(--ac-blue)}
.ac-crumbs li+li::before{content:"›";margin-right:.5rem;color:var(--ac-t55)}

/* ---------- Award-pil: zelfde als de homepage-hero sinds 6 sep (ink, verborgen op telefoons) ---------- */
.ac-award{display:none;margin:0;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;border-radius:999px;background:var(--ac-ink);color:var(--ac-paper);font-size:13px;font-weight:600;line-height:1}
@media (min-width:640px){.ac-award{display:inline-flex}}
.ac-award svg{width:1rem;height:1rem;flex-shrink:0;color:var(--ac-coral)}

/* ---------- Ankerbalk ---------- */
.ac-anker{position:sticky;top:var(--ac-header-h);z-index:40;background:rgba(253,252,249,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)}
.ac-anker ul{display:flex;gap:.25rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ac-anker ul::-webkit-scrollbar{display:none}
.ac-anker a{display:inline-block;white-space:nowrap;padding:1rem .9rem;font-size:13.5px;font-weight:600;line-height:1;color:var(--ac-t70);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.ac-anker a:hover{color:var(--ac-ink)}
.ac-anker a[aria-current="true"]{color:var(--ac-ink);border-bottom-color:var(--ac-coral)}
@media (min-width:1024px){.ac-anker ul{gap:.75rem}.ac-anker a{padding:1.05rem 1rem}}

/* ---------- Stepper ---------- */
.ac-stepper{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:2.5rem 2rem}
@media (min-width:640px){.ac-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ac-stepper{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.5rem}}
.ac-stap{position:relative;border-top:2px solid rgba(10,37,64,.14);padding-top:1.75rem}
.ac-stap::before{content:"";position:absolute;left:0;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--ac-coral);box-shadow:0 0 0 4px var(--ac-mist)}
.ac-stap__nr{margin:0;font-family:var(--ac-display);font-weight:800;font-size:2.75rem;line-height:1;letter-spacing:-.03em;color:var(--ac-coral-dark)}
.ac-stap__titel{margin:1rem 0 0;font-family:var(--ac-display);font-weight:700;font-size:1.3rem;letter-spacing:-.012em;line-height:1.2;color:var(--ac-ink)}
.ac-stap__tekst{margin:.65rem 0 0;font-size:15px;line-height:1.6;color:var(--ac-t70)}
.ac-stap__tag{display:inline-block;margin-top:.9rem;padding:.25rem .7rem;border-radius:999px;background:rgba(238,107,88,.16);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-t80)}
.ac-bron{margin:3rem 0 0;max-width:46rem;font-size:15px;line-height:1.65;color:var(--ac-t65);padding-left:1rem;border-left:2px solid rgba(238,107,88,.6)}
.ac-bron a{color:var(--ac-blue);font-weight:600;text-decoration:none}
.ac-bron a:hover{text-decoration:underline}

/* ---------- Vragen ---------- */
.ac-faq{display:grid;gap:3rem}
@media (min-width:1024px){.ac-faq{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem}.ac-faq__kop{grid-column:span 4}.ac-faq__lijst{grid-column:span 8}}
.ac-acties{display:grid;gap:.75rem;margin-top:1.75rem}
.ac-actie{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border-radius:1rem;border:1px solid rgba(10,37,64,.12);background:var(--ac-card);padding:1rem 1.25rem;text-decoration:none;color:var(--ac-ink);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.ac-actie:hover{border-color:rgba(0,113,188,.5);box-shadow:var(--ac-shadow-card)}
.ac-actie svg{width:1rem;height:1rem;flex-shrink:0;color:var(--ac-blue);transition:transform .2s}
.ac-actie:hover svg{transform:translateX(4px)}
.ac-body .ac-actie--ink{background:var(--ac-ink);border-color:var(--ac-ink);color:var(--ac-paper)}
.ac-body .ac-actie--ink:hover{background:var(--ac-blue);border-color:var(--ac-blue)}
.ac-actie--ink svg{color:var(--ac-coral-light)}
.ac-actie__k{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-t70)}
.ac-actie--ink .ac-actie__k{color:var(--ac-coral-light)}
.ac-actie__t{display:block;margin-top:.3rem;font-family:var(--ac-display);font-size:17px;font-weight:700;line-height:1.2}
.ac-faq__lijst{border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)}
.ac-faq__item+.ac-faq__item{border-top:1px solid var(--ac-line)}
.ac-faq__knop{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;background:none;border:0;text-align:left;cursor:pointer}
.ac-faq__q{font-family:var(--ac-display);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ac-ink);transition:color .2s}
@media (min-width:640px){.ac-faq__q{font-size:21px}}
.ac-faq__knop:hover .ac-faq__q{color:var(--ac-blue)}
.ac-faq__plus{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid rgba(10,37,64,.2);color:var(--ac-ink);transition:transform .3s,background .3s,border-color .3s,color .3s}
.ac-faq__plus svg{width:14px;height:14px}
.ac-faq__knop[aria-expanded="true"] .ac-faq__plus{transform:rotate(45deg);background:var(--ac-blue);border-color:var(--ac-blue);color:var(--ac-paper)}
.ac-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
.ac-faq__a.open{grid-template-rows:1fr}
.ac-faq__a>div{overflow:hidden}
.ac-faq__a p{margin:0;max-width:44rem;padding-bottom:1.5rem;font-size:15.5px;line-height:1.65;color:var(--ac-t65)}
.ac-faq__a a{color:var(--ac-blue);font-weight:600;text-decoration:none}
.ac-faq__a a:hover{text-decoration:underline}

/* ---------- Slotband ---------- */
.ac-band{position:relative;overflow:hidden;background:var(--ac-coral);color:var(--ac-ink);padding:4rem 0;border-bottom:64px solid var(--ac-paper)}
@media (min-width:1024px){.ac-band{padding:5rem 0}}
.ac-band__lijn{pointer-events:none;position:absolute;inset:0 0 auto 0;top:auto;bottom:0;width:100%;opacity:.15}
.ac-band__grid{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}
.ac-band h2{margin:0;max-width:42rem;font-family:var(--ac-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;font-size:2.25rem}
@media (min-width:640px){.ac-band h2{font-size:3rem}}
@media (min-width:1024px){.ac-band h2{font-size:3.75rem}}
.ac-band p{margin:1rem 0 0;max-width:36rem;font-size:17px;font-weight:500;line-height:1.6;color:var(--ac-ink)}
.ac-band .ac-knoppen{margin-top:0}

/* ---------- Beweging uit bij voorkeur ---------- */
@media (prefers-reduced-motion:reduce){
  .line-mask>span{transform:none;animation:none}
  .draw-line{animation:none;stroke-dashoffset:0}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
.draw-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:ac-draw 2.6s cubic-bezier(.6,0,.2,1) .4s forwards}
@keyframes ac-draw{to{stroke-dashoffset:0}}

.ac-hero__tekst .ac-knoppen{margin-top:1.35rem}

/* ---------- Citaten ---------- */
.ac-citaten{display:grid;gap:1.25rem;margin-top:1.5rem}
@media (min-width:1024px){.ac-citaten{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.ac-citaat--groot{grid-column:span 7}.ac-citaten__klein{grid-column:span 5}}
.ac-citaten__klein{display:grid;gap:1.25rem}
@media (min-width:640px) and (max-width:1023px){.ac-citaten__klein{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ac-citaat{position:relative;margin:0;display:flex;flex-direction:column;border:1px solid var(--ac-line);background:var(--ac-card);border-radius:1.25rem;padding:1.6rem;box-shadow:0 6px 24px -16px rgba(12,35,27,.25)}
.ac-citaat--groot{background:var(--ac-sand);border-color:transparent;padding:2rem}
@media (min-width:640px){.ac-citaat--groot{padding:2.75rem}}
.ac-citaat__teken{display:block;font-family:var(--ac-display);font-weight:800;font-size:4.5rem;line-height:.55;height:2.2rem;color:var(--ac-coral)}
.ac-citaat blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--ac-t80);flex:1}
.ac-citaat--groot blockquote{font-family:var(--ac-display);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.3;letter-spacing:-.02em;color:var(--ac-ink)}
.ac-citaat figcaption{display:flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--ac-line)}
.ac-citaat--groot figcaption{border-top-color:rgba(10,37,64,.12);margin-top:2rem}
.ac-citaat figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:var(--ac-shadow-card);flex-shrink:0}
.ac-citaat--groot figcaption img{width:56px;height:56px}
.ac-citaat__naam{margin:0;font-size:14.5px;font-weight:700;color:var(--ac-ink)}
.ac-citaat__rol{margin:.1rem 0 0;font-size:12.5px;font-weight:500;color:var(--ac-t70)}

/* ---------- Donker teamblok ---------- */
.ac-team{position:relative;overflow:hidden;background:var(--ac-ink);color:var(--ac-paper)}
.ac-team__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(48rem 30rem at 0% 0%,rgba(0,113,188,.25),transparent 60%),radial-gradient(40rem 26rem at 100% 100%,rgba(238,107,88,.14),transparent 60%)}
.ac-team__grid{position:relative;display:grid;gap:3rem;align-items:center}
@media (min-width:1024px){.ac-team__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}.ac-team__tekst{grid-column:span 6}.ac-team__foto{grid-column:8 / span 5}}
.ac-team .ac-eyebrow{color:var(--ac-coral-light)}
.ac-team .ac-h2{color:var(--ac-paper)}
.ac-team .ac-h2 .ac-accent{color:var(--ac-coral-light)}
.ac-team .ac-lead{color:rgba(253,252,249,.72)}
.ac-team__punten{margin:1.75rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem;max-width:34rem}
.ac-team__punten li{display:flex;gap:.8rem;align-items:flex-start;font-size:15.5px;line-height:1.55;color:rgba(253,252,249,.82)}
.ac-team__punten li strong{color:var(--ac-paper);font-weight:600}
.ac-team__vink{margin-top:.15rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:var(--ac-coral);color:var(--ac-ink)}
.ac-team__vink svg{width:.85rem;height:.85rem}
.ac-team__foto{position:relative;width:min(100%,28rem);margin:0 auto}
@media (min-width:1024px){.ac-team__foto{width:auto;margin:0}}
.ac-team__foto::before{content:"";position:absolute;inset:-.75rem;border-radius:1.75rem;border:1px solid rgba(253,252,249,.16);transform:rotate(2deg)}
.ac-team__frame{position:relative;overflow:hidden;border-radius:1.5rem;aspect-ratio:4/3;box-shadow:var(--ac-shadow-lift);background:var(--ac-pine)}
.ac-team__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* ---------- Vaste kolom (gebruikt bij de vragen) ---------- */
@media (min-width:1024px){.ac-sticky{position:sticky;top:calc(var(--ac-header-h) + 5.5rem)}}

/* ---------- Hero: nagebouwde weergave van het leerportaal ----------
   Volgt de echte schil sinds 6 sep 2026: navy zijbalk, cream canvas,
   witte kaarten met zachte schaduw, coral accent. Geen blauw #0071bc. */
.ac-hero__visual{position:relative;width:100%;max-width:32rem;margin:0 auto;padding:1.5rem 0 2rem}
@media (min-width:1024px){.ac-hero__visual{grid-column:span 6;align-self:center;margin:0;justify-self:end;max-width:34rem;padding:1rem 0 1.5rem}}
.ac-mock{position:relative}
.ac-mock::before{content:"";position:absolute;inset:-.85rem;border-radius:1.9rem;border:1px solid rgba(238,107,88,.3);transform:rotate(-1.6deg)}
.ac-mock__venster{position:relative;display:grid;grid-template-columns:34% 1fr;overflow:hidden;border-radius:1.25rem;background:var(--ac-paper);box-shadow:var(--ac-shadow-lift);border:1px solid rgba(10,37,64,.08)}
@media (max-width:479px){.ac-mock__venster{grid-template-columns:38% 1fr}}
/* zijbalk */
.ac-mock__zij{background:var(--ac-ink);color:var(--ac-paper);padding:1rem .85rem}
.ac-mock__merk{display:flex;align-items:center;gap:.5rem;padding:.15rem .4rem 1rem}
.ac-mock__merk span{width:1.35rem;height:1.35rem;border-radius:.45rem;background:var(--ac-coral);flex-shrink:0}
.ac-mock__merk strong{font-family:var(--ac-display);font-size:12.5px;font-weight:800;letter-spacing:-.01em}
.ac-mock__label{margin:.35rem .4rem .45rem;font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(253,252,249,.55)}
.ac-mock__menu{display:grid;gap:.15rem}
.ac-mock__item{position:relative;display:flex;align-items:center;gap:.45rem;padding:.42rem .45rem;border-radius:.5rem;font-size:11px;font-weight:500;color:rgba(253,252,249,.7)}
.ac-mock__item i{display:block;width:.7rem;height:.7rem;border-radius:.2rem;border:1.5px solid currentColor;opacity:.65;flex-shrink:0}
.ac-mock__item--aan{background:rgba(253,252,249,.08);color:var(--ac-paper);font-weight:700}
.ac-mock__item--aan::before{content:"";position:absolute;left:-.85rem;top:.35rem;bottom:.35rem;width:3px;border-radius:0 3px 3px 0;background:var(--ac-coral)}
.ac-mock__item--aan i{border-color:var(--ac-coral);opacity:1}
/* canvas */
.ac-mock__canvas{background:var(--ac-mist);padding:.85rem .9rem 1.1rem}
.ac-mock__kop{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.7rem;border-bottom:1px solid rgba(10,37,64,.08)}
.ac-mock__welkom{margin:0;font-family:var(--ac-display);font-size:13px;font-weight:800;letter-spacing:-.015em;color:var(--ac-ink)}
.ac-mock__sub{margin:.1rem 0 0;font-size:9.5px;color:var(--ac-t70)}
.ac-mock__avatar{display:grid;place-items:center;width:1.6rem;height:1.6rem;flex-shrink:0;border-radius:50%;background:var(--ac-sand);font-size:9px;font-weight:800;color:var(--ac-ink)}
.ac-mock__kaart{margin-top:.7rem;background:#fff;border-radius:.7rem;padding:.7rem .75rem;box-shadow:0 8px 24px rgba(10,37,64,.06)}
.ac-mock__rij{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:10.5px;font-weight:600;color:var(--ac-ink)}
.ac-mock__rij b{font-family:var(--ac-display);font-size:12px;color:var(--ac-ink)}
.ac-mock__hint{margin:.4rem 0 0;font-size:9.5px;line-height:1.4;color:var(--ac-t65)}
.ac-mock__taken{margin:.55rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem}
.ac-mock__taken li{display:flex;align-items:center;gap:.45rem;background:#fff;border-radius:.55rem;padding:.42rem .6rem;font-size:10px;color:var(--ac-t70);box-shadow:0 6px 18px rgba(10,37,64,.05)}
.ac-mock__vink{display:grid;place-items:center;width:.85rem;height:.85rem;flex-shrink:0;border-radius:50%;background:var(--ac-coral);color:#fff;font-size:7px;font-weight:800;line-height:1}
.ac-mock__vink--open{background:transparent;border:1.5px dashed rgba(10,37,64,.28)}
.ac-mock__taken small{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-t70)}
.ac-mock__fb{margin-top:.55rem;border-radius:.7rem;background:var(--ac-ink);color:rgba(253,252,249,.82);padding:.65rem .7rem}
.ac-mock__fb b{display:block;font-family:var(--ac-display);font-size:10px;font-weight:800;color:var(--ac-paper)}
.ac-mock__fb p{margin:.3rem 0 0;font-size:9.5px;line-height:1.45}
/* zwevende kaartjes */
.ac-mock__chip{position:absolute;display:flex;align-items:center;gap:.45rem;background:var(--ac-paper);border:1px solid rgba(10,37,64,.1);border-radius:.8rem;padding:.5rem .7rem;box-shadow:var(--ac-shadow-lift)}
.ac-mock__chip strong{font-family:var(--ac-display);font-size:11.5px;font-weight:800;color:var(--ac-ink);line-height:1.1}
.ac-mock__chip small{display:block;font-size:9.5px;color:var(--ac-t70);line-height:1.2}
.ac-mock__chip svg{width:1.1rem;height:1.1rem;flex-shrink:0;color:var(--ac-coral)}
.ac-mock__chip--reactie{right:-.5rem;top:-1rem}
/* Op een telefoon zou het zwevende kaartje tekst in het venster afdekken. Het vervalt daar;
   de trainersreactie staat ook in het venster zelf. */
@media (max-width:639px){.ac-mock__chip{display:none}}
@media (max-width:479px){.ac-mock__zij{padding:.85rem .55rem}.ac-mock__merk{padding-left:.3rem}.ac-mock__item{gap:.35rem;padding:.38rem .3rem;font-size:9.5px}.ac-mock__item--aan::before{left:-.55rem}.ac-mock__label{margin-left:.3rem;letter-spacing:.12em}.ac-mock__canvas{padding:.75rem .65rem .9rem}}

/* ---------- Wat je krijgt: items op hairlines, geen kaarten ---------- */
.ac-geef{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:2.25rem 2.5rem}
@media (min-width:640px){.ac-geef{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ac-geef{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.75rem 2.5rem;margin-top:3.5rem}}
.ac-geef li{border-top:2px solid rgba(10,37,64,.14);padding-top:1.1rem}
.ac-geef h3{margin:0;font-family:var(--ac-display);font-size:1.2rem;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--ac-ink)}
.ac-geef p{margin:.55rem 0 0;font-size:15px;line-height:1.6;color:var(--ac-t70)}
.ac-geef li:first-child{border-top-color:var(--ac-coral)}

/* ---------- Cijferband ---------- */
.ac-cijfersec{background:var(--ac-paper);padding:0 0 5rem}
@media (min-width:1024px){.ac-cijfersec{padding:0 0 7rem}}
.ac-cijfers{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--ac-pine);color:var(--ac-paper);box-shadow:var(--ac-shadow-lift);padding:2.5rem 0}
@media (min-width:1024px){.ac-cijfers{padding:3rem 0}}
.ac-cijfers__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
.ac-cijfers__grad{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,37,64,.95),rgba(16,56,95,.9) 60%,rgba(0,113,188,.5))}
.ac-cijfers__grid{position:relative;padding:0 1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem;text-align:center}
@media (min-width:1024px){.ac-cijfers__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ac-cijfers__grid div{padding:0 .5rem}
.ac-cijfers strong{display:block;font-family:var(--ac-display);font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ac-paper)}
@media (min-width:1024px){.ac-cijfers strong{font-size:3rem}}
.ac-cijfers strong span{color:var(--ac-coral-light)}
.ac-cijfers b{display:block;margin-top:.55rem;font-family:var(--ac-display);font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-coral-light)}
.ac-cijfers small{display:block;margin-top:.25rem;font-size:13px;color:rgba(253,252,249,.62)}

/* ---------- Trainingskaarten ---------- */
.ac-kaarten{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:640px){.ac-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ac-kaarten{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ac-kaart{position:relative;display:flex;flex-direction:column;border:1px solid var(--ac-line);background:var(--ac-card);border-radius:1rem;padding:1.35rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.ac-kaart:hover{transform:translateY(-3px);box-shadow:var(--ac-shadow-card);border-color:rgba(0,113,188,.4)}
.ac-kaart__titel{margin:0;font-family:var(--ac-display);font-size:1.05rem;font-weight:800;letter-spacing:-.012em;line-height:1.25;color:var(--ac-ink)}
.ac-kaart__meta{margin:.45rem 0 0;font-size:12.5px;font-weight:600;color:var(--ac-t70)}
.ac-kaart__meta b{color:var(--ac-ink);font-weight:700}
.ac-kaart p{margin:.7rem 0 0;font-size:14px;line-height:1.55;color:var(--ac-t70);flex:1}
.ac-kaart__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.1rem;font-size:14px;font-weight:700;color:var(--ac-blue);text-decoration:none}
.ac-kaart__link::after{content:"";position:absolute;inset:0}
.ac-kaart__link svg{width:.9rem;height:.9rem;transition:transform .2s}
.ac-kaart:hover .ac-kaart__link svg{transform:translateX(3px)}
@media(max-width:768px){.ac-link,.ac-kaart__link{min-height:44px;padding-block:10px}}

/* ---------- Teamblok: trainersoverzicht ---------- */
.ac-team__paneel{position:relative;border-radius:1.25rem;background:rgba(253,252,249,.06);border:1px solid rgba(253,252,249,.14);padding:1.35rem;backdrop-filter:blur(2px)}
@media (min-width:640px){.ac-team__paneel{padding:1.75rem}}
.ac-team__paneel::before{content:"";position:absolute;inset:-.75rem;border-radius:1.75rem;border:1px solid rgba(238,107,88,.28);transform:rotate(1.4deg);pointer-events:none}
.ac-team__ptop{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(253,252,249,.14)}
.ac-team__ptop p{margin:0;font-family:var(--ac-display);font-size:15px;font-weight:800;color:var(--ac-paper)}
.ac-team__ptop span{font-size:12px;font-weight:600;color:var(--ac-coral-light)}
.ac-team__lijst{list-style:none;margin:0;padding:0}
.ac-team__lijst li{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:.85rem 0;border-bottom:1px solid rgba(253,252,249,.08)}
.ac-team__lijst li:last-child{border-bottom:0;padding-bottom:0}
.ac-team__naam{font-size:13.5px;font-weight:600;color:rgba(253,252,249,.9)}
.ac-team__status{align-self:start;border-radius:999px;background:rgba(238,107,88,.18);padding:.22rem .55rem;font-size:10px;font-weight:700;line-height:1.25;color:var(--ac-coral-light);white-space:nowrap}
.ac-team__status--actie{background:var(--ac-coral);color:var(--ac-ink)}
.ac-team__status--rust{background:rgba(253,252,249,.1);color:rgba(253,252,249,.72)}
.ac-team__lijst small{grid-column:1/-1;font-size:11.5px;line-height:1.4;color:rgba(253,252,249,.58)}
.ac-team__pvoet{margin:1.1rem 0 0;font-size:12.5px;line-height:1.5;color:rgba(253,252,249,.6)}

/* ---------- Wat het is: tekst met de bron ernaast ---------- */
.ac-uitleg{display:grid;gap:2.5rem}
@media (min-width:1024px){.ac-uitleg{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.5rem;align-items:start}.ac-uitleg__tekst{grid-column:span 6}.ac-uitleg__beeld{grid-column:8 / span 5}}
.ac-bronkaart{border-radius:1.25rem;background:var(--ac-card);border:1px solid var(--ac-line);padding:1.75rem;box-shadow:var(--ac-shadow-card)}
/* Foto met de bronkaart die eroverheen valt, zoals de zwevende kaart in de hero van over-ons */
.ac-beeld{position:relative;max-width:26rem;margin:0 auto}
@media (min-width:1024px){.ac-beeld{margin:0}}
.ac-foto{position:relative;overflow:hidden;border-radius:1.5rem;aspect-ratio:4/5;background:var(--ac-sand);box-shadow:var(--ac-shadow-lift)}
.ac-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 37%}
.ac-beeld .ac-bronkaart{position:relative;z-index:3;margin:-3.5rem 0 0 1rem}
@media (min-width:560px){.ac-beeld .ac-bronkaart{margin-left:2.5rem;margin-right:-1rem}}
.ac-bronkaart__nr{margin:0;display:flex;align-items:baseline;gap:.4rem;font-family:var(--ac-display);font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ac-coral)}
.ac-bronkaart__nr small{font-family:var(--ac-body);font-size:14px;font-weight:600;color:var(--ac-t70)}
.ac-bronkaart h3{margin:.65rem 0 0;font-family:var(--ac-display);font-size:1.2rem;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--ac-ink)}
.ac-bronkaart p{margin:.7rem 0 0;font-size:15px;line-height:1.6;color:var(--ac-t70)}
.ac-bronkaart cite{display:block;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--ac-line);font-size:12.5px;font-style:normal;line-height:1.45;color:var(--ac-t70)}

/* Kopbalk gelijk aan de rest van de site (15 sep 2026): .ac-body img{height:auto} en
   .ac-body a{color:inherit} overschreven de logohoogte en de menukleur uit style.min.css. */
.ac-body .site-header__logo img{height:75px;width:auto}
@media (max-width:768px){.ac-body .site-header__logo img{height:50px}}
.ac-body .nav-menu__link,.ac-body .nav-dropdown__link{color:#2b3550}
.ac-body .nav-menu__link:hover,.ac-body .nav-dropdown__link:hover{color:#0071bc}