/* TheorieZin huisstijl. Mobiel eerst. */
@font-face{font-family:"Inter TZ";src:url(../fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Inter TZ";src:url(../fonts/Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter TZ";src:url(../fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter TZ";src:url(../fonts/Inter-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Inter TZ Display";src:url(../fonts/InterDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Inter TZ Display";src:url(../fonts/InterDisplay-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}

:root{
	--tz-primary:#3A2FD1;--tz-primary-700:#2A21A8;--tz-primary-50:#F1F0FF;--tz-primary-100:#E4E1FF;
	--tz-accent:#FFC83D;--tz-accent-50:#FFF6DB;--tz-accent-ink:#5C4300;
	--tz-ink:#17163A;--tz-text:#2E2D4D;--tz-muted:#5D5C7A;--tz-line:#E5E3F3;--tz-bg:#FFFFFF;--tz-soft:#F7F6FD;
	--tz-ok:#11804F;--tz-ok-bg:#E6F6EE;--tz-ok-line:#9AD8B8;
	--tz-bad:#C2352B;--tz-bad-bg:#FDEDEB;--tz-bad-line:#F1AFA8;
	--tz-warn:#8A5A00;--tz-warn-bg:#FFF4D6;
	--tz-r:16px;--tz-r-lg:24px;--tz-shadow:0 1px 2px rgba(23,22,58,.04),0 8px 24px rgba(40,30,120,.07);
	--tz-shadow-lg:0 2px 6px rgba(23,22,58,.05),0 24px 60px rgba(40,30,120,.14);
	--tz-font:"Inter TZ",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--tz-display:"Inter TZ Display","Inter TZ",system-ui,sans-serif;
	--tz-fs:17px;
}
html.tz-large{--tz-fs:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body.tz{margin:0;background:var(--tz-bg);color:var(--tz-text);font-family:var(--tz-font);font-size:var(--tz-fs);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.tz img{max-width:100%;height:auto}
.tz a{color:var(--tz-primary)}
.tz h1,.tz h2,.tz h3,.tz h4{font-family:var(--tz-display);color:var(--tz-ink);line-height:1.18;letter-spacing:-.02em;margin:0 0 .5em}
.tz h1{font-size:clamp(2rem,6vw,3.4rem);font-weight:800}
.tz h2{font-size:clamp(1.55rem,4vw,2.3rem);font-weight:800}
.tz h3,.tz .tz-h3{font-size:1.25rem;font-weight:700}
.tz .tz-h2{font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:800}
.tz .tz-h4{font-size:1.06rem;font-weight:700}
:where(.tz) p{margin:0 0 1em}
.tz :focus-visible{outline:3px solid var(--tz-primary);outline-offset:3px;border-radius:6px}
.tz [hidden]{display:none!important}
.tz-sr,.tz-hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tz-skip{position:absolute;left:12px;top:-60px;background:var(--tz-ink);color:#fff!important;padding:10px 16px;border-radius:10px;z-index:100;text-decoration:none}
.tz-skip:focus{top:12px}
.tz-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.tz-narrow{max-width:780px}
.tz-center{text-align:center}
.tz-muted{color:var(--tz-muted)}
.tz-small{font-size:.88em}
.tz-mt{margin-top:2rem!important}
.tz-ico{width:1.2em;height:1.2em;flex:none}
.tz-ico--lg{width:2rem;height:2rem}
.tz-main{outline:none;min-height:50vh}

/* Knoppen */
.tz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.3em;border-radius:14px;border:2px solid transparent;font:inherit;font-weight:650;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.tz-btn .tz-ico{width:1.1em;height:1.1em}
.tz-btn--primary{background:var(--tz-primary);color:#fff!important;box-shadow:0 6px 18px rgba(58,47,209,.28)}
.tz-btn--primary:hover{background:var(--tz-primary-700)}
.tz-btn--accent{background:var(--tz-accent);color:var(--tz-ink)!important}
.tz-btn--accent:hover{background:#FFD465}
.tz-btn--outline{background:#fff;border-color:var(--tz-primary-100);color:var(--tz-primary)!important}
.tz-btn--outline:hover{border-color:var(--tz-primary)}
.tz-btn--ghost{background:transparent;color:var(--tz-ink)!important}
.tz-btn--ghost:hover{background:var(--tz-primary-50)}
.tz-btn--danger{background:var(--tz-bad);color:#fff!important}
.tz-btn--sm{min-height:42px;padding:.45em .9em;font-size:.94rem;border-radius:12px}
.tz-btn--lg{min-height:54px;padding:.8em 1.5em;font-size:1.05rem}
.tz-btn--block{width:100%}
.tz-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}
@media (hover:hover){.tz-btn--primary:not([disabled]):hover{transform:translateY(-1px)}}
.tz-link{display:inline-flex;align-items:center;gap:.35em;font-weight:650;text-decoration:none}
.tz-link:hover{text-decoration:underline}
.tz-link-btn{display:inline-flex;align-items:center;gap:.4em;background:none;border:0;color:var(--tz-primary);font:inherit;font-weight:600;cursor:pointer;padding:.5em 0;min-height:44px}

/* Header */
.tz-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--tz-line)}
.tz-header__inner{display:flex;align-items:center;gap:16px;min-height:68px}
.tz-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.tz-brand__name{font-family:var(--tz-display);font-weight:800;font-size:1.32rem;letter-spacing:-.03em;color:var(--tz-ink)}
.tz-brand__name span{color:var(--tz-primary)}
.tz-brand--light .tz-brand__name{color:#fff}
.tz-brand--light .tz-brand__name span{color:var(--tz-accent)}
.tz-nav{display:none;gap:4px;margin-left:12px}
.tz-nav a{color:var(--tz-text);text-decoration:none;font-weight:550;font-size:.97rem;padding:.55em .8em;border-radius:10px}
.tz-nav a:hover{background:var(--tz-soft);color:var(--tz-ink)}
.tz-nav a[aria-current]{color:var(--tz-primary);background:var(--tz-primary-50)}
.tz-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.tz-hide-sm{display:none}
.tz-menu{position:relative}
.tz-menu summary{list-style:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;cursor:pointer;color:var(--tz-ink);border:1px solid var(--tz-line)}
.tz-menu summary::-webkit-details-marker{display:none}
.tz-menu summary .tz-ico{width:24px;height:24px}
.tz-menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 32px));background:#fff;border:1px solid var(--tz-line);border-radius:18px;box-shadow:var(--tz-shadow-lg);padding:8px;display:flex;flex-direction:column}
.tz-menu__panel a{padding:.8em 1em;border-radius:12px;text-decoration:none;color:var(--tz-ink);font-weight:550}
.tz-menu__panel a:hover{background:var(--tz-soft)}
.tz-menu__panel .tz-menu__cta{background:var(--tz-primary);color:#fff;text-align:center;margin-top:6px}
@media (min-width:900px){.tz-nav{display:flex}.tz-hide-sm{display:inline-flex}.tz-menu{display:none}}
@media (max-width:380px){.tz-header__actions .tz-btn--primary{padding:.45em .7em;font-size:.88rem}.tz-brand__name{font-size:1.15rem}}

/* Meldingen */
.tz-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;margin:0 0 18px;border:1px solid}
.tz-alert p{margin:0}
.tz-alert .tz-ico{margin-top:.2em}
.tz-alert--success{background:var(--tz-ok-bg);border-color:var(--tz-ok-line);color:#0B5A37}
.tz-alert--error{background:var(--tz-bad-bg);border-color:var(--tz-bad-line);color:#8E2018}
.tz-alert--warn{background:var(--tz-warn-bg);border-color:#F2D58A;color:#5C3D00}
.tz-note{display:flex;gap:10px;align-items:flex-start;background:var(--tz-primary-50);border-radius:14px;padding:12px 14px;font-size:.93em;color:var(--tz-ink);margin:0 0 16px}
.tz-note .tz-ico{color:var(--tz-primary);margin-top:.15em}
.tz-note--warn{background:var(--tz-warn-bg)}
.tz-note--warn .tz-ico{color:var(--tz-warn)}
.tz-hint{font-size:.86em;color:var(--tz-muted);margin:.4em 0 0}

/* Secties */
.tz-section{padding:64px 0}
.tz-section--tight{padding:32px 0 56px}
.tz-section--soft{background:var(--tz-soft)}
.tz-section--app{padding:20px 0 64px;background:var(--tz-soft);min-height:70vh}
.tz-section__head{max-width:720px;margin:0 auto 36px;text-align:center}
.tz-section__head p:last-child{color:var(--tz-muted);margin-bottom:0}
.tz-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tz-primary);margin:0 0 .7em}
@media (min-width:900px){.tz-section{padding:96px 0}}

/* Hero */
.tz-hero{position:relative;overflow:hidden;padding:40px 0 56px;background:linear-gradient(180deg,#F5F3FF 0%,#FFFFFF 100%)}
.tz-hero__bg{position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 10%,rgba(255,200,61,.22),transparent 70%),radial-gradient(700px 400px at 10% 0%,rgba(58,47,209,.10),transparent 70%);pointer-events:none}
.tz-hero__grid{position:relative;display:grid;gap:40px;align-items:center}
.tz-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--tz-line);padding:6px 14px 6px 10px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--tz-ink);box-shadow:var(--tz-shadow)}
.tz-eyebrow .tz-ico{color:var(--tz-primary)}
.tz-hero__title{margin:.45em 0 .35em}
.tz-hl{position:relative;color:var(--tz-primary);white-space:nowrap}
.tz-hl{background:linear-gradient(180deg,transparent 64%,var(--tz-accent) 64%,var(--tz-accent) 92%,transparent 92%);padding:0 .06em}
.tz-hero__title{position:relative;z-index:0}
.tz-hero__lead{font-size:1.12em;color:var(--tz-text);max-width:34ch}
.tz-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.tz-hero__cta .tz-btn{flex:1 1 200px}
.tz-hero__points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.92rem;color:var(--tz-muted);font-weight:550}
.tz-hero__points li{display:flex;align-items:center;gap:6px}
.tz-hero__points .tz-ico{color:var(--tz-ok)}
.tz-hero__visual{position:relative;max-width:420px;margin:0 auto;width:100%}
.tz-device{margin:0;background:#fff;border-radius:32px;padding:12px;box-shadow:var(--tz-shadow-lg);border:1px solid var(--tz-line)}
.tz-device__screen{background:var(--tz-soft);border-radius:22px;padding:16px;font-size:14px}
.tz-mock__top{display:flex;justify-content:space-between;align-items:center;font-weight:650;color:var(--tz-muted);font-size:12.5px}
.tz-mock__chip{background:var(--tz-primary-50);color:var(--tz-primary);padding:3px 10px;border-radius:99px}
.tz-mock__bar{height:6px;background:var(--tz-line);border-radius:9px;margin:10px 0 12px;overflow:hidden}
.tz-mock__bar i{display:block;height:100%;background:var(--tz-primary);border-radius:9px}
.tz-mock__img{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--tz-line)}
.tz-mock__img img{display:block;width:100%}
.tz-mock__q{font-weight:700;color:var(--tz-ink);margin:12px 0 10px;font-size:15px;line-height:1.35}
.tz-mock__opt{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--tz-line);border-radius:12px;padding:9px 12px;margin-bottom:8px;font-weight:550;color:var(--tz-ink)}
.tz-mock__opt b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--tz-soft);font-size:12px}
.tz-mock__opt.is-sel{border-color:var(--tz-ok);background:var(--tz-ok-bg)}
.tz-mock__opt.is-sel b{background:var(--tz-ok);color:#fff}
.tz-mock__tick{margin-left:auto;color:var(--tz-ok)}
.tz-mock__fb{display:flex;gap:8px;background:#fff;border-left:4px solid var(--tz-ok);border-radius:10px;padding:10px;font-size:12.5px;line-height:1.45;color:var(--tz-text)}
.tz-mock__fb .tz-ico{color:var(--tz-ok)}
.tz-mock__actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12.5px;font-weight:650}
.tz-mock__spk{display:inline-flex;align-items:center;gap:6px;color:var(--tz-primary);background:var(--tz-primary-50);padding:7px 11px;border-radius:10px}
.tz-mock__next{background:var(--tz-primary);color:#fff;padding:8px 13px;border-radius:10px}
.tz-float{position:absolute;display:none;align-items:center;gap:10px;background:#fff;border:1px solid var(--tz-line);border-radius:16px;padding:10px 14px;box-shadow:var(--tz-shadow-lg);font-size:13px;line-height:1.3}
.tz-float .tz-ico{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--tz-accent-50);color:var(--tz-accent-ink)}
.tz-float strong{display:block;color:var(--tz-ink)}
.tz-float span{color:var(--tz-muted)}
.tz-float--a{left:-56px;top:34%}
.tz-float--b{right:-46px;bottom:12%}
@media (min-width:900px){
	.tz-hero{padding:72px 0 96px}
	.tz-hero__grid{grid-template-columns:1.1fr .9fr;gap:56px}
	.tz-hero__cta .tz-btn{flex:0 0 auto}
	.tz-float{display:flex}
}

/* Proberen */
.tz-section--try{background:var(--tz-soft);padding-top:56px}
.tz-try{max-width:680px;margin:0 auto}

/* Kenmerken */
.tz-features{display:grid;gap:16px}
.tz-feature,.tz-card{background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:24px;box-shadow:var(--tz-shadow)}
.tz-card{margin-bottom:20px}
.tz-feature h3{margin-top:14px}
.tz-feature p{color:var(--tz-muted);margin:0}
.tz-feature__ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--tz-primary-50);color:var(--tz-primary)}
.tz-feature__ico .tz-ico{width:24px;height:24px}
@media (min-width:640px){.tz-features{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.tz-features{grid-template-columns:repeat(4,1fr)}}

/* Stappen */
.tz-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
.tz-step{position:relative;background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:26px 24px 24px;box-shadow:var(--tz-shadow)}
.tz-step p{color:var(--tz-muted);margin:0}
.tz-step__n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tz-accent);color:var(--tz-ink);font-family:var(--tz-display);font-weight:800;font-size:1.2rem;margin-bottom:14px}
@media (min-width:860px){.tz-steps{grid-template-columns:repeat(3,1fr)}}

/* Onderwerpen */
.tz-topics{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tz-topic{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--tz-line);border-radius:var(--tz-r);background:#fff}
.tz-topic h3{font-size:1.04rem;margin:0 0 .25em}
.tz-topic p{margin:0;color:var(--tz-muted);font-size:.92em}
.tz-topic__ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--tz-accent-50);color:var(--tz-accent-ink)}
@media (min-width:640px){.tz-topics{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.tz-topics{grid-template-columns:repeat(3,1fr)}}

/* Split */
.tz-split{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.tz-split{grid-template-columns:1.1fr .9fr;gap:64px}}
.tz-checklist{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:12px}
.tz-checklist li{display:flex;gap:12px;align-items:flex-start}
.tz-checklist .tz-ico{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--tz-ok-bg);color:var(--tz-ok);margin-top:.05em}
.tz-quote-card{background:var(--tz-primary);color:#E9E7FF;border-radius:28px;padding:32px;box-shadow:var(--tz-shadow-lg);position:relative;overflow:hidden}
.tz-quote-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,200,61,.18)}
.tz-quote-card .tz-ico{color:var(--tz-accent)}
.tz-quote-card .tz-muted{color:#CFCBFF}
.tz-quote-card__big{font-family:var(--tz-display);font-weight:800;font-size:clamp(1.4rem,3.2vw,1.9rem);line-height:1.25;color:#fff;margin:16px 0}
.tz-compare{display:grid;gap:20px}
@media (min-width:800px){.tz-compare{grid-template-columns:1fr 1fr}}
.tz-card--accent{background:linear-gradient(160deg,#fff 0%,var(--tz-accent-50) 100%)}
.tz-card--soft{background:var(--tz-soft);box-shadow:none}
.tz-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.tz-facts div{background:#fff;border:1px solid var(--tz-line);border-radius:14px;padding:12px;text-align:center}
.tz-facts dt{font-size:.78rem;color:var(--tz-muted);font-weight:600}
.tz-facts dd{margin:2px 0 0;font-family:var(--tz-display);font-weight:800;font-size:1.5rem;color:var(--tz-ink)}

/* Pakketten */
.tz-packages{display:grid;gap:18px;align-items:stretch}
@media (min-width:860px){.tz-packages{grid-template-columns:repeat(3,1fr)}}
.tz-package{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:28px 24px 24px;box-shadow:var(--tz-shadow)}
.tz-package.is-highlight{border:2px solid var(--tz-primary);box-shadow:var(--tz-shadow-lg)}
.tz-package__badge{position:absolute;top:-14px;left:24px;margin:0;background:var(--tz-accent);color:var(--tz-ink);font-size:.78rem;font-weight:750;padding:5px 12px;border-radius:99px}
.tz-package h3{margin-bottom:.15em}
.tz-package__dur{color:var(--tz-muted);font-weight:600;margin:0 0 14px}
.tz-package__price{font-family:var(--tz-display);font-weight:800;font-size:2.6rem;line-height:1;color:var(--tz-ink);margin:0 0 6px;letter-spacing:-.03em}
.tz-package__price span{font-size:1.4rem;vertical-align:top;margin-right:2px}
.tz-package__price--tbd{font-size:1.7rem;color:var(--tz-primary)}
.tz-package__note{font-size:.85em;color:var(--tz-muted);margin-bottom:18px}
.tz-package__list{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px solid var(--tz-line);display:grid;gap:10px;flex:1}
.tz-package__list li{display:flex;gap:10px;font-size:.95em}
.tz-package__list .tz-ico{color:var(--tz-ok);margin-top:.15em}
.tz-package__foot{display:flex;gap:8px;justify-content:center;align-items:flex-start;text-align:left;color:var(--tz-muted);font-size:.9em;margin:22px auto 0;max-width:640px}
.tz-package__foot .tz-ico{color:var(--tz-primary);margin-top:.2em}

/* FAQ */
.tz-faq{display:grid;gap:10px;margin-bottom:24px}
.tz-faq__item{background:#fff;border:1px solid var(--tz-line);border-radius:16px}
.tz-faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;font-weight:650;color:var(--tz-ink);min-height:56px}
.tz-faq__item summary::-webkit-details-marker{display:none}
.tz-faq__item summary i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--tz-primary-50);position:relative}
.tz-faq__item summary i::before,.tz-faq__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--tz-primary);transform:translate(-50%,-50%);border-radius:2px;transition:transform .2s}
.tz-faq__item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.tz-faq__item[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.tz-faq__a{padding:0 20px 18px;color:var(--tz-muted)}
.tz-faq__a p{margin:0}

/* CTA */
.tz-cta{background:var(--tz-ink);color:#D9D7F2;padding:56px 0}
.tz-cta__inner{display:flex;flex-direction:column;gap:22px;align-items:flex-start;position:relative}
.tz-cta h2{color:#fff;margin-bottom:.3em}
.tz-cta p{margin:0}
@media (min-width:860px){.tz-cta__inner{flex-direction:row;align-items:center;justify-content:space-between}}

/* Footer */
.tz-footer{background:#100F2B;color:#B8B6D6;padding:56px 0 28px;font-size:.93rem}
.tz-footer a{color:#E3E1FA;text-decoration:none;display:block;padding:.3em 0}
.tz-footer a:hover{text-decoration:underline}
.tz-footer__grid{display:grid;gap:28px;grid-template-columns:1fr 1fr}
.tz-footer__brand{grid-column:1/-1}
.tz-footer__brand p{margin-top:12px;max-width:30ch}
.tz-footer__h{font-family:var(--tz-font)!important;font-size:.8rem!important;text-transform:uppercase;letter-spacing:.08em;color:#8F8CB8!important;margin-bottom:.6em!important}
.tz-footer__note{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:.85rem;color:#8F8CB8}
.tz-footer__copy{font-size:.85rem;color:#6F6C99;margin:0}
@media (min-width:860px){.tz-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}.tz-footer__brand{grid-column:auto}}

/* Paginakop */
.tz-page-hero{padding:44px 0 24px;background:linear-gradient(180deg,#F5F3FF,#fff)}
.tz-page-hero h1{font-size:clamp(1.9rem,5vw,2.8rem)}
.tz-page-hero__lead{font-size:1.08em;color:var(--tz-muted);margin:0}
.tz-page-hero--small{padding-bottom:8px}
.tz-prose h2{font-size:1.4rem;margin-top:1.6em}
.tz-prose ul{padding-left:1.2em}
.tz-prose li{margin-bottom:.4em}

/* Formulieren */
.tz-auth{min-height:calc(100vh - 68px);display:grid;place-items:start center;padding:32px 16px 64px;background:radial-gradient(500px 260px at 90% 0%,rgba(255,200,61,.16),transparent 70%),linear-gradient(180deg,#F5F3FF,#fff 60%)}
.tz-auth__card{width:100%;max-width:440px;background:#fff;border:1px solid var(--tz-line);border-radius:28px;padding:28px 22px;box-shadow:var(--tz-shadow-lg)}
.tz-auth__card h1{font-size:1.8rem}
.tz-auth__links{text-align:center;margin:16px 0 0}
.tz-auth__alt{text-align:center;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--tz-line);color:var(--tz-muted)}
@media (min-width:500px){.tz-auth{place-items:center}.tz-auth__card{padding:36px 34px}}
.tz-form{display:grid;gap:16px}
.tz-field{display:grid;gap:6px}
.tz-field label,.tz-label{font-weight:650;color:var(--tz-ink);font-size:.95em}
.tz-field-row{display:grid;gap:16px}
@media (min-width:640px){.tz-field-row{grid-template-columns:1fr 1fr}}
.tz input[type=text],.tz input[type=email],.tz input[type=password],.tz textarea,.tz-input{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--tz-line);border-radius:14px;font:inherit;font-size:max(16px,1em);color:var(--tz-ink);background:#fff;transition:border-color .15s}
.tz input:focus,.tz textarea:focus{border-color:var(--tz-primary);outline:none;box-shadow:0 0 0 4px var(--tz-primary-50)}
.tz input:disabled{background:var(--tz-soft);color:var(--tz-muted)}
.tz-pw{position:relative}
.tz-pw input{padding-right:84px}
.tz-pw__toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;padding:0 12px;border:0;border-radius:10px;background:var(--tz-soft);color:var(--tz-primary);font:inherit;font-weight:650;font-size:.88rem;cursor:pointer}
.tz-check{display:flex;gap:10px;align-items:flex-start;font-size:.94em;cursor:pointer}
.tz-check input{width:22px;height:22px;margin:.1em 0 0;accent-color:var(--tz-primary);flex:none}
.tz-fieldset{border:1px solid var(--tz-line);border-radius:16px;padding:16px;margin:0;display:grid;gap:14px}
.tz-fieldset legend{font-weight:700;color:var(--tz-ink);padding:0 6px}
.tz-danger summary{list-style:none;cursor:pointer}
.tz-danger summary::-webkit-details-marker{display:none}
.tz-danger summary h2{margin:0;color:var(--tz-bad)}
.tz-danger[open] summary{margin-bottom:12px}

/* Dashboard */
.tz-dash-hero{padding:32px 0 8px;background:linear-gradient(180deg,#F5F3FF,var(--tz-soft))}
.tz-dash-hero h1{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:.3em}
.tz-section--dash{background:var(--tz-soft);padding:16px 0 64px}
.tz-dash{display:grid;gap:20px}
@media (min-width:980px){.tz-dash{grid-template-columns:1fr 340px;align-items:start}}
.tz-status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92em;padding:7px 14px;border-radius:99px;margin:0}
.tz-status--ok{background:var(--tz-ok-bg);color:#0B5A37}
.tz-status--info{background:var(--tz-primary-50);color:var(--tz-primary-700)}
.tz-status--warn{background:var(--tz-warn-bg);color:var(--tz-warn)}
.tz-card--continue{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;border-left:5px solid var(--tz-accent)}
.tz-card--continue h2{margin:0 0 .2em}
.tz-card--continue p{margin:0}
.tz-card--advice{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fff 0%,var(--tz-primary-50) 100%)}
.tz-advice{font-family:var(--tz-display);font-size:1.25rem;font-weight:700;color:var(--tz-ink);line-height:1.35}
.tz-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.tz-quick__item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#fff;border:1px solid var(--tz-line);border-radius:18px;text-decoration:none;color:var(--tz-text);box-shadow:var(--tz-shadow);transition:border-color .15s,transform .15s}
.tz-quick__item:hover{border-color:var(--tz-primary)}
.tz-quick__item .tz-ico{width:36px;height:36px;padding:8px;border-radius:11px;background:var(--tz-primary-50);color:var(--tz-primary);margin-bottom:6px}
.tz-quick__item strong{color:var(--tz-ink);font-size:.98rem}
.tz-quick__item span{font-size:.84rem;color:var(--tz-muted)}
@media (min-width:760px){.tz-quick{grid-template-columns:repeat(4,1fr)}.tz-quick--3{grid-template-columns:repeat(3,1fr)}}
.tz-progress-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tz-progress a{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--tz-line);border-radius:16px;text-decoration:none;color:var(--tz-text)}
.tz-progress a:hover{border-color:var(--tz-primary)}
.tz-progress__name{font-weight:700;color:var(--tz-ink)}
.tz-progress .tz-bar{grid-column:1/-1}
.tz-progress__meta{grid-column:1/-1;font-size:.84rem;color:var(--tz-muted)}
.tz-bar{display:block;height:8px;background:var(--tz-line);border-radius:9px;overflow:hidden}
.tz-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tz-primary),#6F64F0);border-radius:9px}
.tz-pill{font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}
.tz-pill--ok{background:var(--tz-ok-bg);color:#0B5A37}
.tz-pill--warn{background:var(--tz-warn-bg);color:var(--tz-warn)}
.tz-pill--none{background:var(--tz-soft);color:var(--tz-muted)}
.tz-recent{list-style:none;margin:0 0 12px;padding:0}
.tz-recent li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--tz-line);text-decoration:none;color:var(--tz-text)}
.tz-recent li span:first-child{display:flex;flex-direction:column}
.tz-recent small{color:var(--tz-muted)}
.tz-recent strong{color:var(--tz-ink)}
.tz-recent__score{font-family:var(--tz-display);font-weight:800;color:var(--tz-ink);background:var(--tz-soft);padding:4px 10px;border-radius:10px}
.tz-recent__score.is-ok{background:var(--tz-ok-bg);color:#0B5A37}
.tz-recent__score.is-bad{background:var(--tz-bad-bg);color:#8E2018}
.tz-recent--big li a{background:#fff;border:1px solid var(--tz-line);border-radius:16px;padding:16px 18px;margin-bottom:10px}
.tz-topic-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:760px){.tz-topic-cards{grid-template-columns:1fr 1fr}}
.tz-topic-card{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--tz-line);border-radius:18px;text-decoration:none;color:var(--tz-text);box-shadow:var(--tz-shadow)}
.tz-topic-card:hover{border-color:var(--tz-primary)}
.tz-topic-card__body{flex:1;display:grid;gap:4px}
.tz-topic-card__body strong{color:var(--tz-ink)}
.tz-topic-card__body small{color:var(--tz-muted)}
.tz-topic-card__go{color:var(--tz-primary)}

/* Oefenomgeving */
.tz-app-wrap{max-width:760px}
.tz-runner{position:relative}
.tz-runner__title{font-weight:700;color:var(--tz-muted);margin:0 0 10px}
.tz-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--tz-muted);background:#fff;border-radius:var(--tz-r-lg);border:1px solid var(--tz-line)}
.tz-spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--tz-line);border-top-color:var(--tz-primary);animation:tzspin .8s linear infinite}
@keyframes tzspin{to{transform:rotate(360deg)}}
.tz-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;justify-content:flex-end}
.tz-tool{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--tz-line);background:#fff;color:var(--tz-ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}
.tz-tool[aria-pressed=true]{background:var(--tz-primary-50);border-color:var(--tz-primary);color:var(--tz-primary)}
.tz-tool--select select{border:0;background:transparent;font:inherit;font-weight:650;color:var(--tz-primary);min-height:36px;cursor:pointer}
.tz-q{background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:18px 16px 16px;box-shadow:var(--tz-shadow)}
@media (min-width:600px){.tz-q{padding:26px 28px 24px}}
.tz-q__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.88rem;font-weight:650;color:var(--tz-muted)}
.tz-q__chips{display:flex;gap:6px;flex-wrap:wrap}
.tz-chip{background:var(--tz-primary-50);color:var(--tz-primary-700);padding:4px 10px;border-radius:99px;font-size:.78rem;font-weight:650}
.tz-chip--demo{background:var(--tz-warn-bg);color:var(--tz-warn)}
.tz-pbar{height:6px;background:var(--tz-line);border-radius:9px;margin:12px 0 16px;overflow:hidden}
.tz-pbar i{display:block;height:100%;background:var(--tz-primary);border-radius:9px;transition:width .3s}
.tz-q__fig{position:relative;margin:14px 0 6px;border-radius:16px;overflow:hidden;border:1px solid var(--tz-line);background:var(--tz-soft)}
.tz-q__fig img{display:block;width:100%;cursor:zoom-in}
.tz-q__zoom{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--tz-line);background:rgba(255,255,255,.95);color:var(--tz-ink);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}
.tz-q__fig .tz-q__zoom{position:absolute;right:10px;bottom:10px;box-shadow:var(--tz-shadow)}
.tz-q__text{font-family:var(--tz-font)!important;font-size:clamp(1.12rem,2.8vw,1.32rem)!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.4!important;margin:16px 0 12px!important;outline:none}
.tz-audio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.tz-audio__main{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:0;background:var(--tz-primary-50);color:var(--tz-primary-700);font:inherit;font-size:.92rem;font-weight:650;cursor:pointer}
.tz-audio__main.is-active{background:var(--tz-primary);color:#fff}
.tz-audio__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--tz-line);background:#fff;color:var(--tz-ink);cursor:pointer}
.tz-audio__status{flex-basis:100%;font-size:.85rem;color:var(--tz-muted)}
.tz-audio__status:empty{display:none}
.tz-fs{border:0;margin:0;padding:0;min-width:0}
.tz-opts{margin:0 0 4px}
.tz-opt-wrap{position:relative;margin-bottom:10px}
.tz-opt__input{position:absolute;opacity:0;width:1px;height:1px}
.tz-opt{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 14px;border:2px solid var(--tz-line);border-radius:16px;background:#fff;cursor:pointer;font-weight:550;color:var(--tz-ink);transition:border-color .12s,background .12s;-webkit-tap-highlight-color:transparent}
.tz-opt:hover{border-color:#C9C4F5}
.tz-opt__key{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--tz-soft);font-weight:750;font-size:.9rem;color:var(--tz-muted);transition:background .12s,color .12s}
.tz-opt__txt{flex:1}
.tz-opt__mark{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;white-space:nowrap}
.tz-opt__mark:empty{display:none}
.tz-opt__input:checked+.tz-opt{border-color:var(--tz-primary);background:var(--tz-primary-50)}
.tz-opt__input:checked+.tz-opt .tz-opt__key{background:var(--tz-primary);color:#fff}
.tz-opts--janee .tz-opt{justify-content:center;font-size:1.05rem}
.tz-opts--janee .tz-fs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tz-opts--janee .tz-fs .tz-opt-wrap{margin:0}
.tz-opts--janee .tz-opt__input:checked+.tz-opt::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--tz-primary)}
.tz-opt__input:focus-visible+.tz-opt{outline:3px solid var(--tz-primary);outline-offset:2px}
.tz-opt__input:disabled+.tz-opt{cursor:default}
.tz-opt.is-correct{border-color:var(--tz-ok)!important;background:var(--tz-ok-bg)!important}
.tz-opt.is-correct .tz-opt__key{background:var(--tz-ok)!important;color:#fff!important}
.tz-opt.is-correct .tz-opt__mark{color:var(--tz-ok)}
.tz-opt.is-wrong{border-color:var(--tz-bad)!important;background:var(--tz-bad-bg)!important}
.tz-opt.is-wrong .tz-opt__key{background:var(--tz-bad)!important;color:#fff!important}
.tz-opt.is-wrong .tz-opt__mark{color:var(--tz-bad)}
.tz-input--num{max-width:220px;font-size:1.3rem!important;font-weight:700;letter-spacing:.02em}
.tz-input--num.is-correct{border-color:var(--tz-ok)!important;background:var(--tz-ok-bg)!important}
.tz-input--num.is-wrong{border-color:var(--tz-bad)!important;background:var(--tz-bad-bg)!important}
.tz-hot{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--tz-line);margin:8px 0}
.tz-hot__img{display:block;width:100%}
.tz-hot__zones{position:absolute;inset:0}
.tz-hot__input{position:absolute;opacity:0;width:1px;height:1px}
.tz-hot__zone{position:absolute;display:grid;place-items:center;border:3px dashed rgba(58,47,209,.75);border-radius:14px;background:rgba(255,255,255,.12);cursor:pointer;transition:background .12s}
.tz-hot__tag{background:#fff;color:var(--tz-ink);font-weight:800;font-size:.85rem;padding:3px 9px;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.tz-hot__input:checked+.tz-hot__zone{border-style:solid;border-color:var(--tz-primary);background:rgba(58,47,209,.22)}
.tz-hot__input:checked+.tz-hot__zone .tz-hot__tag{background:var(--tz-primary);color:#fff}
.tz-hot__input:focus-visible+.tz-hot__zone{outline:3px solid var(--tz-accent);outline-offset:2px}
.tz-hot__zone.is-correct{border:4px solid var(--tz-ok)!important;background:rgba(17,128,79,.2)!important}
.tz-hot__zone.is-correct .tz-hot__tag{background:var(--tz-ok);color:#fff}
.tz-hot__zone.is-wrong{border:4px solid var(--tz-bad)!important;background:rgba(194,53,43,.18)!important}
.tz-order{display:grid;gap:10px;margin:8px 0}
.tz-order__item{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:2px solid var(--tz-line);border-radius:16px;background:#fff;font:inherit;font-weight:550;color:var(--tz-ink);text-align:left;cursor:pointer}
.tz-order__n{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:2px dashed #C9C4F5;font-weight:800}
.tz-order__item[aria-pressed=true]{border-color:var(--tz-primary);background:var(--tz-primary-50)}
.tz-order__item[aria-pressed=true] .tz-order__n{border:0;background:var(--tz-primary);color:#fff}
.tz-order.is-correct .tz-order__item{border-color:var(--tz-ok);background:var(--tz-ok-bg)}
.tz-order.is-wrong .tz-order__item{border-color:var(--tz-bad);background:var(--tz-bad-bg)}
.tz-fb{display:none;outline:none}
.tz-fb.is-shown{display:block;margin:14px 0 4px;padding:16px 18px;border-radius:16px;border-left:5px solid}
.tz-fb--ok{background:var(--tz-ok-bg);border-color:var(--tz-ok)}
.tz-fb--bad{background:var(--tz-bad-bg);border-color:var(--tz-bad)}
.tz-fb--err{background:var(--tz-warn-bg);border-color:var(--tz-warn)}
.tz-fb__head{display:flex;align-items:center;gap:8px;font-size:1.08rem;margin:0 0 6px;color:var(--tz-ink)}
.tz-fb--ok .tz-fb__head .tz-ico{color:var(--tz-ok)}
.tz-fb--bad .tz-fb__head .tz-ico{color:var(--tz-bad)}
.tz-fb__right{margin:0 0 10px}
.tz-fb__label{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em;color:var(--tz-muted);margin:10px 0 4px}
.tz-fb__exp{color:var(--tz-ink);margin:0 0 12px}
.tz-fb .tz-audio{margin:0}
.tz-fb .tz-audio__main{background:#fff}
.tz-q__actions{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;align-items:center;margin:16px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--tz-line);border-radius:0 0 var(--tz-r-lg) var(--tz-r-lg)}
.tz-q__actions .tz-q__confirm,.tz-q__actions .tz-q__next{flex:1}
.tz-q__actions .tz-save{flex:none}
@media (min-width:600px){.tz-q__actions{margin:20px -28px -24px;padding:14px 28px 18px}.tz-q__actions .tz-q__confirm,.tz-q__actions .tz-q__next{flex:0 0 auto;margin-left:auto}}
.tz-save[aria-pressed=true]{color:var(--tz-primary)!important;background:var(--tz-primary-50)}
.tz-save[aria-pressed=true] .tz-ico{fill:currentColor}
.tz-done{text-align:center;background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:32px 20px;box-shadow:var(--tz-shadow);outline:none}
.tz-done .tz-result__ring{margin:0 auto 16px}
.tz-done__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.tz-empty .tz-ico--lg{color:var(--tz-primary);margin-bottom:8px}

/* Examen */
.tz-exam-head{position:sticky;top:68px;z-index:20;display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--tz-ink);color:#fff;border-radius:16px;padding:10px 14px;margin-bottom:12px;box-shadow:var(--tz-shadow-lg)}
.tz-timer{display:inline-flex;align-items:center;gap:6px;font-family:var(--tz-display);font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.12);padding:4px 12px;border-radius:10px}
.tz-timer.is-low{background:var(--tz-accent);color:var(--tz-ink)}
.tz-sync{font-size:.8rem;color:#CFCBFF;margin-left:auto}
.tz-exam-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:14px 0}
.tz-exam-end{margin-left:auto}
.tz-exam-grid{background:#fff;border:1px solid var(--tz-line);border-radius:16px;padding:4px 16px}
.tz-exam-grid summary{display:flex;align-items:center;gap:8px;min-height:50px;cursor:pointer;font-weight:650;color:var(--tz-ink)}
.tz-exam-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;padding:6px 0 16px}
.tz-exam-grid__b{min-height:44px;border-radius:10px;border:2px solid var(--tz-line);background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--tz-muted)}
.tz-exam-grid__b.is-done{background:var(--tz-primary-50);border-color:#C9C4F5;color:var(--tz-primary-700)}
.tz-exam-grid__b.is-cur{border-color:var(--tz-primary);color:var(--tz-ink)}
.tz-exam-intro .tz-checklist{margin-bottom:18px}
.tz-dialog{border:0;border-radius:24px;padding:24px;max-width:min(440px,calc(100vw - 32px));box-shadow:var(--tz-shadow-lg)}
.tz-dialog::backdrop{background:rgba(16,15,43,.55)}
.tz-dialog__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}

/* Resultaat */
.tz-back{display:inline-block;margin:0 0 14px;font-weight:650;text-decoration:none}
.tz-result{display:grid;gap:20px;align-items:center;background:#fff;border:1px solid var(--tz-line);border-radius:var(--tz-r-lg);padding:24px;box-shadow:var(--tz-shadow)}
@media (min-width:640px){.tz-result{grid-template-columns:auto 1fr;gap:28px;padding:30px}}
.tz-result__ring{--p:0;--c:var(--tz-primary);width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--tz-line) 0)}
.tz-result.is-pass .tz-result__ring{--c:var(--tz-ok)}
.tz-result.is-fail .tz-result__ring{--c:var(--tz-bad)}
.tz-result__ring span{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#fff;font-family:var(--tz-display);font-weight:800;font-size:1.9rem;color:var(--tz-ink)}
.tz-result__ring small{font-size:.9rem;color:var(--tz-muted);margin-top:-14px}
.tz-result__actions{display:flex;flex-wrap:wrap;gap:10px}
.tz-seg{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--tz-line);border-radius:14px;padding:4px;margin:0 0 14px;flex-wrap:wrap}
.tz-seg__b{min-height:42px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:650;font-size:.9rem;color:var(--tz-muted);cursor:pointer}
.tz-seg__b[aria-pressed=true]{background:var(--tz-primary);color:#fff}
.tz-review{display:grid;gap:10px}
.tz-rev{background:#fff;border:1px solid var(--tz-line);border-radius:18px;overflow:hidden}
.tz-rev summary{display:flex;gap:12px;align-items:flex-start;padding:16px;cursor:pointer;list-style:none}
.tz-rev summary::-webkit-details-marker{display:none}
.tz-rev__state{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:.8rem;font-weight:750;padding:4px 10px;border-radius:99px}
.tz-rev.is-ok .tz-rev__state{background:var(--tz-ok-bg);color:#0B5A37}
.tz-rev.is-bad .tz-rev__state{background:var(--tz-bad-bg);color:#8E2018}
.tz-rev__q{font-weight:600;color:var(--tz-ink)}
.tz-rev__body{padding:0 12px 12px}
.tz-rev .tz-q{box-shadow:none;border:0;padding:0 4px}
.tz-rev .tz-q__actions{position:static;margin:12px 0 0;padding:0;border:0;background:none}

/* Vergroten */
.tz-zoom{border:0;padding:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:rgba(16,15,43,.94)}
.tz-zoom::backdrop{background:rgba(16,15,43,.8)}
.tz-zoom__box{width:100%;height:100%;overflow:auto;display:grid;place-items:center;padding:64px 12px 24px;touch-action:pan-x pan-y pinch-zoom}
.tz-zoom__box img{max-width:100%;max-height:calc(100vh - 100px);background:#fff;border-radius:12px}
.tz-zoom__box.is-big{place-items:start}
.tz-zoom__box.is-big img{max-width:none;max-height:none;width:200%}
.tz-zoom__close,.tz-zoom__more{position:fixed;top:12px;z-index:2;min-height:44px;border-radius:12px;border:0;background:#fff;color:var(--tz-ink);font:inherit;font-weight:650;cursor:pointer}
.tz-zoom__close{right:12px;width:44px;display:grid;place-items:center}
.tz-zoom__more{left:12px;padding:0 14px}

/* Minder beweging */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Hoog contrast / geforceerde kleuren */
@media (forced-colors:active){.tz-opt__input:checked+.tz-opt,.tz-opt.is-correct,.tz-opt.is-wrong{border:3px solid CanvasText}}

/* ===== Hero: pakkende versie ===== */
.tz-hero--wow{position:relative;overflow:hidden;padding:36px 0 0;background:#120F4A;color:#DCD9FF;isolation:isolate}
.tz-hero--wow .tz-hero__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 520px at 78% 18%,#3A2FD1 0%,rgba(58,47,209,0) 70%),radial-gradient(700px 480px at 0% 100%,#2A1F9E 0%,rgba(42,31,158,0) 70%),linear-gradient(180deg,#14105A 0%,#0E0B3A 100%)}
.tz-hero__grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%)}
.tz-hero__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.tz-hero__orb--1{width:340px;height:340px;right:-80px;top:-60px;background:#FFC83D;opacity:.22}
.tz-hero__orb--2{width:300px;height:300px;left:-120px;bottom:40px;background:#6F64F0;opacity:.35}
.tz-hero__road{position:absolute;inset:0;width:100%;height:100%}
.tz-road__glow{fill:none;stroke:rgba(111,100,240,.35);stroke-width:150;filter:blur(18px)}
.tz-road__asphalt{fill:none;stroke:#26226B;stroke-width:118;stroke-linecap:round}
.tz-road__edge{fill:none;stroke:rgba(255,255,255,.14);stroke-width:122;stroke-dasharray:none;stroke-linecap:round;mask:none;opacity:.5}
.tz-road__asphalt{stroke-width:112}
.tz-road__line{fill:none;stroke:#FFC83D;stroke-width:6;stroke-linecap:round;stroke-dasharray:38 34;animation:tzroad 2.8s cubic-bezier(.2,.7,.2,1) 1 both}
@keyframes tzroad{from{stroke-dashoffset:520;opacity:0}to{stroke-dashoffset:0;opacity:1}}
.tz-hero--wow .tz-hero__grid{position:relative;display:grid;gap:36px;align-items:center;padding-bottom:40px}
.tz-hero--wow .tz-eyebrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 16px 7px 12px}
.tz-eyebrow__dot{width:9px;height:9px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 4px rgba(61,220,151,.22)}
.tz-hero--wow .tz-hero__title{color:#fff;font-size:clamp(2.8rem,11vw,5.6rem);line-height:.98;letter-spacing:-.045em;margin:.4em 0 .35em}
.tz-hero--wow .tz-hl{position:relative;display:inline-block;color:#FFC83D;background:none;padding:0}
.tz-hl__swoosh{position:absolute;left:-4%;right:-4%;bottom:-.12em;width:108%;height:.32em;overflow:visible}
.tz-hl__swoosh path{fill:none;stroke:#FFC83D;stroke-width:7;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:tzswoosh .9s .5s ease-out forwards}
@keyframes tzswoosh{to{stroke-dashoffset:0}}
.tz-hero--wow .tz-hero__lead{color:#CFCBFF;font-size:clamp(1.05rem,2.4vw,1.25rem);max-width:30ch}
.tz-btn--glow{box-shadow:0 10px 30px rgba(255,200,61,.35),inset 0 -2px 0 rgba(0,0,0,.12)}
.tz-btn--glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tz-btn--glass:hover{background:rgba(255,255,255,.16)}
.tz-hero--wow .tz-hero__points{color:#E4E1FF}
.tz-hero--wow .tz-hero__points .tz-ico{color:#FFC83D}
.tz-hero--wow .tz-hero__visual{position:relative;max-width:360px;margin:0 auto;width:100%;padding:10px 0 20px}
.tz-hero__sun{position:absolute;width:78%;aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#FFC83D 0%,#FF9F1C 55%,rgba(255,159,28,0) 72%);opacity:.55;filter:blur(8px)}
.tz-phone{position:relative;margin:0 auto;width:86%;background:#0B0930;border-radius:42px;padding:12px;box-shadow:0 40px 80px rgba(5,3,30,.6),0 0 0 2px rgba(255,255,255,.12),inset 0 0 0 2px #24205E;transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tz-hero__visual:hover .tz-phone{transform:rotate(-1.5deg) translateY(-6px)}
.tz-phone__notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:14px;background:#0B0930;z-index:2}
.tz-phone .tz-device__screen{border-radius:32px;padding:44px 14px 16px;background:#F7F6FD}
.tz-sign{position:absolute;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}
.tz-sign--50{width:74px;height:74px;right:-4px;top:4px;transform:rotate(10deg)}
.tz-sign--vr{width:66px;height:66px;left:-6px;bottom:90px;transform:rotate(-8deg)}
.tz-hero--wow .tz-float{display:flex;background:rgba(255,255,255,.96);border:0;box-shadow:0 20px 40px rgba(5,3,30,.45)}
.tz-hero--wow .tz-float--a{left:-10px;top:30%;right:auto;bottom:auto}
.tz-hero--wow .tz-float--b{right:-10px;bottom:20px;left:auto;top:auto}
.tz-wave{display:inline-flex;align-items:center;gap:3px;width:34px;height:34px;padding:0 6px;border-radius:10px;background:#3A2FD1;justify-content:center}
.tz-wave i{display:block;width:3px;height:8px;border-radius:2px;background:#FFC83D;animation:tzwave 1s ease-in-out 3 both}
.tz-wave i:nth-child(2){animation-delay:.1s;height:14px}.tz-wave i:nth-child(3){animation-delay:.2s;height:18px}.tz-wave i:nth-child(4){animation-delay:.3s;height:12px}.tz-wave i:nth-child(5){animation-delay:.4s}
@keyframes tzwave{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.25)}}
.tz-mini-ring{--p:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:conic-gradient(#11804F calc(var(--p)*1%),#E5E3F3 0);flex:none}
.tz-mini-ring b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;font-size:10px;color:#17163A}
.tz-hero__ticker{position:relative;border-top:1px solid rgba(255,255,255,.1);background:rgba(10,8,40,.55);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tz-hero__ticker-track{display:flex;align-items:center;gap:18px;padding:16px 0;white-space:nowrap;width:max-content;color:#BDB8F5;font-weight:600;font-size:.95rem;overflow-x:auto}
.tz-hero__ticker-track i{width:22px;height:4px;border-radius:2px;background:#FFC83D;opacity:.8}
.tz-hero__ticker-track span:nth-of-type(n+9),.tz-hero__ticker-track span:nth-of-type(n+9)+i{display:none}
@media (min-width:900px){
	.tz-hero__ticker-track{width:100%;justify-content:center;flex-wrap:wrap;gap:14px 22px}
}
@media (max-width:899px){
	.tz-hero__ticker-track{width:auto;padding-left:16px;padding-right:16px;scrollbar-width:none}
	.tz-hero__ticker-track::-webkit-scrollbar{display:none}
	.tz-hero--wow .tz-float{font-size:12px;padding:8px 10px}
	.tz-hero--wow .tz-float--a{top:auto;bottom:118px;left:-4px}
	.tz-hero--wow .tz-float--b{bottom:6px;right:-4px}
}
@media (min-width:900px){
	.tz-hero--wow{padding-top:56px}
	.tz-hero--wow .tz-hero__grid{grid-template-columns:1.15fr .85fr;gap:48px;padding-bottom:72px;min-height:620px}
	.tz-hero--wow .tz-hero__visual{max-width:400px}
	.tz-hero--wow .tz-float--a{left:-70px}
	.tz-hero--wow .tz-float--b{right:-50px}
	.tz-sign--50{width:96px;height:96px;right:-30px;top:-6px}
	.tz-sign--vr{width:84px;height:84px;left:-40px;bottom:120px}
}
@media (prefers-reduced-motion:reduce){.tz-road__line{stroke-dashoffset:0;opacity:1}.tz-hl__swoosh path{stroke-dashoffset:0}.tz-phone{transform:rotate(-4deg)!important}}
.tz-hero__road{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.25) 38%,#000 62%);mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.25) 38%,#000 62%)}
@media (min-width:900px){.tz-hero__ticker-track{flex-wrap:nowrap;gap:14px;font-size:.9rem}.tz-sign--vr{left:-78px;bottom:40px}}
.tz-hero__ticker-track i:last-child{display:none}
@media (max-width:899px){.tz-hero__road{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.25) 45%,#000 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.25) 45%,#000 70%)}}

/* ===================== Premium-laag v1.1 ===================== */
:root{--tz-night:#120F4A;--tz-night-2:#0E0B3A;--tz-tab-h:64px}
.tz h1,.tz h2{text-wrap:balance}
.tz p{text-wrap:pretty}
.tz-kicker--light{color:#FFC83D!important}

/* Header */
.tz-header{transition:background .25s,box-shadow .25s,border-color .25s}
.tz-header.is-scrolled{box-shadow:0 6px 24px rgba(23,22,58,.08)}
.tz-header--dark{background:rgba(18,15,74,.86);border-bottom-color:rgba(255,255,255,.08)}
.tz-header--dark .tz-brand__name{color:#fff}
.tz-header--dark .tz-brand__name span{color:#FFC83D}
.tz-header--dark .tz-nav a{color:#DCD9FF}
.tz-header--dark .tz-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.tz-header--dark .tz-btn--ghost{color:#fff!important}
.tz-header--dark .tz-btn--ghost:hover{background:rgba(255,255,255,.1)}
.tz-header--dark .tz-btn--primary{background:#FFC83D;color:#17163A!important;box-shadow:none}
.tz-header--dark .tz-menu summary{border-color:rgba(255,255,255,.2);color:#fff}
.tz-header--dark.is-scrolled{background:rgba(14,11,58,.96)}
.tz-burger{display:grid;gap:4px;width:20px}
.tz-burger i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.tz-menu[open] .tz-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.tz-menu[open] .tz-burger i:nth-child(2){opacity:0}
.tz-menu[open] .tz-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:899px){
	.tz-menu__panel{position:fixed;left:0;right:0;top:68px;width:auto;max-height:calc(100dvh - 68px);overflow:auto;border-radius:0 0 24px 24px;border:0;border-top:1px solid var(--tz-line);padding:12px 16px 20px;box-shadow:0 30px 60px rgba(14,11,58,.25)}
	.tz-menu__panel a{font-size:1.08rem;padding:15px 12px;border-bottom:1px solid var(--tz-soft);border-radius:0}
	.tz-menu[open] summary::before{content:"";position:fixed;inset:68px 0 0;background:rgba(14,11,58,.4);z-index:-1}
}
.tz-menu__label{margin:4px 12px 6px!important;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tz-muted)}
.tz-menu__ctas{display:grid;gap:8px;margin-top:14px}
.tz-menu__ctas a{border-bottom:0!important;border-radius:14px!important;font-size:1rem!important}
.tz-menu__ctas .tz-btn--primary{color:#fff!important}

/* Tabbalk voor ingelogde leerlingen (mobiel) */
.tz-tabbar{display:none}
@media (max-width:899px){
	.tz-has-tabs .tz-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--tz-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
	.tz-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;min-height:52px;border-radius:12px;text-decoration:none;color:var(--tz-muted);font-size:.7rem;font-weight:650}
	.tz-tabbar a .tz-ico{width:22px;height:22px}
	.tz-tabbar a[aria-current]{color:var(--tz-primary);background:var(--tz-primary-50)}
	.tz-has-tabs .tz-footer{padding-bottom:calc(28px + var(--tz-tab-h) + env(safe-area-inset-bottom))}
	.tz-focus .tz-tabbar{display:none!important}
	.tz-focus .tz-footer{display:none}
}

/* Kernpunten onder de hero */
.tz-proof{background:#fff;border-bottom:1px solid var(--tz-line)}
.tz-proof__list{list-style:none;margin:0;padding:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.tz-proof__list li{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--tz-muted);line-height:1.4}
.tz-proof__big{font-family:var(--tz-display);font-weight:800;font-size:1.5rem;color:var(--tz-ink);line-height:1;display:flex;align-items:baseline;gap:4px}
.tz-proof__big small{font-size:.85rem;font-weight:700;color:var(--tz-primary)}
.tz-proof__big .tz-ico{width:26px;height:26px;color:var(--tz-primary)}
@media (min-width:900px){.tz-proof__list{grid-template-columns:repeat(4,1fr);padding:26px 0}.tz-proof__list li{flex-direction:row;align-items:center;gap:14px}.tz-proof__big{flex:none}}

/* Donkere sectie: eerlijk leren */
.tz-section--dark{background:radial-gradient(700px 400px at 90% 0%,rgba(58,47,209,.55),transparent 70%),linear-gradient(180deg,var(--tz-night),var(--tz-night-2));color:#CFCBFF}
.tz-section--dark h2,.tz-section--dark h3{color:#fff}
.tz-honest{display:grid;gap:28px}
.tz-honest__cols{display:grid;gap:14px}
.tz-honest__col{border-radius:22px;padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.tz-honest__col h3{display:flex;align-items:center;gap:10px;font-size:1.1rem}
.tz-honest__col h3 .tz-ico{width:30px;height:30px;padding:6px;border-radius:50%}
.tz-honest__col--yes h3 .tz-ico{background:#3DDC97;color:#0B3B26}
.tz-honest__col--no h3 .tz-ico{background:rgba(255,255,255,.12);color:#FF9C92}
.tz-honest__col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tz-honest__col li{padding-left:18px;position:relative}
.tz-honest__col li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:#FFC83D}
.tz-honest__col--no li{color:#A9A4DE;text-decoration:line-through;text-decoration-color:rgba(255,156,146,.6)}
.tz-honest__col--no li::before{background:#FF9C92}
@media (min-width:900px){.tz-honest{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px}.tz-honest__cols{grid-template-columns:1fr 1fr}}

/* Binnenpagina's: premium kop */
.tz-page-hero{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 90% 0%,rgba(255,200,61,.18),transparent 70%),radial-gradient(800px 380px at 0% 0%,rgba(58,47,209,.6),transparent 70%),linear-gradient(180deg,var(--tz-night),#1B1670);color:#CFCBFF;padding:40px 0 36px}
.tz-page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.tz-page-hero .tz-wrap{position:relative;z-index:1}
.tz-page-hero h1{color:#fff}
.tz-page-hero .tz-kicker{color:#FFC83D}
.tz-page-hero__lead{color:#CFCBFF!important;max-width:56ch}
.tz-page-hero--small{padding-bottom:28px}
@media (min-width:900px){.tz-page-hero{padding:64px 0 52px}}

/* Inloggen en registreren */
.tz-auth{background:linear-gradient(180deg,var(--tz-night) 0,var(--tz-night) 210px,var(--tz-soft) 210px);padding:28px 16px 56px;min-height:calc(100dvh - 68px)}
.tz-auth__grid{width:100%;max-width:960px;margin:0 auto;display:grid;gap:20px;align-items:stretch}
.tz-auth__brand{display:none}
.tz-auth__card{max-width:none;margin:0 auto;width:100%;max-width:460px}
@media (min-width:900px){
	.tz-auth{display:grid;place-items:center;background:radial-gradient(700px 400px at 20% 20%,rgba(58,47,209,.5),transparent 70%),linear-gradient(180deg,var(--tz-night),var(--tz-night-2))}
	.tz-auth__grid{grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px rgba(5,3,30,.45)}
	.tz-auth__brand{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:48px;background:radial-gradient(400px 300px at 100% 100%,rgba(255,200,61,.25),transparent 70%),linear-gradient(160deg,#3A2FD1,#241C96);color:#E4E1FF}
	.tz-auth__quote{font-family:var(--tz-display);font-weight:800;font-size:1.9rem;line-height:1.2;color:#fff;margin:0}
	.tz-auth__brand ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
	.tz-auth__brand li{display:flex;gap:10px;align-items:center}
	.tz-auth__brand li .tz-ico{color:#FFC83D}
	.tz-auth__card{border:0;box-shadow:none;border-radius:0;padding:48px 44px;max-width:none}
}

/* Pakketten: premium */
.tz-package.is-highlight{background:radial-gradient(300px 200px at 100% 0%,rgba(255,200,61,.22),transparent 70%),linear-gradient(170deg,#2A21A8,var(--tz-night));border:0;color:#CFCBFF;box-shadow:0 30px 60px rgba(42,33,168,.35)}
.tz-package.is-highlight h3,.tz-package.is-highlight .tz-package__price{color:#fff}
.tz-package.is-highlight .tz-package__dur,.tz-package.is-highlight .tz-package__note{color:#BDB8F5}
.tz-package.is-highlight .tz-package__list{border-color:rgba(255,255,255,.14)}
.tz-package.is-highlight .tz-package__list .tz-ico{color:#FFC83D}
.tz-package.is-highlight .tz-btn--primary{background:#FFC83D;color:#17163A!important}
.tz-package__perday{display:inline-block;margin:0 0 8px!important;font-size:.82rem;font-weight:700;color:var(--tz-ok);background:var(--tz-ok-bg);padding:3px 10px;border-radius:99px}
.tz-package.is-highlight .tz-package__perday{background:rgba(61,220,151,.15);color:#7FF0BE}
@media (min-width:860px){.tz-package.is-highlight{transform:translateY(-10px)}}

/* Dashboard: donkere welkomstkop */
.tz-dash-hero{background:radial-gradient(600px 300px at 100% 0%,rgba(255,200,61,.16),transparent 70%),linear-gradient(180deg,var(--tz-night),#1D1878);color:#CFCBFF;padding:28px 0 26px}
.tz-dash-hero h1{color:#fff}
.tz-dash-hero__row{display:grid;gap:18px}
.tz-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tz-kpis li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;text-align:center}
.tz-kpi__v{display:block;font-family:var(--tz-display);font-weight:800;font-size:1.6rem;color:#fff;line-height:1.1}
.tz-kpi__l{font-size:.75rem;color:#BDB8F5}
.tz-ready{margin-top:18px;display:grid;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.tz-ready__txt strong{display:block;color:#fff}
.tz-ready__txt span{font-size:.9rem}
.tz-ready__meter{position:relative;height:10px;border-radius:9px;background:rgba(255,255,255,.14)}
.tz-ready__meter i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FFC83D,#3DDC97)}
.tz-ready__meter b{position:absolute;top:-5px;width:3px;height:20px;border-radius:2px;background:#fff;transform:translateX(-50%)}
.tz-dash-hero .tz-status--ok{background:rgba(61,220,151,.15);color:#7FF0BE}
.tz-dash-hero .tz-status--info{background:rgba(255,255,255,.1);color:#E4E1FF}
.tz-dash-hero .tz-status--warn{background:rgba(255,200,61,.18);color:#FFD87A}
@media (min-width:900px){.tz-dash-hero{padding:44px 0 36px}.tz-dash-hero__row{grid-template-columns:1fr auto;align-items:end}.tz-kpis{min-width:420px}.tz-ready{grid-template-columns:1fr 1fr;align-items:center;gap:24px}}

/* Oefenomgeving: extra's */
.tz-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:14px 0 4px}
.tz-pad__k{min-height:52px;border-radius:14px;border:2px solid var(--tz-line);background:#fff;font:inherit;font-size:1.25rem;font-weight:700;color:var(--tz-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.tz-pad__k:active{background:var(--tz-primary-50);border-color:var(--tz-primary)}
.tz-pad__k--del{color:var(--tz-muted)}
.tz-react{position:relative;height:30px;border-radius:10px;background:var(--tz-soft);overflow:hidden;margin:0 0 14px;display:flex;align-items:center}
.tz-react i{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#FFC83D,#FF9F1C);transition:width .1s linear}
.tz-react span{position:relative;z-index:1;padding:0 12px;font-size:.82rem;font-weight:750;color:var(--tz-ink)}
.tz-react--pace i{background:linear-gradient(90deg,#C9C4F5,#A79FF5)}
.tz-react.is-over{background:var(--tz-warn-bg)}
.tz-react.is-done{opacity:.45}
.tz-order--img{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid var(--tz-line)}
.tz-order__zone{position:absolute;display:grid;place-items:center;border:3px dashed rgba(58,47,209,.75);border-radius:14px;background:rgba(255,255,255,.08);cursor:pointer;padding:0}
.tz-order__zone .tz-order__n{background:#fff;border:2px dashed #3A2FD1;width:34px;height:34px;color:var(--tz-ink)}
.tz-order__zone[aria-pressed=true]{border-style:solid;border-color:var(--tz-primary);background:rgba(58,47,209,.18)}
.tz-order__zone[aria-pressed=true] .tz-order__n{background:var(--tz-primary);border-color:var(--tz-primary);color:#fff}
.tz-order--img.is-correct{outline:4px solid var(--tz-ok)}
.tz-order--img.is-wrong{outline:4px solid var(--tz-bad)}
.tz-flag[aria-pressed=true]{color:var(--tz-warn)!important;background:var(--tz-warn-bg)}
.tz-flag[aria-pressed=true] .tz-ico{fill:currentColor}
.tz-exam-grid__b.is-flag{box-shadow:inset 0 -4px 0 #FFC83D}
.tz-exam-head--warm{background:#2A21A8}
.tz-warm .tz-kicker{display:block}
.tz-check--card{background:var(--tz-soft);border:1px solid var(--tz-line);border-radius:14px;padding:14px;margin:0 0 14px}
@keyframes tzpop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
.tz-fb--ok .tz-fb__head .tz-ico{animation:tzpop .4s ease-out}
.tz-tools{justify-content:flex-start}
@media (min-width:600px){.tz-tools{justify-content:flex-end}}
@media (max-width:599px){
	.tz-section--app{padding-top:12px}
	.tz-app-wrap{padding:0 10px}
	.tz-q{border-radius:20px;padding:16px 14px 14px}
	.tz-q__actions{margin:14px -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-radius:0 0 20px 20px}
	.tz-tool{min-height:36px;padding:0 10px;font-size:.8rem}
	.tz-opt{min-height:56px;padding:10px 12px}
}

/* Spiekbrief */
.tz-cheat{display:grid;gap:16px}
@media (min-width:860px){.tz-cheat{grid-template-columns:1fr 1fr}}
.tz-cheat__card{background:#fff;border:1px solid var(--tz-line);border-radius:22px;padding:22px;box-shadow:var(--tz-shadow)}
.tz-cheat__card h2{display:flex;align-items:center;gap:12px}
.tz-cheat__card dl{margin:0 0 12px;display:grid}
.tz-cheat__card dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--tz-line)}
.tz-cheat__card dt{color:var(--tz-text)}
.tz-cheat__card dd{margin:0;font-weight:750;color:var(--tz-ink);text-align:right}
.tz-signs{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:860px){.tz-signs{grid-template-columns:repeat(5,1fr)}}
.tz-signs li{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--tz-line);border-radius:18px;padding:12px;text-align:center;font-size:.86rem;color:var(--tz-muted)}
.tz-signs img{width:100%;height:auto;border-radius:12px}
.tz-signs strong{color:var(--tz-ink);font-size:.95rem}

/* Mobiel: algemene finesse */
@media (max-width:599px){
	.tz-section{padding:52px 0}
	.tz-section__head{margin-bottom:26px}
	.tz-feature,.tz-step,.tz-card{padding:20px}
	.tz-btn--lg{min-height:52px}
	.tz-hero__cta .tz-btn{flex:1 1 100%}
	.tz-cta{padding:44px 0}
	.tz-cta .tz-btn{width:100%}
}
.tz-dash{grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){.tz-dash{grid-template-columns:minmax(0,1fr) 340px}}
.tz-card--advice>div{min-width:0}
.tz-quick__item{min-width:0}
.tz-dash__main,.tz-dash__side{min-width:0}
.tz-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.tz-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.tz-quick--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz-progress a{grid-template-columns:minmax(0,1fr) auto}
.tz-pill{white-space:normal;text-align:center}
.tz-package__perday{align-self:flex-start}
.tz-package.is-highlight .tz-btn[disabled]{opacity:.8}
@media (max-width:899px){.tz-hero--wow .tz-float--a,.tz-sign--vr{display:none!important}.tz-hero--wow .tz-hero__visual{max-width:330px}}
@media (max-width:599px){.tz-cheat__card dl div{flex-direction:column;gap:2px}.tz-cheat__card dd{text-align:left;color:var(--tz-primary-700)}}
.tz-signs img{aspect-ratio:240/200;background:#EEF2F7}
@media (max-width:599px){
	.tz-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -10px 10px;padding:0 10px}
	.tz-tools::-webkit-scrollbar{display:none}
	.tz-tool{flex:none}
	.tz-q__fig img{max-height:38vh;width:100%;object-fit:contain;background:#E7EEF3}
	.tz-q__text{margin-top:12px!important}
}
.tz-hot__img,.tz-order--img>img{display:block;width:100%}
.tz-exam-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tz-exam-nav>*{width:100%;padding-left:.6em;padding-right:.6em}
.tz-exam-nav .tz-flag{order:2}
.tz-exam-nav .tz-btn:nth-child(2){order:3}
.tz-exam-nav .tz-exam-end{order:4;grid-column:1/-1;margin:0}
.tz-exam-nav [hidden]{display:inline-flex!important;visibility:hidden}
@media (min-width:700px){.tz-exam-nav{grid-template-columns:auto auto auto 1fr}.tz-exam-nav .tz-exam-end{grid-column:auto;justify-self:end;width:auto}}

/* Examendag: verwachtingen */
.tz-expect{background:linear-gradient(180deg,#fff,var(--tz-soft))}
.tz-flow{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px;counter-reset:f}
.tz-flow__step{position:relative;display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--tz-line);border-radius:20px;padding:20px;box-shadow:var(--tz-shadow)}
.tz-flow__step h3{margin:0 0 .25em;font-size:1.12rem}
.tz-flow__step p{margin:0;color:var(--tz-muted)}
.tz-flow__n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#5146F2,#241C96);color:#FFC83D;font-family:var(--tz-display);font-weight:800;font-size:1.2rem}
@media (min-width:900px){
	.tz-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
	.tz-flow__step{flex-direction:column}
	.tz-flow__step:not(:last-child)::after{content:"";position:absolute;right:-14px;top:42px;width:12px;height:2px;background:#C9C4F5}
}
.tz-expect__grid{display:grid;gap:14px;margin-bottom:24px}
@media (min-width:800px){.tz-expect__grid{grid-template-columns:1fr 1fr}}
.tz-expect__card{border-radius:22px;padding:24px;background:#fff;border:1px solid var(--tz-line)}
.tz-expect__card h3{font-size:1.1rem}
.tz-expect__card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tz-expect__card li{display:flex;gap:10px;align-items:flex-start}
.tz-expect__card li .tz-ico{flex:none;color:var(--tz-muted);margin-top:.2em}
.tz-expect__card--us{background:linear-gradient(160deg,#2A21A8,var(--tz-night));border:0;color:#E4E1FF;box-shadow:0 24px 50px rgba(42,33,168,.3)}
.tz-expect__card--us h3{color:#fff}
.tz-expect__card--us li .tz-ico{color:#FFC83D}
.tz-expect__close{display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:var(--tz-accent-50);border:1px solid #F6DFA0;border-radius:22px;padding:22px 24px;margin-bottom:16px}
.tz-expect__close p{margin:0;font-size:1.08em;color:var(--tz-ink)}
@media (min-width:800px){.tz-expect__close{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.tz-expect__close .tz-btn{flex:none}}
@media (max-width:599px){.tz-expect__close .tz-btn{width:100%}}

/* Schakelaar (timer aan/uit) */
.tz-switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 10px 0 12px;border-radius:12px;border:1px solid var(--tz-line);background:#fff;color:var(--tz-ink);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer;flex:none}
.tz-switch__track{position:relative;display:inline-block;width:38px;height:22px;border-radius:99px;background:#D6D3EC;transition:background .2s;flex:none}
.tz-switch__track b{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.tz-switch[aria-checked=true]{border-color:var(--tz-primary);background:var(--tz-primary-50);color:var(--tz-primary-700)}
.tz-switch[aria-checked=true] .tz-switch__track{background:var(--tz-primary)}
.tz-switch[aria-checked=true] .tz-switch__track b{transform:translateX(16px)}
.tz-switch--card{width:100%;justify-content:flex-start;text-align:left;min-height:64px;padding:14px;border-radius:14px;background:var(--tz-soft);font-size:1rem}
.tz-switch--card span{flex:1;display:flex;flex-direction:column}
.tz-switch--card small{font-weight:500;color:var(--tz-muted);font-size:.85rem}
.tz-switch--card>.tz-ico{width:26px;height:26px;color:var(--tz-primary)}
.tz-exam-opts{display:grid;gap:10px;margin:0 0 14px}
.tz-exam-opts .tz-check--card{margin:0}
.tz-timer.is-off{background:rgba(255,255,255,.12);font-size:.95rem}

/* ===== Blog ===== */
.tz-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 22px;padding-bottom:2px}
.tz-chips::-webkit-scrollbar{display:none}
.tz-chips a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:99px;border:1px solid var(--tz-line);background:#fff;color:var(--tz-ink);text-decoration:none;font-weight:650;font-size:.92rem}
.tz-chips a span{font-size:.75rem;color:var(--tz-muted);background:var(--tz-soft);border-radius:99px;padding:1px 8px}
.tz-chips a[aria-current]{background:var(--tz-ink);border-color:var(--tz-ink);color:#fff}
.tz-chips a[aria-current] span{background:rgba(255,255,255,.15);color:#fff}
.tz-posts{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.tz-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tz-posts{grid-template-columns:repeat(3,minmax(0,1fr))}.tz-post-card.is-featured{grid-column:1/-1;flex-direction:row}.tz-post-card.is-featured .tz-post-card__img{flex:0 0 58%}.tz-post-card.is-featured .tz-post-card__body{padding:36px;justify-content:center}.tz-post-card.is-featured .tz-post-card__t{font-size:1.9rem}}
.tz-posts--3{grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.tz-posts--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz-post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tz-line);border-radius:22px;overflow:hidden;box-shadow:var(--tz-shadow);transition:transform .2s,box-shadow .2s}
@media (hover:hover){.tz-post-card:hover{transform:translateY(-3px);box-shadow:var(--tz-shadow-lg)}}
.tz-post-card__img{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--tz-night)}
.tz-post-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.tz-post-card__body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px}
.tz-post-card__meta{margin:0!important;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tz-primary)}
.tz-post-card__t{font-size:1.15rem!important;line-height:1.3!important;margin:0!important}
.tz-post-card__t a{color:var(--tz-ink);text-decoration:none}
.tz-post-card__t a::after{content:"";position:absolute;inset:0}
.tz-post-card{position:relative}
.tz-post-card__x{margin:0!important;color:var(--tz-muted);font-size:.93em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tz-pager{display:flex;gap:8px;justify-content:center;margin-top:28px}
.tz-pager a{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;border:1px solid var(--tz-line);background:#fff;text-decoration:none;font-weight:700;color:var(--tz-ink)}
.tz-pager a[aria-current]{background:var(--tz-primary);color:#fff;border-color:var(--tz-primary)}
.tz-crumbs{font-size:.85rem;margin-bottom:14px;color:#A9A4DE}
.tz-crumbs a{color:#CFCBFF;text-decoration:none}
.tz-crumbs a:hover{text-decoration:underline}
.tz-article__hero h1{font-size:clamp(1.9rem,5.5vw,3rem)}
.tz-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0!important;font-size:.88rem;color:#BDB8F5}
.tz-article__img{margin:-8px 0 0;position:relative;top:-0px;border-radius:22px;overflow:hidden;box-shadow:var(--tz-shadow-lg);transform:translateY(-24px)}
.tz-article__img img{display:block;width:100%;height:auto}
.tz-article__body{font-size:1.06em;line-height:1.75;padding-bottom:12px}
.tz-article__body h2{font-size:1.45rem;margin:1.8em 0 .5em}
.tz-article__body p{margin:0 0 1.05em}
.tz-article__body ul,.tz-article__body ol{padding-left:1.25em;margin:0 0 1.2em}
.tz-article__body li{margin-bottom:.45em}
.tz-article__body li::marker{color:var(--tz-primary);font-weight:700}
.tz-article__body a{font-weight:600}
.tz-article__body strong{color:var(--tz-ink)}
.tz-note-src{font-size:.86em!important;color:var(--tz-muted);border-left:3px solid var(--tz-line);padding-left:12px}
.tz-faq--post{margin-top:10px}
.tz-faq--post .tz-faq__a p{margin:0}
.tz-post-cta{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin:28px 0;padding:22px 24px;border-radius:22px;background:radial-gradient(300px 200px at 100% 0%,rgba(255,200,61,.22),transparent 70%),linear-gradient(160deg,#2A21A8,var(--tz-night));color:#CFCBFF}
.tz-post-cta p{margin:0!important}
.tz-post-cta__k{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FFC83D}
.tz-post-cta__t{color:#fff;font-family:var(--tz-display);font-weight:800;font-size:1.25rem;line-height:1.3}
.tz-post-cta .tz-btn{text-decoration:none}
@media (min-width:700px){.tz-post-cta{flex-direction:row;align-items:center;justify-content:space-between}.tz-post-cta .tz-btn{flex:none}}
.tz-related{margin:36px 0 56px}