html{--font-display:'Poppins', sans-serif;--font-body:'Source Sans 3', sans-serif}.app-shot-inner{--as-blauw:#1F6E9C;--as-merk:#3399cc;--as-link:#1F6E9C;--as-vlak:#eef1f4;--as-kaart:#ffffff;--as-lijn:#e2e8ed;--as-inkt:#303e48;--as-inkt-zacht:#5c6b76;--as-gedempt:#8a97a1;--as-groen-vlak:#d8f0de;--as-groen-inkt:#1A6835;--as-rood:#C8342B;--as-geel:#f0ad3e;--as-paars:#8E4BA8;--as-radius:9px}.app-shot-inner{--fa-blauw:#3399cc;--fa-top-a:#359bce;--fa-top-b:#4ab7d7;--fa-vlak:#dadee6;--fa-tint:#eff9fd;--fa-inkt:#28272a;--fa-inkt-2:#5c6264;--fa-inkt-3:#8b9296;--fa-lijn:#ececed;--fa-lijn-2:#c1c2c4;--fa-groen:#00BE00;--fa-groen-vlak:#ebf8e9;--fa-groen-inkt:#28aa11;--fa-selectie:#dbeef7}.book-scene{min-height:100vh;background:linear-gradient(160deg,#1a6699 0%,#3399cc 55%,#5ab3dd 100%);display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem}.book-page-slot{position:relative;width:640px;max-width:100%;min-height:500px}.book-page{position:absolute;inset:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.22),0 4px 16px rgba(51,153,204,.12);border:1px solid rgba(255,255,255,.65);display:none;flex-direction:column;overflow:visible}.book-page.is-active{display:flex;animation:pageSlideIn .42s cubic-bezier(.4,0,.2,1)both}.book-page.is-active.anim-back{animation:pageSlideInBack .42s cubic-bezier(.4,0,.2,1)both}.book-page.is-exiting{display:flex;pointer-events:none;animation:pageSlideOut .3s cubic-bezier(.4,0,.2,1)both}.book-page.is-exiting-back{display:flex;pointer-events:none;animation:pageSlideOutBack .3s cubic-bezier(.4,0,.2,1)both}@keyframes pageSlideIn{from{opacity:0;transform:translateX(48px)scale(.97)}to{opacity:1;transform:translateX(0)scale(1)}}@keyframes pageSlideInBack{from{opacity:0;transform:translateX(-48px)scale(.97)}to{opacity:1;transform:translateX(0)scale(1)}}@keyframes pageSlideOut{from{opacity:1;transform:translateX(0)scale(1)}to{opacity:0;transform:translateX(-48px)scale(.97)}}@keyframes pageSlideOutBack{from{opacity:1;transform:translateX(0)scale(1)}to{opacity:0;transform:translateX(48px)scale(.97)}}.page-inner{display:flex;flex-direction:column;flex:1;padding:2.5rem 2.5rem 1.5rem}.book-cover-header{text-align:center;padding-bottom:1.75rem;border-bottom:2px solid rgba(51,153,204,.28);margin-bottom:1.75rem}.book-brand-badge{display:inline-block;background:#39c;color:#fff;font-weight:800;font-size:18px;letter-spacing:.12em;text-transform:uppercase;padding:.3rem 1rem;border-radius:4px;margin-bottom:.75rem}.book-series-label{font-size:18px;text-transform:uppercase;letter-spacing:.14em;color:#4c6b81;margin-bottom:.4rem}.book-cover-title{font-family:var(--font-display);color:#1f6e9c;font-size:32px;font-weight:800;line-height:1.15;margin-bottom:.75rem}.book-cover-desc{font-size:18px;color:#4c6b81;max-width:420px;margin:0 auto;line-height:1.6}.toc-nav{flex:1}.toc-heading{font-family:var(--font-display);color:#1f6e9c;font-size:18px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}.toc-list{list-style:none;padding:0;margin:0}.toc-item{border-bottom:1px solid rgba(51,153,204,8%)}.toc-item:last-child{border-bottom:none}.toc-link{display:grid;grid-template-columns:28px 1fr auto auto auto;align-items:center;gap:.5rem;width:100%;padding:.8rem .75rem;border-radius:12px;border:1px solid transparent;background:0 0;cursor:pointer;text-align:left;font-family:inherit;font-size:18px;color:#3c4c52;transition:background .18s,border-color .18s,transform .15s;-webkit-appearance:none}.toc-link:hover{background:rgba(170,224,240,.18);border-color:rgba(51,153,204,.28);transform:translateX(3px)}.toc-link:hover .toc-num{background:#39c;color:#fff}.toc-link:hover .toc-chevron{opacity:1;transform:translateX(3px)}.toc-link:focus-visible{outline:2px solid #39c;outline-offset:2px}.toc-num{width:26px;height:26px;border-radius:50%;background:rgba(170,224,240,.18);border:1px solid rgba(51,153,204,.28);color:#1f6e9c;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s,color .18s}.toc-chapter-title{font-weight:600;color:#3c4c52}.toc-dots{border-bottom:2px dotted rgba(51,153,204,.3);align-self:flex-end;margin-bottom:4px;min-width:24px;flex:1}.toc-page-ref{font-size:18px;color:#4c6b81;font-variant-numeric:tabular-nums}.toc-chevron{color:#1f6e9c;font-size:18px;opacity:.25;transition:opacity .18s,transform .18s}.chapter-header{border-bottom:2px solid rgba(51,153,204,.28);padding-bottom:1rem;margin-bottom:1.5rem}.chapter-eyebrow{display:block;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#1f6e9c;opacity:.6;margin-bottom:.25rem}.chapter-title{font-family:var(--font-display);color:#1f6e9c;font-size:28px;font-weight:800;margin:0;line-height:1.2}.chapter-body{flex:1}.chapter-body p{font-size:18px;line-height:1.75;color:#3c4c52;margin-bottom:1rem}.chapter-body strong{color:#3c4c52}.chapter-body .vimeo-video{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:1.25rem 0;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.1)}.chapter-body .vimeo-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.chapter-body a[href*="jortt.nl"]:not(.cta-btn),.chapter-body a[href*="app.jortt"]:not(.cta-btn){display:inline-block;margin-top:.75rem;padding:.8rem 2rem;background:#39c;color:#fff;border-radius:4px;font-weight:700;font-size:18px;text-decoration:none;transition:background .2s,transform .15s}.chapter-body a[href*="jortt.nl"]:not(.cta-btn):hover,.chapter-body a[href*="app.jortt"]:not(.cta-btn):hover{background:#024d65;transform:translateY(-2px)}.page-nav-bar{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(51,153,204,.28);background:0 0;color:inherit}.page-nav-bar.toc-footer-nav{grid-template-columns:1fr;justify-items:center}.book-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:4px;font-weight:700;font-size:18px;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,transform .15s;white-space:nowrap;-webkit-appearance:none;border:2px solid transparent;width:100%}.book-btn:focus-visible{outline:2px solid #39c;outline-offset:2px}.book-btn:active{transform:scale(.97)}.book-btn-primary{background:#39c;color:#fff;border-color:#39c}.book-btn-primary:hover{background:#024d65;border-color:#024d65;transform:translateY(-1px)}.book-btn-outline{background:#39c;color:#fff;border-color:#39c}.book-btn-outline:hover{background:#024d65;border-color:#024d65;transform:translateY(-1px)}.book-btn-ghost{background:0 0;color:#1f6e9c;border-color:rgba(51,153,204,.28);font-size:18px;justify-content:center}.book-btn-ghost:hover{background:rgba(170,224,240,.18);border-color:#39c}.next-btn{justify-content:center}.curl{width:80px;height:80px;position:absolute;bottom:0;right:0;cursor:pointer;z-index:10;border-radius:0 0 12px 0;background:linear-gradient(315deg,#ffffff,#f3f3f3 45%,#ddd 50%,#aaa 50%,#bbb 56%,#ccc 62%,#f3f3f3 80%,#ffffff 100%);filter:drop-shadow(-3px -3px 6px rgba(0,0,0,.22))drop-shadow(-1px -1px 2px rgba(0,0,0,.1));transition:width .5s ease,height .5s ease,filter .5s ease}.curl:hover{width:160px;height:160px;filter:drop-shadow(-6px -6px 14px rgba(0,0,0,.35))drop-shadow(-2px -2px 4px rgba(0,0,0,.15))}.page-indicator-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.75rem;margin-top:.5rem}.page-num-label{font-size:18px;color:#4c6b81;font-variant-numeric:tabular-nums}.page-progress-dots{display:flex;gap:.4rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:rgba(51,153,204,.25);border:1px solid rgba(51,153,204,.28);cursor:pointer;transition:background .18s,transform .15s}.progress-dot:hover{background:rgba(51,153,204,.55);transform:scale(1.2)}.progress-dot.is-active{background:#39c;border-color:#39c;transform:scale(1.15)}@media(max-width:680px){.book-scene{padding:1.5rem .75rem 3rem}.page-inner{padding:1.75rem 1.25rem 1.25rem}.book-cover-title{font-size:28px}.chapter-title{font-size:24px}.page-nav-bar{grid-template-columns:1fr 1fr}.page-nav-bar .book-btn-ghost{grid-column:1/-1;order:3}.curl{display:none}}