/* ===== Automatiseringscheck =====
   Basis 1-op-1 uit heftruckvloot-check.html, zodat alle checks hetzelfde
   aanvoelen. Onderaan de onderdelen die alleen deze check heeft. ===== */
.nav{ background:var(--paper); }
.nav.scrolled{ background:rgba(250,246,236,.92); }

.scan-col{ width:100%; max-width:760px; margin:0 auto; padding:0 28px; position:relative; }
.scan-col > .hero__octo{ top:10px; right:-80px; }
main.scan{ padding:132px 0 100px; }
@media (max-width:640px){ .scan-col > .hero__octo{ display:none; } }

.screen{ animation:fade .5s var(--ease); }
@keyframes fade{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }
[hidden]{ display:none!important; }
.btn:disabled{ opacity:.4; cursor:default; box-shadow:none!important; transform:none!important; pointer-events:none; }

#intro > :not(.hero__octo){ position:relative; z-index:1; }
#intro .lead{ margin-top:1.1rem; max-width:50ch; }
.scan-note{ font-size:.96rem; color:var(--ink-faint); max-width:56ch; margin:1.2rem 0 0; }
.scan-meta{ font-size:.9rem; color:var(--ink-faint); letter-spacing:.02em; margin:1.4rem 0 2rem; }
.why{ margin-top:66px; padding-top:42px; border-top:1px solid var(--line); }
.why h2{ margin-bottom:1rem; }
.why p{ color:var(--ink-soft); max-width:60ch; }
.why-list{ list-style:none; padding:0; margin:18px 0 0; }
.why-list li{ position:relative; padding:9px 0 9px 28px; color:var(--ink-soft);
  border-bottom:1px solid var(--line-soft); font-size:.97rem; }
.why-list li:last-child{ border-bottom:none; }
.why-list li::before{ content:""; position:absolute; left:4px; top:17px;
  width:8px; height:8px; border:1.5px solid var(--accent); border-radius:50%; }

.prog{ height:3px; background:var(--line); border-radius:3px; margin-bottom:30px; overflow:hidden; }
.prog__fill{ height:100%; background:var(--accent); border-radius:3px; transition:width .45s var(--ease); }

.qmeta{ font-size:.8rem; font-weight:650; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:20px; }
.qtitle{ font-size:clamp(1.5rem,3vw,2rem); line-height:1.12; margin-bottom:30px; max-width:30ch; }
.note-q{ font-size:.95rem; color:var(--ink-faint); margin:-12px 0 26px; max-width:56ch; }
.opts{ display:flex; flex-direction:column; gap:12px; margin-bottom:34px; }
.opt{ display:flex; align-items:flex-start; gap:16px; width:100%; text-align:left; cursor:pointer;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:18px 20px;
  font-family:var(--font-sans); font-size:1.04rem; color:var(--ink); line-height:1.5;
  transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease); }
.opt:hover{ border-color:var(--accent-soft); transform:translateY(-1px); box-shadow:var(--shadow-sm); }
.opt .dot{ flex:none; width:18px; height:18px; border-radius:50%; border:1.5px solid var(--ink-faint);
  margin-top:2px; transition:all .18s var(--ease); position:relative; }
