.site{--beweging-snel:.2s;--beweging:.35s;--beweging-traag:.6s;--curve-in:cubic-bezier(.05, .7, .1, 1);--curve:cubic-bezier(.4, 0, .2, 1);z-index:1;max-width:1120px;padding:0 var(--nook-space-6) var(--nook-space-16);gap:var(--nook-space-20);flex-direction:column;margin:0 auto;display:flex;position:relative}.site-balk{z-index:20;align-items:center;gap:var(--nook-space-6);padding:var(--nook-space-4) 0;background:color-mix(in srgb, var(--nook-color-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nook-color-border);margin-bottom:calc(var(--nook-space-20) * -1 + var(--nook-space-8));display:flex;position:sticky;top:0}.site-merk{align-items:center;display:flex}.site-nav{gap:var(--nook-space-6);font-size:13.5px;font-weight:500;display:flex}.site-nav a{color:var(--nook-color-text-secondary);transition:color var(--beweging-snel) var(--curve);text-decoration:none}.site-nav a:hover{color:var(--nook-color-text)}.site-acties{align-items:center;gap:10px;margin-left:auto;display:flex}.seg.klein a,.seg.klein button{color:var(--nook-color-text-secondary);font:600 12px var(--nook-font-body);border-radius:var(--nook-radius-xs);cursor:pointer;background:0 0;border:0;padding:6px 10px}.seg.klein button.actief{background:var(--nook-color-surface-raised);color:var(--nook-color-text);box-shadow:var(--nook-shadow-sm)}.hero{text-align:center;justify-items:center;gap:var(--nook-space-6);padding-top:var(--nook-space-16);padding-bottom:var(--nook-space-6);display:grid}.hero.smal{padding-bottom:0}.kicker{font:var(--nook-text-label);letter-spacing:var(--nook-letter-spacing-label);text-transform:uppercase;color:var(--nook-color-accent-text)}.hero h1{font-family:var(--nook-font-display);letter-spacing:var(--nook-letter-spacing-display);text-transform:uppercase;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(34px,6.4vw,66px);line-height:1.02}.hero-tekst{max-width:62ch;font:var(--nook-text-body-lg);color:var(--nook-color-text-secondary);margin:0}.hero-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-punten{gap:var(--nook-space-6);color:var(--nook-color-text-secondary);flex-wrap:wrap;justify-content:center;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.hero-punten li{align-items:center;gap:8px;display:flex}.hero-punten svg{width:16px;height:16px;color:var(--nook-color-accent);stroke-width:2px}.hero-beeld{width:100%;margin-top:var(--nook-space-8);position:relative}.hero-beeld:before{content:"";background:radial-gradient(60% 60% at 50% 40%, color-mix(in srgb, var(--nook-color-accent) 18%, transparent), transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;position:absolute;inset:10% 15% -10%}.schermbeeld{z-index:1;text-align:left;border-radius:var(--nook-radius-xl);max-width:980px;box-shadow:var(--nook-shadow-lg);margin:0 auto;position:relative}.schermbeeld:before{content:"";z-index:2;border-radius:var(--nook-radius-xl) var(--nook-radius-xl) 0 0;background:linear-gradient(90deg, transparent, var(--nook-color-accent) 30%, var(--nook-color-accent) 70%, transparent);height:2px;position:absolute;inset:0 0 auto}.schermbeeld .bp{--grond:var(--nook-color-bg);--kaart:var(--nook-color-surface-raised);--tekst:var(--nook-color-text);--tekst-zacht:var(--nook-color-text-secondary);--tekst-vaag:var(--nook-color-text-muted);--lijn:var(--nook-color-border);--vlak:var(--nook-color-bg-sunken);--vlak-sterk:var(--nook-color-bg-sunken);--accent:var(--nook-color-accent);--accent-tekst:var(--nook-color-text-on-accent);--accent-zacht:var(--nook-color-accent-tint);--schaduw:none;--font:var(--nook-font-body);--font-kop:var(--nook-font-body);font-family:var(--nook-font-body)}.schermbeeld .bp-kaart{border-radius:var(--nook-radius-xl);max-width:none}.schermbeeld .bp-info h1{font:600 21px/1.3 var(--nook-font-body);letter-spacing:-.02em;text-transform:none}.schermbeeld .bp-werk h2{font:600 17px/1.3 var(--nook-font-body);letter-spacing:-.01em;text-transform:none}.schermbeeld .bp-tijden h3{font:600 15px/1.3 var(--nook-font-body);letter-spacing:0;text-transform:capitalize}.schermbeeld .bp-tijd.gekozen{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.schermbeeld .bp-dag,.schermbeeld .bp-tijd,.schermbeeld .bp-segment button{transition:background-color var(--beweging-snel) var(--curve), border-color var(--beweging-snel) var(--curve), color var(--beweging-snel) var(--curve), transform var(--beweging-snel) var(--curve)}.schermbeeld .bp-tijd:active,.schermbeeld .bp-dag.vrij:active{transform:scale(.97)}.schermbeeld .bp-tijdlijst{max-height:none;overflow:visible}.schermbeeld .bp-zone{font-weight:500}.site main{gap:var(--nook-space-24);display:grid}.blok{gap:var(--nook-space-10);display:grid}.blok.smal{width:100%;max-width:640px;margin:0 auto}.blok-kop{gap:10px;max-width:56ch;display:grid}.blok-kop h2{font-family:var(--nook-font-display);letter-spacing:var(--nook-letter-spacing-display);text-transform:uppercase;margin:0;font-size:clamp(24px,3.4vw,36px);line-height:1.1}.blok-kop p{color:var(--nook-color-text-secondary);margin:0;font-size:16px}.blok-kop:before{content:"";background:var(--nook-color-accent);transform-origin:0;width:40px;height:2px;transition:transform var(--beweging-traag) var(--curve-in) .12s;border-radius:2px;display:block}.reveal-init .blok-kop:before,.blok-kop.reveal-init:before{transform:scaleX(0)}.reveal-in .blok-kop:before,.blok-kop.reveal-in:before{transform:scaleX(1)}.site .paneel{transition:border-color var(--beweging-snel) var(--curve), box-shadow var(--beweging-snel) var(--curve), transform .12s ease-out;position:relative;overflow:hidden}.stappen{gap:var(--nook-space-6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stappen li{align-content:start;gap:6px;display:grid}.stapnummer{border-radius:var(--nook-radius-sm);background:var(--nook-color-accent-tint);width:36px;height:36px;color:var(--nook-color-accent-text);place-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:inline-grid}.stappen h3{font:600 17px var(--nook-font-body);margin:0}.stappen p{color:var(--nook-color-text-secondary);margin:0;font-size:14px}.kenmerken{gap:var(--nook-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kenmerken h3{font:600 16px var(--nook-font-body);margin:0 0 8px}.kenmerken p{color:var(--nook-color-text-secondary);margin:0;font-size:14px}.prijzen{gap:var(--nook-space-8);display:grid}.prijzen-knoppen{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.schuif{background:var(--nook-color-bg-sunken);border-radius:var(--nook-radius-md);gap:2px;padding:3px;display:inline-flex}.schuif button{color:var(--nook-color-text-secondary);font:600 13px var(--nook-font-body);border-radius:var(--nook-radius-sm);cursor:pointer;transition:background var(--beweging-snel) var(--curve), color var(--beweging-snel) var(--curve);background:0 0;border:0;padding:9px 18px}.schuif button.actief{background:var(--nook-color-surface-raised);color:var(--nook-color-text);box-shadow:var(--nook-shadow-sm)}.schuif button{align-items:center;gap:8px;display:inline-flex}.kortingspil{font:600 11px var(--nook-font-body);color:var(--nook-color-accent-text);background:var(--nook-color-accent-tint);border-radius:var(--nook-radius-xs);padding:3px 7px;line-height:1}.schuif button.actief .kortingspil{background:var(--nook-color-accent);color:var(--nook-color-text-on-accent)}.muntkiezer{margin-left:6px}.prijzen-kaarten{gap:var(--nook-space-5);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.site .prijskaart{flex-direction:column;gap:12px;display:flex;overflow:visible}.prijskaart.populair{border-color:color-mix(in srgb, var(--nook-color-accent) 45%, transparent);box-shadow:var(--nook-shadow-md), var(--nook-shadow-glow-accent)}.prijskaart-vlag{top:-11px;left:var(--nook-space-6);background:var(--nook-color-accent);color:var(--nook-color-text-on-accent);font:600 11px var(--nook-font-body);border-radius:var(--nook-radius-xs);z-index:2;padding:4px 10px;position:absolute}.prijskaart h3{font:600 18px var(--nook-font-body);margin:0}.prijskaart-zin{color:var(--nook-color-text-secondary);min-height:2.6em;margin:-6px 0 0;font-size:13.5px}.prijskaart-bedrag{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.prijskaart-bedrag .bedrag{font-size:32px;font-weight:600}.prijskaart-bedrag .periode{color:var(--nook-color-text-muted);font-size:12.5px}.prijskaart-noot{color:var(--nook-color-text-muted);min-height:1.2em;margin:-8px 0 0;font-size:12px}.prijskaart .knop{width:100%}.prijskaart-punten{color:var(--nook-color-text-secondary);gap:8px;margin:6px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.prijskaart-punten li{grid-template-columns:16px 1fr;align-items:start;gap:8px;display:grid}.prijskaart-punten svg{width:14px;height:14px;color:var(--nook-color-accent);stroke-width:2.4px;margin-top:4px}.prijzen-noot,.tabel.vergelijk td.midden{text-align:center}.tabel.vergelijk svg{width:16px;height:16px;color:var(--nook-color-accent);stroke-width:2.4px}.vragen{gap:10px;max-width:800px;display:grid}.vragen details{border:1px solid var(--nook-color-border);border-radius:var(--nook-radius-lg);background:var(--nook-color-surface-raised);padding:0 var(--nook-space-5);transition:border-color var(--beweging-snel) var(--curve)}.vragen details:hover,.vragen details[open]{border-color:color-mix(in srgb, var(--nook-color-accent) 40%, transparent)}.vragen summary{cursor:pointer;font:600 15px var(--nook-font-body);padding:var(--nook-space-4) 0;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.vragen summary::-webkit-details-marker{display:none}.vragen summary:after{content:"+";color:var(--nook-color-accent-text);transition:transform var(--beweging) var(--curve-in);font-size:20px;line-height:1}.vragen details[open] summary:after{transform:rotate(45deg)}.vragen p{padding:0 0 var(--nook-space-4);color:var(--nook-color-text-secondary);max-width:70ch;margin:0;font-size:14.5px}.slot{text-align:center;justify-items:center;gap:var(--nook-space-5);padding:var(--nook-space-16) var(--nook-space-6);border-radius:var(--nook-radius-xl);border:1px solid var(--nook-color-border);background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--nook-color-accent) 14%, transparent), transparent 70%), var(--nook-color-surface-raised);box-shadow:var(--nook-shadow-md);display:grid;position:relative;overflow:hidden}.slot:before{content:"";background:linear-gradient(90deg, transparent, var(--nook-color-accent) 30%, var(--nook-color-accent) 70%, transparent);height:2px;position:absolute;inset:0 0 auto}.slot h2{font-family:var(--nook-font-display);letter-spacing:var(--nook-letter-spacing-display);text-transform:uppercase;margin:0;font-size:clamp(24px,3.4vw,36px)}.slot p{max-width:54ch;color:var(--nook-color-text-secondary);margin:0}.site-voet{justify-content:space-between;gap:var(--nook-space-8);padding-top:var(--nook-space-8);border-top:1px solid var(--nook-color-border);flex-wrap:wrap;display:flex}.site-voet p{margin:8px 0 0}.site-voet nav{gap:var(--nook-space-5);color:var(--nook-color-text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.site-voet a{color:inherit;transition:color var(--beweging-snel) var(--curve);text-decoration:none}.site-voet a:hover{color:var(--nook-color-text)}@media (prefers-reduced-motion:no-preference){.site .reveal-init{opacity:0;transition:opacity var(--beweging-traag) var(--curve-in), transform var(--beweging-traag) var(--curve-in);transition-delay:var(--vertraging,0s);transform:translateY(18px)}.site .reveal-init[data-reveal=fade]{transform:none}.site .reveal-init[data-reveal=schaal]{transform:scale(.97)}.site .reveal-init.reveal-in{opacity:1;transform:none}.site [data-reveal-groep]>.reveal-init{transition-duration:var(--beweging);transition-delay:calc(var(--i,0) * 60ms + var(--vertraging,0s))}.site [data-reveal-groep]>.reveal-init.paneel>*{opacity:0;transition:opacity var(--beweging) var(--curve-in), transform var(--beweging) var(--curve-in);transition-delay:calc(var(--i,0) * 60ms + var(--vertraging,0s) + 80ms);transform:translateY(8px)}.site [data-reveal-groep]>.reveal-in.paneel>*{opacity:1;transform:none}.schermbeeld .bp-tijd.gekozen{animation:nook-adem 3.2s var(--curve) infinite}@keyframes nook-adem{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--nook-color-accent) 40%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--nook-color-accent) 0%, transparent)}}}@media (prefers-reduced-motion:no-preference) and (pointer:fine){.site .paneel{transform-style:preserve-3d}.site .paneel:before{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--nook-color-accent) 16%, transparent), transparent 60%);opacity:0;transition:opacity var(--beweging-snel) var(--curve);pointer-events:none;z-index:0;position:absolute;inset:0}.site .paneel>*{z-index:1;position:relative}.site .paneel:hover:before{opacity:1}.site .paneel:hover{border-color:color-mix(in srgb, var(--nook-color-accent) 45%, transparent);box-shadow:var(--nook-shadow-md)}.site .prijskaart.populair:hover{box-shadow:var(--nook-shadow-md), var(--nook-shadow-glow-accent)}}@media (max-width:1000px){.prijzen-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}.stappen,.kenmerken{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.site{padding:0 var(--nook-space-4) var(--nook-space-12);gap:var(--nook-space-12)}.site main{gap:var(--nook-space-16)}.site-nav,.site-acties .knop.primair{display:none}.site-balk{gap:var(--nook-space-3);flex-wrap:wrap}.site-acties{flex-wrap:wrap;justify-content:flex-end;gap:6px}.site-merk svg{width:auto;height:16px}.site-acties .seg.klein button{padding:6px 7px}.site-acties .knop.klein{padding-inline:10px}.prijzen-kaarten{grid-template-columns:minmax(0,1fr)}.hero-beeld:before{display:none}}.juridisch{gap:var(--nook-space-4);grid-template-columns:minmax(0,1fr);min-width:0;line-height:1.6;display:grid}.juridisch h1{font-family:var(--nook-font-display);text-transform:uppercase;letter-spacing:var(--nook-letter-spacing-display);margin:0;font-size:28px}.juridisch h2{margin:var(--nook-space-6) 0 0;font-size:20px}.juridisch h3{margin:var(--nook-space-3) 0 0;font-size:16px}.juridisch p,.juridisch ul,.juridisch ol{margin:0}.juridisch ul,.juridisch ol{gap:var(--nook-space-1);padding-left:1.4em;display:grid}.juridisch hr{border:0;border-top:1px solid var(--nook-color-border);margin:var(--nook-space-6) 0}.juridisch code{background:var(--nook-color-surface-sunken);border-radius:4px;padding:0 .3em;font-size:.92em}.juridisch a{color:var(--nook-color-accent-text);text-decoration:underline}.juridisch .tabelrol{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}.juridisch-tabel{border-collapse:collapse;width:100%;font-size:14px}.juridisch-tabel th,.juridisch-tabel td{text-align:left;vertical-align:top;padding:var(--nook-space-2) var(--nook-space-3);border-bottom:1px solid var(--nook-color-border)}.juridisch-tabel th{color:var(--nook-color-text-secondary);background:var(--nook-color-surface-sunken);font-weight:600}.juridisch-tabel td:first-child{font-weight:500}@media (max-width:640px){.juridisch-tabel{min-width:560px}}.schermbeeld-toast{z-index:3;border-radius:var(--nook-radius-md);background:var(--nook-color-surface-raised);border:1px solid var(--nook-color-border);box-shadow:var(--nook-shadow-lg);opacity:0;transition:opacity var(--beweging) var(--curve-in), transform var(--beweging) var(--curve-in);pointer-events:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(12px)scale(.98)}.schermbeeld-toast.zichtbaar{opacity:1;transform:none}.schermbeeld-toast>span:last-child{gap:2px;display:grid}.schermbeeld-toast>span:last-child span{color:var(--nook-color-text-secondary)}.schermbeeld-toast .vinkje{background:var(--nook-color-accent);width:28px;height:28px;color:var(--nook-color-text-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.schermbeeld-toast .vinkje svg{width:15px;height:15px}.show-baan{height:calc(var(--stappen) * 70vh + 100vh);position:relative}.show-plak{gap:var(--nook-space-5,20px);grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 108px);max-height:700px;display:grid;position:sticky;top:84px}.show-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.show-tabs button{border-radius:var(--nook-radius-md);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);color:var(--nook-color-text-secondary);font:600 13px var(--nook-font-body);cursor:pointer;transition:color var(--beweging-snel) var(--curve), background var(--beweging-snel) var(--curve), border-color var(--beweging-snel) var(--curve);align-items:center;gap:8px;padding:9px 16px;display:flex;position:relative;overflow:hidden}.show-tabs button:after{content:"";background:var(--nook-color-accent);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--deel,0));position:absolute;bottom:0;left:0}.show-tabs button:hover{color:var(--nook-color-text)}.show-tabs button.actief{color:var(--nook-color-text);background:var(--nook-color-accent-tint);border-color:color-mix(in srgb, var(--nook-color-accent) 50%, transparent)}.show-tabs svg{width:16px;height:16px}.show-kader{border-radius:var(--nook-radius-xl);border:1px solid var(--nook-color-border);background:radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--nook-color-accent) 14%, transparent), transparent 70%), radial-gradient(50% 70% at 0% 100%, color-mix(in srgb, var(--nook-event-violet) 12%, transparent), transparent 70%), var(--nook-color-surface);min-height:0;box-shadow:var(--nook-shadow-lg);padding:clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.show-dia{opacity:0;pointer-events:none;transition:opacity .5s var(--curve), transform var(--beweging-traag) var(--curve-in);grid-area:1/1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid;transform:translateY(28px)}.show-dia.actief{opacity:1;pointer-events:auto;transform:none}.show-tekst{align-content:center;gap:14px;display:grid}.show-tekst h3{font:700 clamp(22px, 2.4vw, 32px) / 1.15 var(--nook-font-body);letter-spacing:-.01em;text-transform:none;margin:0}.show-tekst p{color:var(--nook-color-text-secondary);margin:0;font-size:16px;line-height:1.6}.show-tekst ul{gap:10px;margin:6px 0 0;padding:0;list-style:none;display:grid}.show-tekst li{align-items:center;gap:10px;font-size:14.5px;display:flex}.show-tekst li svg{width:18px;height:18px;color:var(--nook-color-accent);stroke-width:2.2px;flex:none}.show-beeld{place-items:center;min-width:0;display:grid}.show-beeld .mock{gap:16px;max-width:540px;padding:22px;font-size:14px}.show-beeld .mock .mono{font-size:13px}.show-beeld .mock-rij{grid-template-columns:28px minmax(0,1fr) auto}.mock-rij>.mono{white-space:nowrap}.show-baan.plat{height:auto}.show-baan.plat .show-plak{height:auto;max-height:none;position:static}.show-baan.plat .show-tabs{display:none}.show-baan.plat .show-kader{gap:var(--nook-space-6);box-shadow:none;background:0 0;border:0;padding:0;display:grid;overflow:visible}.show-baan.plat .show-dia{opacity:1;pointer-events:auto;padding:var(--nook-space-6);border-radius:var(--nook-radius-lg);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);grid-area:auto;grid-template-columns:minmax(0,1fr);transform:none}.mock{border-radius:var(--nook-radius-lg);border:1px solid var(--nook-color-border);background:var(--nook-color-surface-raised);width:100%;max-width:460px;box-shadow:var(--nook-shadow-md);color:var(--nook-color-text);gap:14px;padding:18px;font-size:13px;display:grid}.mock .zacht{color:var(--nook-color-text-muted)}.mock .klein{font-size:12px}.mock .mono{font-family:var(--nook-font-mono);font-size:12px}.mock strong{font-weight:600}.mock-kop{align-items:center;gap:8px;display:flex}.mock-kop svg{width:16px;height:16px;color:var(--nook-color-accent)}.mock-pil{border-radius:var(--nook-radius-xs);background:var(--nook-color-surface-sunken);color:var(--nook-color-text-secondary);font:600 11px var(--nook-font-body);white-space:nowrap;margin-left:auto;padding:3px 8px}.mock-pil.aan{background:var(--nook-status-bevestigd-bg);color:var(--nook-status-bevestigd-fg)}.mock-knopje{border-radius:var(--nook-radius-md);background:var(--nook-color-accent);color:var(--nook-color-text-on-accent);font:600 12px var(--nook-font-body);justify-self:start;padding:7px 12px}.mock-knopje.stil{background:var(--nook-color-surface-sunken);color:var(--nook-color-text-secondary)}.mock-rooster{gap:9px;display:grid}.mock-rij{grid-template-columns:26px minmax(0,1fr) 84px;align-items:center;gap:10px;display:grid}.mock-spoor{background:var(--nook-color-surface-sunken);border-radius:5px;height:10px;position:relative}.mock-balk{background:linear-gradient(90deg, var(--nook-color-accent), color-mix(in srgb, var(--nook-color-accent) 55%, var(--nook-event-cobalt)));transform-origin:0;border-radius:5px;position:absolute;top:0;bottom:0}.mock-events{gap:8px;display:grid}.mock-event{border-radius:var(--nook-radius-sm);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-event>div{gap:2px;display:grid}.mock-streep{background:var(--kleur);border-radius:2px;align-self:stretch;width:4px}.mock-stappen{margin:0;padding:0;list-style:none;display:grid}.mock-stappen li{align-items:center;gap:12px;padding:7px 0;display:flex;position:relative}.mock-stappen li:not(:last-child):after{content:"";background:var(--nook-color-border);width:2px;position:absolute;top:37px;bottom:-7px;left:13px}.mock-stappen li>div{gap:1px;display:grid}.mock-knoop{border:2px solid var(--nook-color-accent);background:var(--nook-color-accent);width:28px;height:28px;color:var(--nook-color-text-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.mock-knoop svg{stroke-width:2.6px;width:14px;height:14px}.mock-mail{border-radius:var(--nook-radius-sm);background:var(--nook-color-surface-sunken);gap:7px;padding:12px;display:grid}.mock-lijn{background:var(--nook-color-border);border-radius:3px;width:90%;height:6px}.mock-lijn.kort{width:60%}.mock-aanvraag{gap:12px;display:grid}.mock-status{margin-left:auto;display:grid}.mock-status span{border-radius:var(--nook-radius-xs);font:600 11px var(--nook-font-body);text-align:center;grid-area:1/1;padding:3px 8px}.mock-status .wacht{background:var(--nook-status-wacht-bg);color:var(--nook-status-wacht-fg);opacity:0}.mock-status .ok{background:var(--nook-status-bevestigd-bg);color:var(--nook-status-bevestigd-fg)}.mock-persoon{align-items:center;gap:10px;display:flex}.mock-persoon>div{gap:2px;display:grid}.mock-avatar{background:var(--nook-event-violet-tint);width:34px;height:34px;color:var(--nook-event-violet);font:700 12px var(--nook-font-body);border-radius:50%;place-items:center;display:grid}.mock-knoppen{justify-content:flex-end;gap:8px;display:flex}.mock-limiet{border-top:1px solid var(--nook-color-border);gap:8px;padding-top:12px;display:grid}.mock-limiet>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.teller:after{content:"3"}.mock-meter{background:var(--nook-color-surface-sunken);border-radius:4px;height:8px;overflow:hidden}.mock-meter span{background:var(--nook-color-accent);transform-origin:0;border-radius:4px;width:75%;height:100%;display:block}@property --merk{syntax:"<color>";inherits:true;initial-value:#00d1b2}.mock-merk{justify-items:center}.mock-bp{border-radius:var(--nook-radius-sm);border:1px solid var(--nook-color-border);color:#14161a;background:#fff;gap:12px;width:100%;padding:16px;display:grid}.mock-bp-kop{align-items:center;gap:8px;display:flex}.mock-logo{background:var(--merk);border-radius:6px;width:22px;height:22px}.mock-taal{opacity:.55;margin-left:auto}.mock-bp-titel{font-size:15px}.mock-bp-dagen{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.mock-bp-dagen span{aspect-ratio:1;background:color-mix(in srgb, currentColor 7%, transparent);border-radius:6px}.mock-bp-dagen span.vrij{background:color-mix(in srgb, var(--merk) 22%, transparent)}.mock-bp-dagen span.gekozen{background:var(--merk)}.mock-knopje.merk{text-align:center;background:var(--merk);color:#fff;justify-self:stretch}.mock-stalen{gap:12px;display:flex}.mock-stalen span{outline-offset:3px;border-radius:50%;outline:2px solid #0000;width:22px;height:22px}.mock-stalen span:first-child{outline-color:var(--nook-color-text)}.scenario{gap:14px;min-height:320px;margin:0;padding:0;list-style:none;display:flex}.site .scenario-kaart{cursor:pointer;min-width:0;transition:flex-grow var(--beweging-traag) var(--curve), background var(--beweging) var(--curve), border-color var(--beweging-snel) var(--curve), box-shadow var(--beweging-snel) var(--curve);flex-direction:column;flex:1 1 0;gap:12px;padding:24px;display:flex}.site .scenario-kaart.actief{background:linear-gradient(160deg, var(--nook-color-accent-tint), var(--nook-color-surface) 65%);border-color:color-mix(in srgb, var(--nook-color-accent) 45%, transparent);flex-grow:2.6}.scenario-kop{align-items:baseline;gap:10px;display:flex}.scenario-kop h3{margin:0;font-size:18px}.scenario-kaart>p{color:var(--nook-color-text-secondary);margin:0;font-size:14.5px;line-height:1.55}.scenario-lijn{gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid}.scenario-lijn li{border-radius:var(--nook-radius-sm);background:var(--nook-color-surface-sunken);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex;overflow:hidden}.scenario-lijn .punt{background:var(--nook-color-accent);border-radius:50%;flex:none;width:8px;height:8px}.scenario-tijd{background:var(--nook-color-accent);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.functies{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.functie{align-content:start;gap:10px;display:grid}.functie h3{margin:0;font-size:16px}.functie p{color:var(--nook-color-text-secondary);margin:0;font-size:14px;line-height:1.55}.functie-beeld{border-radius:var(--nook-radius-sm);background:var(--nook-color-surface-sunken);place-items:center;height:104px;margin-bottom:6px;display:grid;overflow:hidden}.fx{color:var(--nook-color-text-secondary);align-items:center;gap:14px;display:flex}.fx-klok{border:2px solid var(--nook-color-border);background:var(--nook-color-surface);border-radius:50%;width:46px;height:46px;position:relative}.fx-klok i{background:var(--nook-color-accent);transform-origin:bottom;width:2px;height:15px;transform:rotate(var(--v));border-radius:2px;position:absolute;bottom:50%;left:calc(50% - 1px)}.fx-klok:after{content:"";background:var(--nook-color-text);border-radius:50%;position:absolute;inset:calc(50% - 3px)}.fx-link span{border-radius:var(--nook-radius-sm);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);color:var(--nook-color-text);padding:8px 12px;position:relative}.fx-link span:after{content:"";background:var(--nook-color-error);transform-origin:0;height:2px;position:absolute;top:50%;left:8px;right:8px;transform:scaleX(0)}.fx-meet{align-items:flex-end;gap:7px;height:64px}.fx-meet span{width:13px;height:var(--h);background:var(--nook-color-accent);transform-origin:bottom;opacity:calc(.45 + var(--i) * .13);border-radius:3px 3px 1px 1px}.fx-duur,.fx-plaats{border-radius:var(--nook-radius-md);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);gap:0;padding:4px;font-size:12px;display:grid;position:relative}.fx-duur{grid-template-columns:repeat(3,44px)}.fx-plaats{grid-template-columns:repeat(2,48px)}.fx-duur>span:not(.fx-duim),.fx-plaats>span:not(.fx-duim){z-index:1;place-items:center;height:28px;display:grid;position:relative}.fx-plaats svg{width:16px;height:16px}.fx-duim{border-radius:var(--nook-radius-sm);background:var(--nook-color-accent-tint-strong,var(--nook-color-accent-tint));border:1px solid color-mix(in srgb, var(--nook-color-accent) 55%, transparent);height:28px;position:absolute;top:4px;left:4px}.fx-duur .fx-duim{width:44px}.fx-plaats .fx-duim{width:48px}.fx-sys{gap:0}.fx-doos{border-radius:var(--nook-radius-sm);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);width:38px;height:38px;font:700 12px var(--nook-font-mono);color:var(--nook-color-text);place-items:center;display:grid}.fx-doos:first-child{background:var(--nook-color-accent);color:var(--nook-color-text-on-accent);font-family:var(--nook-font-display);border-color:#0000}.fx-draad{background:var(--nook-color-border);width:84px;height:2px;position:relative}.fx-draad i{background:var(--nook-color-accent);opacity:0;border-radius:2px;width:8px;height:8px;position:absolute;top:-3px;left:0}.koppelingen{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.koppeling{align-content:start;gap:14px;display:grid}.koppeling h3{margin:0;font-size:15px}.koppeling p{color:var(--nook-color-text-secondary);margin:4px 0 0;font-size:13.5px;line-height:1.5}.koppeling-merk{border-radius:var(--nook-radius-md);border:1px solid var(--nook-color-border);background:var(--nook-color-surface-sunken);width:46px;height:46px;color:var(--nook-color-text);transition:transform var(--beweging) var(--curve-in);place-items:center;display:grid}.koppeling-merk svg{width:26px;height:26px}.koppeling:hover .koppeling-merk{transform:translateY(-2px)rotate(-5deg)scale(1.05)}.band{gap:12px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.band-rij{width:max-content;display:flex}.band-spoor{gap:12px;padding-right:12px;display:flex}.band-pil{border-radius:var(--nook-radius-md);border:1px solid var(--nook-color-border);background:var(--nook-color-surface);font:600 14px var(--nook-font-body);white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.band-pil svg{width:16px;height:16px;color:var(--nook-color-accent);stroke-width:2.4px}@media (prefers-reduced-motion:reduce){.band-rij{flex-wrap:wrap;justify-content:center;width:auto}.band-rij.terug,.band-spoor+.band-spoor{display:none}.band-spoor{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:no-preference){@keyframes nook-verschijn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nook-groei-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.actief .mock-balk{animation:nook-groei-x .7s var(--curve-in) both;animation-delay:calc(var(--i) * 90ms + .25s)}.actief .mock-event{animation:nook-verschijn .5s var(--curve-in) both;animation-delay:calc(var(--i) * 90ms + .25s)}@keyframes nook-knoop{0%{background:var(--nook-color-surface);border-color:var(--nook-color-border);color:#0000}}.actief .mock-knoop{animation:nook-knoop .3s var(--curve) both;animation-delay:calc(var(--i) * .55s + .3s)}.actief .mock-mail{animation:nook-verschijn .5s var(--curve-in) both 2s}@keyframes nook-druk{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--nook-color-accent) 25%, transparent);transform:scale(.92)}}@keyframes nook-tel{0%{content:"2"}to{content:"3"}}@keyframes nook-meter{0%{transform:scaleX(.66)}to{transform:scaleX(1)}}.actief .mock-knopje.primair{animation:nook-druk .45s var(--curve) 1.2s}.actief .mock-status .wacht{animation:1.85s step-end both nook-wacht}@keyframes nook-wacht{0%{opacity:1}to{opacity:0}}.actief .mock-status .ok{animation:nook-verschijn .3s var(--curve-in) both 1.75s}.actief .teller:after{animation:1.9s step-end both nook-tel}.actief .mock-meter span{animation:nook-meter .5s var(--curve-in) both 1.9s}@keyframes nook-merk{0%,20%{--merk:#00d1b2}25%,45%{--merk:#6c5ce7}50%,70%{--merk:#e17055}75%,95%{--merk:#0984e3}to{--merk:#00d1b2}}@keyframes nook-staal{0%,22%{outline-color:var(--nook-color-text)}25%,to{outline-color:#0000}}.actief .mock-merk{animation:nook-merk 8s var(--curve) infinite}.actief .mock-stalen span{animation:8s step-end infinite nook-staal}.actief .mock-stalen span:nth-child(2){animation-delay:2s}.actief .mock-stalen span:nth-child(3){animation-delay:4s}.actief .mock-stalen span:nth-child(4){animation-delay:6s}.actief .mock-stalen span:not(:first-child){outline-color:#0000}.scenario-lijn li{opacity:0;transition:opacity .4s var(--curve-in), transform .4s var(--curve-in);transform:translate(-8px)}.scenario-kaart.actief .scenario-lijn li{opacity:1;transition-delay:calc(var(--j) * .38s + .25s);transform:none}.scenario-kaart:not(.actief)>p{opacity:.6}@keyframes nook-tijd{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scenario.speelt .actief .scenario-tijd{animation:4.2s linear both nook-tijd}.scenario:hover .scenario-tijd{animation-play-state:paused}@keyframes nook-draai{to{transform:rotate(calc(var(--v) + 360deg))}}.fx-klok i{animation:7s linear infinite nook-draai}@keyframes nook-streep{0%,35%{transform:scaleX(0)}55%,85%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes nook-gebruikt{0%,45%{opacity:1}55%,85%{opacity:.45}to{opacity:1}}.fx-link span{animation:nook-gebruikt 4s var(--curve) infinite}.fx-link span:after{animation:nook-streep 4s var(--curve) infinite}@keyframes nook-staaf{0%{transform:scaleY(.15)}40%,80%{transform:scaleY(1)}to{transform:scaleY(.15)}}.fx-meet span{animation:nook-staaf 3.6s var(--curve-in) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes nook-duur{0%,28%{transform:translate(0)}33%,61%{transform:translate(44px)}66%,94%{transform:translate(88px)}to{transform:translate(0)}}.fx-duur .fx-duim{animation:nook-duur 5s var(--curve) infinite}@keyframes nook-plaats{0%,42%{transform:translate(0)}50%,92%{transform:translate(48px)}to{transform:translate(0)}}.fx-plaats .fx-duim{animation:nook-plaats 4s var(--curve) infinite}@keyframes nook-pakket{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.fx-draad i{animation:2.4s linear infinite nook-pakket}.fx-draad i:nth-child(2){animation-delay:.8s}.fx-draad i:nth-child(3){animation-delay:1.6s}@keyframes nook-band{to{transform:translate(-50%)}}.band-rij{animation:48s linear infinite nook-band}.band-rij.terug{animation-duration:56s;animation-direction:reverse}.band:hover .band-rij{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.mock-status .wacht{opacity:0}}@media (max-width:1000px){.functies,.koppelingen{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario{flex-direction:column;min-height:0}.site .scenario-kaart,.site .scenario-kaart.actief{flex:none}}@media (max-width:720px){.functies,.koppelingen{grid-template-columns:minmax(0,1fr)}.schermbeeld-toast{bottom:10px;left:10px;right:10px}.show-beeld .mock-rij{grid-template-columns:24px minmax(0,1fr) auto}}@media (max-width:1000px) and (prefers-reduced-motion:no-preference){.scenario-kaart .scenario-lijn li{opacity:1;transform:none}.scenario-kaart:not(.actief)>p{opacity:1}}.naam{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.naam-tekst{gap:16px;display:grid}.naam-tekst>p{color:var(--nook-color-text-secondary);max-width:52ch;margin:0;font-size:16.5px;line-height:1.65}.naam-tekst>.naam-payoff{font:var(--nook-text-label);letter-spacing:.28em;text-transform:uppercase;color:var(--nook-color-text);margin-top:8px}.site .naam-beeld{background:radial-gradient(70% 60% at 50% 35%, color-mix(in srgb, var(--nook-color-accent) 10%, transparent), transparent 70%), var(--nook-color-surface);justify-items:center;gap:28px;padding:clamp(28px,4vw,48px);display:grid}.naam-merk{width:min(240px,60%);height:auto;color:var(--nook-color-text);overflow:visible}.naam-gloed{opacity:.8}.naam-som{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;width:100%;margin:0;padding:0;list-style:none;display:grid}.naam-stap{justify-content:center;display:flex;position:relative}.naam-stap .naam-teken{position:absolute;top:2px;left:-18px}.naam-stap>span:last-child{text-align:center;gap:2px;display:grid}.naam-stap strong{font:var(--nook-text-label);letter-spacing:.18em;text-transform:uppercase}.naam-stap>span:last-child>span{color:var(--nook-color-text-secondary);font-size:12.5px}.naam-teken{color:var(--nook-color-text-muted);font-size:20px}@media (prefers-reduced-motion:no-preference){.naam-links,.naam-rechts,.naam-gloed{transform-box:view-box;transform-origin:256px 256px}.naam.speelt .naam-links{animation:nook-naam-links 7s var(--curve) infinite}.naam.speelt .naam-rechts{animation:nook-naam-rechts 7s var(--curve) infinite}.naam.speelt .naam-gloed{animation:nook-naam-gloed 7s var(--curve) infinite}@keyframes nook-naam-links{0%,18%{transform:translate(-70px)}45%,88%{transform:none}to{transform:translate(-70px)}}@keyframes nook-naam-rechts{0%,18%{transform:translate(70px)}45%,88%{transform:none}to{transform:translate(70px)}}@keyframes nook-naam-gloed{0%,30%{opacity:0;transform:scale(.6)}55%,85%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.naam.speelt .naam-stap{animation:7s var(--curve) infinite;opacity:.4}.naam.speelt .stap-1{animation-name:nook-naam-stap1}.naam.speelt .stap-2{animation-name:nook-naam-stap2}.naam.speelt .stap-3{animation-name:nook-naam-stap3}@keyframes nook-naam-stap1{0%,22%{opacity:1}28%,to{opacity:.4}}@keyframes nook-naam-stap2{0%,22%{opacity:.4}28%,45%{opacity:1}52%,to{opacity:.4}}@keyframes nook-naam-stap3{0%,45%{opacity:.4}52%,88%{opacity:1}95%,to{opacity:.4}}}@media (max-width:900px){.naam{grid-template-columns:minmax(0,1fr)}}