.kleurboek-page{background:#10170f;color:var(--ink)}
.book-topbar .book-home-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff3d;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.book-topbar .book-home-link:hover{border-color:var(--gold);color:var(--gold)}

.book-hero{min-height:760px;padding:150px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#d9a23722 0 18%,transparent 52%),linear-gradient(135deg,#10170f 0%,#1d2b1d 55%,#3a281a 100%)}
.book-hero:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(90deg,transparent 49%,#f1d38933 50%,transparent 51%);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}
.book-hero-glow{position:absolute;width:650px;height:650px;right:-160px;top:30px;background:radial-gradient(circle,#e7ad3434,transparent 68%);filter:blur(4px)}
.book-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.book-hero-copy{max-width:650px}
.book-hero-copy h1,.preview-heading h2,.contents-copy h2,.interest-copy h2{font-family:Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;font-weight:900;line-height:.91;margin:10px 0 18px;text-shadow:0 10px 28px #0008}
.book-hero-copy h1{font-size:clamp(58px,6.4vw,104px)}
.book-hero-copy h1 em,.interest-copy h2 em{font-style:normal;color:var(--gold)}
.book-hero-copy>p{font-size:18px;line-height:1.7;color:#eee4cb;max-width:620px}
.book-badges{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.book-badges span{background:#f2e2c710;border:1px solid #f2e2c72b;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:850;color:#f6edda}
.book-hero-buttons{margin-top:30px}
.hero-book-object{position:relative;min-height:520px;display:grid;place-items:center;perspective:1300px}
.hero-book-object img{position:relative;z-index:2;width:min(92%,760px);border-radius:7px;box-shadow:-12px 18px 0 #e9ddc2,0 36px 75px #0009;transform:rotateY(-8deg) rotateZ(2deg);animation:bookFloat 5s ease-in-out infinite}
.hero-book-shadow{position:absolute;width:70%;height:12%;bottom:5%;border-radius:50%;background:#0008;filter:blur(22px)}
@keyframes bookFloat{50%{transform:rotateY(-5deg) rotateZ(.5deg) translateY(-10px)}}

.preview-section{padding:110px 0 100px;background:linear-gradient(#10170f,#121a12 30%,#0d120d)}
.preview-heading{text-align:center;max-width:830px;margin:0 auto 54px}
.preview-heading h2{font-size:clamp(54px,6vw,86px)}
.preview-heading p{font-size:16px;line-height:1.7;color:#dbd3bd}
.flipbook-wrap{max-width:1340px;margin:0 auto}
.flipbook{position:relative;min-height:590px;display:grid;place-items:center;perspective:1800px;isolation:isolate}
.book-desk-shadow{position:absolute;width:78%;height:15%;left:11%;bottom:2%;background:#000b;border-radius:50%;filter:blur(30px);z-index:-1}
.closed-book,.back-book{position:absolute;width:min(760px,67vw);aspect-ratio:1.414/1;padding:0;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .45s ease,visibility .45s}
.closed-book img,.back-book img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;box-shadow:-10px 16px 0 #eadfc8,0 30px 65px #000a}
.closed-book{z-index:4;transform:rotateY(-5deg) rotateZ(1deg)}
.closed-book:hover{transform:rotateY(-2deg) rotateZ(0) translateY(-5px)}
.closed-book-spine{position:absolute;z-index:5;left:0;top:0;bottom:0;width:18px;border-radius:8px 0 0 8px;background:linear-gradient(90deg,#261710aa,#efe1c730,#0004);pointer-events:none}
.open-hint{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);padding:10px 15px;border-radius:999px;background:#111810e8;border:1px solid #e9c66d63;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;box-shadow:0 8px 28px #0007}
.open-book{width:min(1240px,94vw);display:grid;grid-template-columns:1fr 1fr;position:relative;opacity:0;visibility:hidden;transform:scale(.94) translateY(12px);transition:opacity .5s .25s ease,transform .6s .25s ease,visibility .5s .25s;transform-style:preserve-3d}
.flipbook.is-open .closed-book{transform-origin:left center;transform:translateX(-32%) rotateY(-155deg);opacity:0;visibility:hidden;pointer-events:none}
.flipbook.is-open .open-book{opacity:1;visibility:visible;transform:scale(1) translateY(0)}
.paper{position:relative;margin:0;background:#fff;aspect-ratio:1.414/1;overflow:hidden;box-shadow:0 25px 55px #0008;border:1px solid #d8cfbe;backface-visibility:hidden}
.paper-left{border-radius:12px 2px 2px 12px;transform-origin:right center}
.paper-right{border-radius:2px 12px 12px 2px;transform-origin:left center}
.paper img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.paper figcaption{position:absolute;left:12px;bottom:10px;max-width:calc(100% - 24px);background:#11170ed6;color:#fff;border:1px solid #ffffff2b;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s;pointer-events:none}
.paper:hover figcaption{opacity:1;transform:none}
.book-gutter{position:absolute;z-index:5;left:50%;top:0;bottom:0;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,#0003,transparent 35%,transparent 65%,#0003);pointer-events:none}
.page-turn-sheet{position:absolute;z-index:8;top:0;right:0;width:50%;height:100%;transform-origin:left center;pointer-events:none;opacity:0;border-radius:2px 12px 12px 2px;background:#fff center/cover no-repeat;box-shadow:-12px 0 24px #0004}
.page-turn-sheet.turn-next{opacity:1;animation:pageTurnNext .44s ease-in forwards}
.page-turn-sheet.turn-prev{right:auto;left:0;transform-origin:right center;opacity:1;animation:pageTurnPrev .44s ease-in forwards}
@keyframes pageTurnNext{0%{transform:rotateY(0)}48%{transform:rotateY(-76deg);filter:brightness(.88)}100%{transform:rotateY(-180deg);opacity:.12}}
@keyframes pageTurnPrev{0%{transform:rotateY(0)}48%{transform:rotateY(76deg);filter:brightness(.88)}100%{transform:rotateY(180deg);opacity:.12}}
.back-book{opacity:0;visibility:hidden;transform:rotateY(7deg) rotateZ(-1deg);z-index:3}
.back-book img{box-shadow:10px 16px 0 #eadfc8,0 30px 65px #000a}
.flipbook.is-back .open-book{opacity:0;visibility:hidden;transform:scale(.96)}
.flipbook.is-back .back-book{opacity:1;visibility:visible;transform:rotateY(3deg) rotateZ(0);cursor:default}
.flipbook.is-back .closed-book{visibility:hidden;opacity:0}
.book-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;max-width:900px;margin:24px auto 0}
.book-nav-btn{border:1px solid #ffffff31;background:#192218;color:#fff;border-radius:999px;padding:12px 17px;font-weight:900;cursor:pointer;transition:.2s}
.book-nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.book-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.book-progress{text-align:center;min-width:0}
.book-progress strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}
.book-progress span{display:block;margin-top:3px;color:#fff9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-note{text-align:center;max-width:760px;margin:20px auto 0;color:#ada894;font-size:12px;line-height:1.6}

.contents-section{padding:100px 0 115px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.contents-copy h2{font-size:clamp(48px,5vw,78px)}
.contents-copy p{color:#d7d0bb;line-height:1.7;font-size:16px}
.contents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contents-grid article{min-height:230px;padding:26px;border:1px solid #e5c7752d;border-radius:20px;background:linear-gradient(155deg,#223021,#121912);box-shadow:0 18px 45px #0004}
.contents-grid article>span{display:block;font:900 54px/1 Impact,"Arial Narrow Bold",sans-serif;color:var(--gold)}
.contents-grid strong{display:block;margin-top:10px;text-transform:uppercase;font-size:14px}
.contents-grid p{font-size:13px;line-height:1.55;color:#cfc7b0}

.interest-section{padding:110px 0 120px;background:radial-gradient(circle at 15% 40%,#b0301f25,transparent 35%),linear-gradient(145deg,#233722,#11170f 56%,#3c2419)}
.interest-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:80px;align-items:center}
.interest-copy h2{font-size:clamp(58px,6vw,92px)}
.interest-copy>p{font-size:17px;line-height:1.75;color:#ede5d0}
.interest-note{margin-top:28px;display:flex;gap:14px;align-items:flex-start;background:#efe2c50c;border:1px solid #efe2c523;border-radius:16px;padding:17px}
.interest-note>span{font-size:26px}
.interest-note p{margin:0;font-size:13px;line-height:1.6;color:#d9d1bb}
.interest-card{position:relative;background:#f4ead4;color:#20231c;border-radius:26px;padding:34px;box-shadow:0 32px 80px #0009;border:1px solid #fff7;overflow:hidden}
.interest-card:before{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-100px;background:radial-gradient(circle,#e7ad3457,transparent 70%);pointer-events:none}
.form-row{position:relative;z-index:2;margin-bottom:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.interest-card label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;color:#47483e}
.interest-card input,.interest-card select{width:100%;margin-top:7px;border:1px solid #afa890;background:#fffdf7;color:#20231c;border-radius:11px;padding:13px 14px;font:inherit;font-size:14px;outline:none;transition:.2s}
.interest-card input:focus,.interest-card select:focus{border-color:#9a5a22;box-shadow:0 0 0 3px #d7a73b2c}
.optional{font-size:9px;font-weight:700;opacity:.55;margin-left:3px}
.check-row{display:flex!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.5;margin:7px 0 0;color:#4f5047!important}
.check-row input{width:18px!important;height:18px;margin:1px 0 0!important;flex:0 0 auto;accent-color:#a72c1d}
.privacy-line{font-size:11px;line-height:1.5;color:#747466;margin:14px 0 18px}
.form-action-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.form-submit{min-width:190px}.form-submit:disabled{opacity:.58;cursor:wait}
.form-status{font-size:12px;font-weight:750;color:#8d291d;max-width:260px}
.form-success{text-align:center;padding:30px 8px 22px}.success-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#274729;color:#fff;font-size:34px;font-weight:900}.form-success h3{font:900 48px/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:0 0 12px;color:#273020}.form-success p{max-width:500px;margin:0 auto 24px;line-height:1.65;color:#5c5a50}.form-success .btn-ghost{background:#253023;color:#fff;border-color:#253023}
.bot-field{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.form-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}
.book-footer{margin-top:0}

@media(max-width:1100px){
  .book-hero-grid,.contents-section,.interest-grid{grid-template-columns:1fr}
  .book-hero-grid{gap:25px}.book-hero-copy{text-align:center;margin:0 auto}.book-hero-copy>p{margin-inline:auto}.book-badges,.book-hero-buttons{justify-content:center}.hero-book-object{min-height:390px}.hero-book-object img{width:min(78%,690px)}
  .contents-section{gap:35px}.contents-copy{text-align:center;max-width:760px;margin:auto}.interest-grid{gap:42px}.interest-copy{text-align:center;max-width:760px;margin:auto}.interest-note{text-align:left}
}

@media(max-width:760px){
  .book-top-actions{display:none}.book-topbar .nav{top:68px}
  .book-hero{min-height:auto;padding:120px 0 60px}.book-hero-copy h1{font-size:clamp(46px,13vw,62px)}.book-hero-copy>p{font-size:15px}.book-badges{gap:7px}.book-badges span{font-size:10px;padding:8px 10px}.hero-book-object{min-height:300px}.hero-book-object img{width:90%;box-shadow:-7px 10px 0 #e9ddc2,0 25px 50px #0009}
  .preview-section{padding:75px 0 80px}.preview-heading{margin-bottom:34px}.preview-heading h2{font-size:52px}.preview-heading p{font-size:14px}
  .flipbook{min-height:420px}.closed-book,.back-book{width:min(92vw,620px)}
  .open-book{width:min(94vw,640px);grid-template-columns:1fr}.paper{display:none;border-radius:10px!important;aspect-ratio:1.414/1}.paper.mobile-visible{display:block}.book-gutter{display:none}.page-turn-sheet{width:100%;right:0;border-radius:10px}.page-turn-sheet.turn-prev{left:0}
  .book-controls{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.book-progress{grid-column:1/-1;grid-row:1;text-align:center}.book-nav-btn{grid-row:2;padding:12px}.book-nav-btn span{display:inline}.preview-note{font-size:11px;padding:0 10px}
  .contents-section{padding:75px 0 85px}.contents-copy h2{font-size:51px}.contents-grid{grid-template-columns:1fr}.contents-grid article{min-height:0}.contents-grid article>span{font-size:46px}
  .interest-section{padding:80px 0}.interest-copy h2{font-size:56px}.interest-copy>p{font-size:15px}.interest-card{padding:23px 18px;border-radius:20px}.two-col{grid-template-columns:1fr}.form-row{margin-bottom:14px}.form-action-row{display:block}.form-submit{width:100%}.form-status{display:block;max-width:none;margin-top:12px;text-align:center}
}

@media(max-width:390px){.book-nav-btn span{display:none}.flipbook{min-height:340px}.preview-heading h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-book-object img{animation:none}.page-turn-sheet.turn-next,.page-turn-sheet.turn-prev{animation:none}.flipbook *{transition:none!important}}