:root{--paper:#f7f4ee;--card:#fffdf9;--ink:#1f1f1f;--ink-soft:#55524c;--sand:#e6dcc6;--sand-soft:#f0e9d9;--rood:#b44a3f;--rood-donker:#9a3d33;--goud:#d4a62a;--lijn:#e3ddd0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}h1,h2,h3,.kop{margin:0;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;line-height:1.2}p{line-height:1.6}button{font:inherit;cursor:pointer;border:none}.app{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:0 24px 48px;display:flex}.site-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{color:var(--ink);background:0 0;align-items:center;gap:10px;padding:0;display:inline-flex}.logo .logo-tekst{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.logo .gewoon{letter-spacing:.34em;text-transform:uppercase;margin-left:2px;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;line-height:1}.logo .duits{letter-spacing:-.01em;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:1.05}.logo .logo-merk{align-self:center;height:30px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px 0 56px;display:grid}.hero h1{font-size:clamp(30px,4.5vw,44px);font-weight:700}.hero h1 .accent{color:var(--rood)}.taalwissel{cursor:help;-webkit-text-decoration:underline dotted var(--goud);text-decoration:underline dotted var(--goud);text-underline-offset:7px;text-decoration-thickness:2px;display:inline-grid}.taalwissel>span{grid-area:1/1;transition:opacity .25s}.taalwissel .duits,.taalwissel.toon-duits>span{opacity:0}.taalwissel.toon-duits>.duits{opacity:1}.hero p{color:var(--ink-soft);max-width:480px;margin:18px 0 0;font-size:17px}.hero-acties{align-items:center;gap:12px;margin-top:28px;display:flex}.hero-acties .knop-licht{text-decoration:none;display:inline-block}.hero-beeld{justify-content:center;display:flex}.hero-foto{aspect-ratio:1;border-radius:24px;width:100%;max-width:380px}.foto{object-fit:cover;display:block}.foto-placeholder{background:var(--sand-soft);border:1px dashed var(--sand);color:var(--ink-soft);letter-spacing:.04em;place-items:center;font-size:13px;display:grid}.stappen{padding:64px 0 8px;scroll-margin-top:24px}.sectie-intro{color:var(--ink-soft);max-width:640px;margin:-14px 0 28px;font-size:15.5px}.weten{background:var(--card);border:1px solid var(--lijn);border-left:4px solid var(--goud);border-radius:14px;margin-top:24px;padding:20px 24px}.weten h3{margin-bottom:10px;font-size:15px}.weten ul{margin:0;padding-left:18px}.weten li{color:var(--ink-soft);margin-bottom:6px;font-size:14px;line-height:1.6}.stappen h2,.over h2{margin-bottom:28px;font-size:26px}.stappen-rij{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stap{background:var(--card);border:1px solid var(--lijn);border-radius:16px;padding:22px 20px}.stap-ill{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%;margin-bottom:14px}.keuze-ill{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;margin-bottom:10px}.stap-nr{background:var(--goud);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:12px;font-family:Poppins,sans-serif;font-weight:600;display:inline-grid}.stap h3{margin-bottom:6px;font-size:16px}.stap p{color:var(--ink-soft);margin:0;font-size:14px}.stappen-beeld{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.sfeer-foto{aspect-ratio:16/9;border-radius:16px;width:100%}.quote-band{background:var(--sand-soft);text-align:center;border-radius:20px;margin:64px 0 0;padding:36px 40px}.quote-band p{max-width:700px;margin:0 auto;font-family:Poppins,sans-serif;font-size:clamp(17px,2.4vw,21px);font-weight:600;line-height:1.5}.quote-bron{color:var(--ink-soft);margin-top:12px;font-size:13.5px;display:block}.citaat{text-align:center;max-width:640px;color:var(--ink-soft);margin:28px auto 0;font-size:15.5px;font-style:italic}.citaat .taalwissel{text-underline-offset:5px;text-decoration-thickness:1.5px}.citaat-wie{margin-top:6px;font-size:13px;font-style:normal;display:block}.over{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:40px;padding:64px 0 24px;display:grid}.over-foto{aspect-ratio:4/5;border-radius:20px;width:260px}.over-tekst p{color:var(--ink-soft);max-width:560px;margin:0 0 14px}.over-motto{color:var(--ink);font-style:italic}.linkedin{color:var(--rood);align-items:center;gap:7px;margin-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.linkedin:hover{text-decoration:underline}.tegels{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.tegel{background:var(--card);border:1px solid var(--lijn);text-align:left;border-radius:16px;flex-direction:column;gap:10px;padding:24px 20px;transition:transform .12s,box-shadow .12s;display:flex}.tegel:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #1f1f1f12}.tegel:disabled{cursor:default;opacity:.55}.tegel .icoon{background:var(--sand-soft);border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.tegel h3{font-size:17px}.tegel p{color:var(--ink-soft);margin:0;font-size:14px}.tegel-ill{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.tegel-pijl{color:var(--rood);font-size:18px;font-weight:600}.tegel .binnenkort{color:var(--goud);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.site-footer{color:var(--ink-soft);text-align:center;margin-top:auto;padding-top:56px;font-size:13px}.knop{background:var(--rood);color:#fff;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:600}.knop:hover{background:var(--rood-donker)}.knop:disabled{opacity:.5;cursor:default}.knop-licht{border:1px solid var(--lijn);color:var(--ink);background:0 0;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:500}.knop-licht:hover{background:var(--sand-soft);border-color:var(--sand)}.setup{max-width:660px}.setup h1{margin:24px 0 8px;font-size:30px}.setup .sub{color:var(--ink-soft);margin-bottom:28px}.keuze-rij{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.keuze{background:var(--card);border:2px solid var(--lijn);text-align:left;border-radius:14px;padding:18px}.keuze.actief{border-color:var(--rood)}.keuze h3{margin-bottom:6px;font-size:16px}.keuze p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.veld{margin-bottom:24px}.veld label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.veld textarea{border:1px solid var(--lijn);width:100%;min-height:180px;font:inherit;background:var(--card);resize:vertical;border-radius:12px;padding:14px;font-size:14px}.veld textarea:focus{outline:2px solid var(--goud);border-color:#0000}.veld .hint{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.schakel{align-items:center;gap:10px;margin-bottom:28px;font-size:14.5px;display:flex}.sessie{flex-direction:column;flex:1;min-height:0;display:flex}.sessie-balk{border-bottom:1px solid var(--lijn);align-items:center;gap:16px;padding:12px 0 16px;display:flex}.sessie-balk .titel{font-size:15px;font-weight:600}.sessie-balk .timer{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:14px}.sessie-balk .spacer{flex:1}.transcript{flex-direction:column;flex:1;gap:14px;padding:24px 0;display:flex;overflow-y:auto}.bubbel-rij{display:flex}.bubbel-rij.leerling{justify-content:flex-end}.bubbel{border-radius:16px;max-width:78%;padding:12px 16px;font-size:15px;line-height:1.55}.bubbel-rij.docent .bubbel{background:var(--sand-soft);border-bottom-left-radius:4px}.bubbel-rij.leerling .bubbel{background:var(--card);border:1px solid var(--lijn);border-bottom-right-radius:4px}.bubbel .wie{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.controle{border-top:1px solid var(--lijn);flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px;display:flex}.status-tekst{color:var(--ink-soft);min-height:20px;font-size:14px}.mic-knop{background:var(--rood);color:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;transition:transform .1s;display:grid;position:relative}.mic-knop:hover:not(:disabled){transform:scale(1.05)}.mic-knop:disabled{background:var(--sand);cursor:default}.mic-knop.opname{background:var(--ink)}.mic-knop.opname:after{content:"";border:3px solid var(--rood);border-radius:50%;animation:1.4s ease-out infinite puls;position:absolute;inset:-8px}@keyframes puls{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}.hulp-zinnen{color:var(--ink-soft);text-align:center;max-width:560px;font-size:12.5px}.hulp-zinnen em{color:var(--ink)}.presentatie-banner{background:var(--sand-soft);border:1px solid var(--sand);border-radius:12px;margin-top:16px;padding:14px 18px;font-size:14.5px}.mock-badge{background:var(--goud);color:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.fout-tekst{color:var(--rood);font-size:14px}.tekst-fallback{gap:8px;width:100%;max-width:560px;display:flex}.tekst-fallback input{border:1px solid var(--lijn);font:inherit;background:var(--card);border-radius:999px;flex:1;padding:10px 18px;font-size:14px}.feedback{max-width:700px}.feedback h1{margin:24px 0 20px;font-size:28px}.stats-rij{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:28px;display:grid}.stat{background:var(--card);border:1px solid var(--lijn);border-radius:12px;padding:14px}.stat .waarde{font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.stat .label{color:var(--ink-soft);font-size:12.5px}.feedback-tekst{background:var(--card);border:1px solid var(--lijn);border-radius:16px;padding:8px 28px 20px;font-size:15px;line-height:1.65}.feedback-tekst h2{color:var(--rood);margin:22px 0 8px;font-size:17px}.feedback-acties{gap:12px;margin-top:28px;display:flex}.woorden h1{margin:22px 0 8px;font-size:28px}.woorden .sub{color:var(--ink-soft);max-width:560px;margin-bottom:20px}.voortgang-regel{color:var(--ink-soft);margin:0 0 20px;font-size:14px}.thema-rij{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ronde{max-width:640px}.ronde-label{text-transform:uppercase;letter-spacing:.06em;color:var(--goud);margin:22px 0 6px;font-size:13px;font-weight:600}.ronde-vraag{margin-bottom:14px;font-size:26px}.ronde-doel{color:var(--ink-soft);margin:0 0 12px;font-size:14.5px}.woord-chips{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.woord-chip{background:var(--card);border:1px solid var(--sand);border-radius:999px;padding:10px 18px;font-size:16px;font-weight:600}.ronde-controle{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.check-lijst{flex-direction:column;gap:10px;margin:18px 0 22px;display:flex}.check-rij{background:var(--card);border:1px solid var(--lijn);border-radius:12px;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.check-rij strong{font-size:16px}.check-teken{font-size:17px;font-weight:700}.check-rij.goed .check-teken{color:#4a7c46}.check-rij.mis .check-teken{color:var(--rood)}.check-rij.neutraal{opacity:.75}.check-rij.neutraal .check-teken{color:var(--ink-soft)}.check-tip{color:var(--ink-soft);margin:4px 0 0;font-size:13.5px}.voorbeeld-blok{background:var(--sand-soft);border-radius:12px;margin-bottom:14px;padding:14px 18px}.voorbeeld-blok .wie{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.voorbeeld-blok p{margin:0;font-size:15px}.transcript-details{color:var(--ink-soft);margin-bottom:8px;font-size:13.5px}.transcript-details summary{cursor:pointer}.tekst-fallback.grijs{margin-top:4px}.tekst-fallback.grijs input{color:var(--ink-soft);background:#eeeae1;border-color:#0000;font-size:13.5px}.tekst-fallback.grijs input:focus{outline:2px solid var(--sand);color:var(--ink)}.tekst-fallback.grijs input::placeholder{color:#8d897f}.privacy{background:var(--card);border:1px solid var(--lijn);border-left:4px solid var(--rood);border-radius:14px;margin:8px 0 24px;padding:20px 24px}.privacy h3{margin-bottom:10px;font-size:15px}.privacy ul{margin:0;padding-left:18px}.privacy li{color:var(--ink-soft);margin-bottom:6px;font-size:14px;line-height:1.6}.laden{color:var(--ink-soft);align-items:center;gap:10px;padding:40px 0;display:flex}.stip{background:var(--goud);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite stuiter}.stip:nth-child(2){animation-delay:.15s}.stip:nth-child(3){animation-delay:.3s}@keyframes stuiter{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=760px){.hero{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.hero-foto{max-width:300px}.stappen-beeld{grid-template-columns:1fr}.over{grid-template-columns:1fr;gap:24px}.over-foto{width:200px}}@media (width<=560px){.keuze-rij{grid-template-columns:1fr}.bubbel{max-width:90%}}