.opt.sel{ border-color:var(--accent); background:#FFFCF4; }
.opt.sel .dot{ border-color:var(--accent); }
.opt.sel .dot::after{ content:""; position:absolute; inset:3px; border-radius:50%; background:var(--accent); }

.opt.multi .dot{ border-radius:4px; }
.opt.multi.sel .dot::after{ inset:0; border-radius:4px; background:var(--accent);
  content:"\2713"; color:#fff; font-size:.78rem; line-height:18px; text-align:center; }

.numwrap{ margin-bottom:34px; max-width:280px; }
.numwrap .input{ background:#fff; font-size:1.2rem; }
.numhint{ font-size:.88rem; color:var(--ink-faint); margin:8px 0 0; }
.qnav{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.role-other{ margin-top:2px; }
.role-other .input{ background:#fff; }
.back{ background:none; border:0; color:var(--ink-faint); font-family:var(--font-sans); font-size:.95rem;
  cursor:pointer; padding:8px 2px; transition:color .25s; }
.back:hover{ color:var(--accent-deep); }

.openfield{ margin-bottom:34px; }
.openfield textarea.input{ background:#fff; min-height:120px; }

.report-nr{ font-size:.75rem; font-weight:650; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-faint); margin:0 0 10px; }

.facts{ margin:22px 0 34px; padding:22px 26px; background:#fff;
  border:1px solid var(--line); border-radius:var(--r-lg); }
.facts h3{ margin:0 0 14px; font-size:1.02rem; }
.facts dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:9px 22px; }
.facts dt{ color:var(--ink-faint); font-size:.92rem; }
.facts dd{ margin:0; color:var(--ink); font-size:.95rem; }

.exec-summary{ margin:20px 0 32px; }
.es-opening{ font-size:clamp(1.08rem,1.5vw,1.22rem); font-weight:500; line-height:1.52;
  color:var(--ink); margin:0 0 14px; max-width:62ch; }
.es-body{ color:var(--ink-soft); max-width:62ch; margin:0 0 14px; }
.es-closing{ padding:14px 20px; background:var(--paper-2);
  border-left:2px solid var(--accent); border-radius:0 var(--r-sm) var(--r-sm) 0;
  color:var(--ink-soft); font-size:.95rem; }

.scores{ margin:0 0 44px; }
.scores h3{ margin:0 0 18px; font-size:1.1rem; }
.srow{ display:grid; grid-template-columns:1fr auto; gap:6px 16px;
  align-items:center; padding:13px 0; border-bottom:1px solid var(--line-soft); }
.srow:last-child{ border-bottom:none; }
.srow__name{ font-size:.97rem; color:var(--ink); }
.srow__lab{ font-size:.82rem; font-weight:650; letter-spacing:.1em; text-transform:uppercase; }
.srow__bar{ display:block; grid-column:1 / -1; height:5px; background:var(--line); border-radius:4px; overflow:hidden; }
.srow__fill{ display:block; height:100%; border-radius:4px; transition:width .6s var(--ease); }
.lv-goed .srow__lab{ color:var(--ok); }        .lv-goed .srow__fill{ background:var(--ok); }
.lv-aandacht .srow__lab{ color:#B8860B; }      .lv-aandacht .srow__fill{ background:#D9A441; }
.lv-prioriteit .srow__lab{ color:var(--accent-deep); } .lv-prioriteit .srow__fill{ background:var(--accent); }

.strengths{ margin:0 0 46px; padding:26px 30px; background:var(--paper-2);
  border-radius:var(--r-lg); }
.strengths h3{ margin:0 0 14px; font-size:1.1rem; }
.strength-list{ list-style:none; padding:0; margin:0; }
.strength-list li{ position:relative; padding:8px 0 8px 26px;
  color:var(--ink-soft); border-bottom:1px solid var(--line-soft); font-size:.97rem; }
.strength-list li:last-child{ border-bottom:none; }
.strength-list li::before{ content:"\2713"; position:absolute; left:0; top:8px;
  color:var(--ok); font-weight:700; font-size:.9rem; }

.points{ margin:0; }
.point{ padding:34px 0; border-top:1px solid var(--line); }
.point:last-child{ border-bottom:1px solid var(--line); }
.point .rank{ font-size:.78rem; font-weight:650; letter-spacing:.14em;
  text-transform:uppercase; color:var(--accent-deep); margin-bottom:8px; }
.point h3{ margin-bottom:12px; }
.point__sig{ color:var(--ink); font-size:1rem; margin-bottom:10px; }
.point__why{ color:var(--ink-soft); margin-bottom:0; font-size:.97rem; }
.point .art{ margin-top:10px; white-space:normal; }

.context{ margin-top:28px; padding:18px 22px; background:var(--paper-2);
  border-left:2px solid var(--accent); border-radius:0 var(--r-md) var(--r-md) 0;
  color:var(--ink-soft); font-size:1rem; }

.block{ margin-top:50px; padding-top:40px; border-top:1px solid var(--line); }

.route{ margin-top:54px; background:var(--paper-2);
  border-radius:var(--r-lg); padding:clamp(30px,5vw,48px); }
.route h2{ margin-bottom:14px; }
.route p{ color:var(--ink-soft); }
.route ul{ color:var(--ink-soft); padding-left:20px; margin:0 0 1rem; }
.route li{ margin-bottom:6px; }
.route-sourcing{ margin-top:18px; padding:14px 18px; background:rgba(255,255,255,.6);
  border-left:2px solid var(--accent-soft); border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:.94rem; }
.route-grens{ margin-top:14px; font-size:.88rem; color:var(--ink-faint); }
.route-gebieden{ margin-top:22px; }
.route-gebieden p{ margin:0 0 10px; font-size:.95rem; }
.route-gebieden ul{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.route-gebieden li{ background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:6px 14px; font-size:.88rem; color:var(--ink); }
.route-zacht{ margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.route-zacht p{ font-size:.92rem; color:var(--ink-faint); margin:0 0 12px; }
.route-zacht p:last-child{ margin-bottom:0; }
.route-sec{ margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }
.route-sec h3{ font-size:1.02rem; margin:0 0 10px; }
.route-sec p{ font-size:.95rem; margin:0 0 14px; }
.route-sec p:last-child{ margin-bottom:0; }

.steps-list{ list-style:none; padding:0; margin:18px 0 0; }
.steps-list li{ position:relative; padding:10px 0 10px 30px;
  color:var(--ink-soft); border-bottom:1px solid var(--line-soft); }
.steps-list li:last-child{ border-bottom:none; }
.steps-list li::before{ content:""; position:absolute; left:4px; top:18px;
  width:8px; height:8px; border:1.5px solid var(--accent); border-radius:50%; }

.report{ margin-top:40px; border:1px solid var(--line);
  border-radius:var(--r-lg); padding:clamp(28px,4vw,40px); background:#fff; }
.report h3{ margin-bottom:12px; }
.report > p{ color:var(--ink-soft); font-size:1rem; margin-bottom:1.6rem; }
.opt-label{ color:var(--ink-faint); font-weight:400; }
.consent{ display:flex; gap:10px; align-items:flex-start;
  font-size:.85rem; color:var(--ink-faint); margin:4px 0 18px; }
.consent input{ margin-top:3px; }
.form-err{ color:var(--accent-deep); font-weight:600; font-size:.92rem; margin:0 0 16px; }
.thanks{ padding:22px; background:var(--cream); border-radius:var(--r-md); color:var(--ink); display:none; }

.disclaimer{ margin-top:40px; font-size:.85rem; color:var(--ink-faint); max-width:62ch; }
.restart{ margin-top:30px; }

@media (max-width:560px){ .scan-col{ padding:0 20px; } .facts dl{ grid-template-columns:1fr; gap:3px 0; } .facts dd{ margin-bottom:10px; } }

/* --- Oordeel --- */
.verdict{ margin:26px 0 40px; padding:clamp(24px,4vw,34px); border-radius:var(--r-lg);
  background:#fff; border:1px solid var(--line); }
.verdict__kort{ font-size:.8rem; font-weight:650; letter-spacing:.14em; text-transform:uppercase; margin:0 0 8px; }
.verdict--kandidaat .verdict__kort, .verdict--deels .verdict__kort{ color:var(--ok); }
.verdict--eerst .verdict__kort{ color:#B8860B; }
.verdict--nogniet .verdict__kort{ color:var(--accent-deep); }
.verdict__titel{ font-size:clamp(1.35rem,2.6vw,1.75rem); margin:0 0 12px; }
.verdict__tekst{ color:var(--ink-soft); max-width:62ch; }
.verdict__druk{ color:var(--ink-soft); font-size:.95rem; max-width:62ch; margin:14px 0 0; }
.meters{ display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; margin:22px 0 6px; }
.meter__kop{ display:flex; justify-content:space-between; gap:10px; font-size:.92rem; color:var(--ink); margin-bottom:7px; }
.meter__lab{ font-weight:650; }
.meter__bar{ display:block; height:7px; background:var(--line); border-radius:6px; overflow:hidden; }
.meter__fill{ display:block; height:100%; border-radius:6px; transition:width .6s var(--ease); }
.meter--goed .meter__fill{ background:var(--ok); }       .meter--goed .meter__lab{ color:var(--ok); }
.meter--aandacht .meter__fill{ background:#D9A441; }     .meter--aandacht .meter__lab{ color:#B8860B; }
.meter--prioriteit .meter__fill{ background:var(--accent); } .meter--prioriteit .meter__lab{ color:var(--accent-deep); }
.meter--druk .meter__fill{ background:var(--ink-soft); } .meter--druk .meter__lab{ color:var(--ink); }
.teaser{ margin:14px 0 0; font-size:.93rem; color:var(--ink-faint); }
.beperk-kop{ margin:10px 0 0; font-size:1.1rem; }
#beperkingen .point:first-of-type{ margin-top:14px; }

/* --- Intakegesprek --- */
.intake{ margin-top:54px; background:var(--paper-2); border-radius:var(--r-lg); padding:clamp(30px,5vw,48px); }
.intake h2{ margin:.4rem 0 14px; }
.intake p{ color:var(--ink-soft); max-width:62ch; }
.intake__vormen{ list-style:none; padding:0; margin:18px 0 22px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.intake__vormen li{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:14px 16px; }
.intake__vormen strong{ display:block; color:var(--ink); font-size:.98rem; margin-bottom:3px; }
.intake__vormen span{ font-size:.9rem; color:var(--ink-soft); line-height:1.45; }
.intake__eigen{ font-family:var(--font-serif); font-size:1.12rem; color:var(--ink)!important; margin:0 0 22px; }
.consent--intake{ color:var(--ink); font-size:.92rem; font-weight:600; }

/* --- Korte FAQ op de intro --- */
.faq-mini details{ border-bottom:1px solid var(--line-soft); padding:12px 0; }
.faq-mini summary{ cursor:pointer; font-weight:600; color:var(--ink); list-style:none; padding-right:26px; position:relative; }
.faq-mini summary::-webkit-details-marker{ display:none; }
.faq-mini summary::after{ content:"+"; position:absolute; right:4px; top:-2px; font-size:1.2rem; color:var(--accent-deep); }
.faq-mini details[open] summary::after{ content:"\2212"; }
.faq-mini details p{ margin:10px 0 2px; font-size:.97rem; }
.why a, .block a{ color:var(--accent-deep); }

@media (max-width:560px){ .meters, .intake__vormen{ grid-template-columns:1fr; } }