.site{background:var(--papier);color:var(--grafiet)}.site .wrap{max-width:1060px;margin:0 auto;padding:0 24px}.site section{padding:72px 0}.site section+section{border-top:1px solid var(--lijn)}.site .sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:36px;flex-wrap:wrap}.site .sec-head .num{font-family:var(--mono);font-size:12px;color:var(--schoolbord);letter-spacing:.1em}.site .sec-head h2{font-size:clamp(26px,4vw,38px)}.site .sec-head .note{font-size:14px;color:var(--muted);max-width:420px;margin-left:auto}.site .prose{font-size:16.5px;line-height:1.65;max-width:64ch}.site .prose+.prose{margin-top:14px}.hero{background:var(--schoolbord);color:var(--krijt);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:radial-gradient(circle at 20% 30%,#fff .5px,transparent .6px),radial-gradient(circle at 70% 60%,#fff .5px,transparent .6px),radial-gradient(circle at 45% 85%,#fff .4px,transparent .5px);background-size:140px 140px,180px 180px,120px 120px}.hero-inner{padding:30px 24px 84px;max-width:1060px;margin:0 auto;position:relative;z-index:1}.hero-nav{gap:18px;padding:0 0 56px}.hero-nav,.hero-nav .links{display:flex;align-items:center;flex-wrap:wrap}.hero-nav .links{margin-left:auto;gap:6px}.hero-nav a{color:var(--krijt);text-decoration:none;font-size:14px;padding:7px 12px;border-radius:7px;opacity:.9}.hero-nav a:hover{background:rgba(246,243,234,.12);opacity:1}.hero .eyebrow{color:var(--krijt);opacity:.75}.hero h1{font-size:clamp(44px,8vw,92px);line-height:.98;letter-spacing:-.01em;margin:18px 0 0;text-shadow:0 0 18px rgba(246,243,234,.12);max-width:14ch}.hero .sub{font-size:clamp(16px,2vw,19px);margin-top:22px;max-width:52ch;opacity:.92;line-height:1.6}.hero-lijn{width:100%;height:64px;display:block;margin-top:34px}.hero-lijn path{fill:none;stroke:var(--krijt);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:hero-draw 2.2s ease .5s forwards}.hero-lijn circle{fill:var(--krijt);opacity:0;animation:hero-pop .4s ease 2.5s forwards}@keyframes hero-draw{to{stroke-dashoffset:0}}@keyframes hero-pop{to{opacity:1}}.hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn-krijt{background:var(--krijt);color:var(--schoolbord);font-weight:600;font-size:15px;border:none;border-radius:8px;padding:13px 24px;cursor:pointer;text-decoration:none;display:inline-block}.btn-krijt:hover{background:#fff}.btn-omlijnd{background:transparent;color:var(--krijt);font-weight:500;font-size:15px;border:1px solid rgba(246,243,234,.45);border-radius:8px;padding:12px 22px;cursor:pointer;text-decoration:none;display:inline-block}.btn-omlijnd:hover{border-color:var(--krijt)}.hero-foot{margin-top:52px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;opacity:.8}.demo-moment{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:26px;gap:26px;align-items:stretch}@media (max-width:860px){.demo-moment{grid-template-columns:1fr}}.mock-planner{background:#fff;border:1px solid var(--lijn);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(28,79,64,.07)}.mock-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--lijn)}.mock-top .crumb{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.05em}.mock-body{padding:18px}.mock-body h4{font-size:19px;margin-bottom:2px}.mock-body .sub{font-size:13px;color:var(--muted);margin-bottom:14px}.mock-weken{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.mock-week{border:1px solid var(--lijn);border-radius:8px;padding:10px;font-size:12px;min-height:86px;background:var(--papier)}.mock-week .w{font-family:var(--mono);font-size:10px;color:var(--muted-2);letter-spacing:.06em}.mock-week .t{font-weight:600;margin-top:4px;font-size:12.5px;line-height:1.3}.mock-pill{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:9.5px;padding:2px 7px;border-radius:99px;letter-spacing:.04em}.mock-pill.les{background:var(--groen-zacht);color:var(--schoolbord)}.mock-pill.toets{background:var(--rood-zacht);color:var(--nakijkpen)}.mock-week{opacity:0;animation:week-in 9s infinite}.mock-week:first-child{animation-delay:.4s}.mock-week:nth-child(2){animation-delay:1.1s}.mock-week:nth-child(3){animation-delay:1.8s}.mock-week:nth-child(4){animation-delay:2.5s}@keyframes week-in{0%{opacity:0;transform:translateY(6px)}8%,88%{opacity:1;transform:none}96%,to{opacity:0}}.mock-doc{background:#fff;border:1px solid var(--lijn);border-radius:10px;padding:24px 24px 26px;box-shadow:0 10px 30px rgba(28,79,64,.07);position:relative;font-size:13px;opacity:0;animation:doc-in 9s infinite;animation-delay:3.4s}@keyframes doc-in{0%{opacity:0;transform:translateY(10px)}7%,86%{opacity:1;transform:none}94%,to{opacity:0}}.mock-doc .school{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mock-doc .sq{width:30px;height:30px;border-radius:6px;background:#3b5ba5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.mock-doc .school b{font-size:14px}.mock-doc .school span{display:block;font-size:11px;color:var(--muted-2)}.mock-doc h5{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:2px}.doc-meta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-bottom:13px;letter-spacing:.04em}.doc-line{border-bottom:1px solid var(--lijn);padding:8px 0;display:flex;justify-content:space-between;gap:10px}.doc-line .pts{font-family:var(--mono);font-size:11px;color:var(--muted-2);flex:0 0 auto}.redmark{position:absolute;top:16px;right:18px;color:var(--nakijkpen);font-family:var(--serif);font-style:italic;font-size:18px;transform:rotate(-6deg)}.doc-foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a3a69d}.doc-foot .by{font-family:var(--serif)}.doc-foot .by i{font-style:italic}.demo-caption{text-align:center;font-family:var(--serif);font-size:19px;color:#454841;margin-top:26px}@media (prefers-reduced-motion:reduce){.hero-lijn path{animation:none;stroke-dashoffset:0}.hero-lijn circle,.mock-doc,.mock-week{animation:none;opacity:1}.mock-doc,.mock-week{transform:none}}.stappen{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;position:relative}@media (max-width:760px){.stappen{grid-template-columns:1fr}}.stap{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:24px}.stap .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--schoolbord)}.stap h3{font-size:20px;margin:10px 0 8px}.stap p{font-size:14.5px;color:var(--muted);line-height:1.6}.stappen-lijn{width:100%;height:36px;display:block;margin-bottom:-6px}.veilig{background:var(--krijt);border-top:1px solid var(--lijn)}.pii-proef{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:22px;box-shadow:0 10px 30px rgba(28,79,64,.07)}.pii-proef label{font-size:13.5px}.pii-uitslag{border:1px solid var(--nakijkpen);background:var(--rood-zacht);border-radius:10px;padding:12px 14px;font-size:14px;margin-top:12px}.veilig-feiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:26px}.feit{background:#fff;border:1px solid var(--lijn);border-radius:10px;padding:18px 20px}.feit .kop{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--schoolbord)}.feit p{font-size:14px;color:var(--grafiet);margin-top:8px;line-height:1.55}.tiers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:760px){.tiers{grid-template-columns:1fr}}.tier-doc{background:#fff;border:1px solid var(--lijn);border-radius:10px;padding:18px;font-size:11.5px;box-shadow:0 6px 20px rgba(28,79,64,.05)}.tier-doc .tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:var(--groen-zacht);color:var(--schoolbord)}.tier-doc h6{font-family:var(--serif);font-weight:500;font-size:15px;margin:10px 0 8px}.tier-regel{border-bottom:1px solid var(--lijn);padding:5.5px 0;color:var(--muted);display:flex;gap:8px}.tier-regel .n{font-family:var(--mono);font-size:10px;color:var(--muted-2)}.tier-blok{background:var(--groen-zacht);border-radius:6px;padding:7px 9px;margin-bottom:8px;font-size:10.5px;color:var(--schoolbord)}.besturen-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:26px;gap:26px;align-items:center}@media (max-width:860px){.besturen-grid{grid-template-columns:1fr}}.mock-dash{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:18px;box-shadow:0 10px 30px rgba(28,79,64,.07)}.mock-kpis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.mock-kpi{border:1px solid var(--lijn);border-radius:8px;padding:12px 14px}.mock-kpi .l{font-size:11px;color:var(--muted)}.mock-kpi .v{font-family:var(--serif);font-size:24px;color:var(--schoolbord)}.mock-kpi .v.rood{color:var(--nakijkpen)}.mock-balken{display:flex;align-items:flex-end;gap:7px;height:72px;margin-top:12px;padding:0 4px}.mock-balken div{flex:1 1;background:var(--schoolbord);opacity:.9;border-radius:3px 3px 0 0}.roi{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:26px;box-shadow:0 10px 30px rgba(28,79,64,.07)}.roi-invoer{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:22px;gap:22px}.roi-invoer label{font-size:13.5px}.roi-toelichting{font-size:12px;color:var(--muted-2);margin-top:4px}.roi-uitkomst{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid var(--lijn)}.roi-cel .l{font-size:12.5px;color:var(--muted)}.roi-cel .v{font-family:var(--serif);font-size:clamp(26px,3vw,34px);color:var(--schoolbord);margin:4px 0 2px}.roi-cel.accent .v{color:var(--nakijkpen)}.roi-cel .s{font-size:11.5px;color:var(--muted-2);line-height:1.45}.prijs-kaart{background:var(--schoolbord);color:var(--krijt);border-radius:14px;padding:clamp(28px,5vw,48px);display:grid;grid-template-columns:1.2fr .8fr;grid-gap:26px;gap:26px;align-items:center}@media (max-width:760px){.prijs-kaart{grid-template-columns:1fr}}.prijs-kaart h2{font-size:clamp(24px,3.4vw,34px)}.prijs-kaart p{font-size:15.5px;opacity:.92;line-height:1.65;margin-top:12px;max-width:52ch}.pilot-kaart{background:#fff;border:1.5px dashed var(--lijn);border-radius:12px;padding:26px}.faq details{border-bottom:1px solid var(--lijn)}.faq summary{cursor:pointer;list-style:none;padding:18px 4px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:14px;align-items:baseline}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--serif);color:var(--schoolbord);font-size:20px;flex:0 0 auto}.faq details[open] summary:after{content:"-"}.faq .antwoord{padding:0 4px 20px;font-size:15px;color:#454841;line-height:1.65;max-width:68ch}.site-footer{background:var(--schoolbord);color:var(--krijt)}.site-footer .inner{max-width:1060px;margin:0 auto;padding:46px 24px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.site-footer a,.site-footer p{font-size:13.5px;opacity:.85;color:var(--krijt)}.site-footer a:hover{opacity:1}.demo-dialog::-webkit-backdrop{background:rgba(43,46,42,.45)}.demo-dialog::backdrop{background:rgba(43,46,42,.45)}.demo-dialog{border:none;border-radius:14px;padding:0;width:min(480px,calc(100vw - 32px));background:var(--papier);color:var(--grafiet)}.demo-dialog .kop{background:var(--schoolbord);color:var(--krijt);padding:20px 24px}.demo-dialog .body{padding:22px 24px 26px}.demo-dialog .veld{margin-bottom:14px}.overgang{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:clip}.overgang--preload,.overgang--preload-klaar{background:var(--schoolbord);display:flex;align-items:center;justify-content:center}.overgang__preloader{display:inline-flex;flex-direction:column;align-items:stretch;gap:10px}.overgang__balk{width:100%;height:26px;overflow:visible}.overgang__balk path{stroke-dasharray:1;stroke-dashoffset:1;animation:overgang-laden 1.4s cubic-bezier(.45,0,.2,1) .15s forwards}.overgang__punt{opacity:0;transform-origin:314px 5px}.overgang--preload-klaar .overgang__punt{animation:overgang-punt .35s ease forwards}.overgang--preload-klaar{animation:overgang-wegvegen .7s cubic-bezier(.7,0,.2,1) .45s forwards}@keyframes overgang-laden{to{stroke-dashoffset:0}}@keyframes overgang-punt{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes overgang-wegvegen{to{transform:translateY(-101%)}}.overgang__veeg{position:absolute;top:-25%;left:-25%;width:150%;height:150%}.overgang--dekken .overgang__veeg path{stroke-dasharray:1;stroke-dashoffset:1;stroke-width:60;animation:overgang-dekken .85s cubic-bezier(.55,0,.3,1) forwards}@keyframes overgang-dekken{55%{stroke-dashoffset:.12;stroke-width:220}to{stroke-dashoffset:0;stroke-width:1600}}.overgang--onthullen{background:transparent}.overgang--onthullen .overgang__veeg path{stroke-dasharray:1;stroke-dashoffset:0;stroke-width:1600;animation:overgang-onthullen .9s cubic-bezier(.55,0,.3,1) .05s forwards}@keyframes overgang-onthullen{40%{stroke-width:320}to{stroke-dashoffset:-1;stroke-width:36}}@media (prefers-reduced-motion:reduce){.overgang{display:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.site section .wrap>*{animation:sectie-in linear both;animation-timeline:view();animation-range:entry 0 entry 28%}@keyframes sectie-in{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}}}