@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:400;src:url(./big-shoulders-vietnamese-400-normal-DLy9aWs9.woff2) format("woff2"),url(./big-shoulders-vietnamese-400-normal-K_rRC7BU.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:400;src:url(./big-shoulders-latin-ext-400-normal-Co3ZaPMq.woff2) format("woff2"),url(./big-shoulders-latin-ext-400-normal-nu1opTZx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:400;src:url(./big-shoulders-latin-400-normal-Cflzdvir.woff2) format("woff2"),url(./big-shoulders-latin-400-normal-HHskhWrb.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-vietnamese-600-normal-D3D24SY3.woff2) format("woff2"),url(./big-shoulders-vietnamese-600-normal-Dtmxwt0l.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-latin-ext-600-normal-DNVjHA_v.woff2) format("woff2"),url(./big-shoulders-latin-ext-600-normal-B5B1vegn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-latin-600-normal-B-pGGujo.woff2) format("woff2"),url(./big-shoulders-latin-600-normal-0D-BQtX2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-vietnamese-700-normal-eBSh7So1.woff2) format("woff2"),url(./big-shoulders-vietnamese-700-normal-BaqTbgNb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-latin-ext-700-normal-CroU-BWi.woff2) format("woff2"),url(./big-shoulders-latin-ext-700-normal-BsAuV9kT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-latin-700-normal-BXkjPpB5.woff2) format("woff2"),url(./big-shoulders-latin-700-normal-BCJQMx3s.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./work-sans-vietnamese-400-normal-BxGuknnG.woff2) format("woff2"),url(./work-sans-vietnamese-400-normal-DFZk_KN_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./work-sans-latin-ext-400-normal-zfQnhXzv.woff2) format("woff2"),url(./work-sans-latin-ext-400-normal-j7TZlk-s.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./work-sans-latin-400-normal-jUejSri3.woff2) format("woff2"),url(./work-sans-latin-400-normal-DE1_0GuN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./work-sans-vietnamese-600-normal-DizFELYt.woff2) format("woff2"),url(./work-sans-vietnamese-600-normal-ue5fzGW6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./work-sans-latin-ext-600-normal-DNiHHggD.woff2) format("woff2"),url(./work-sans-latin-ext-600-normal-B1NFRnx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./work-sans-latin-600-normal-DB-2V89X.woff2) format("woff2"),url(./work-sans-latin-600-normal-Cg-NlmS7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2) format("woff2"),url(./jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2) format("woff2"),url(./jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-greek-400-normal-C190GLew.woff2) format("woff2"),url(./jetbrains-mono-greek-400-normal-B9oWc5Lo.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2) format("woff2"),url(./jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2) format("woff2"),url(./jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier: #0E2A47;--papier-vlak: #123356;--lijn: #2E5578;--inkt: #EAF3F1;--inkt-dim: #9FB8C9;--cyaan: #61D2C6;--cyaan-wash: rgba(97,210,198,.12);--amber: #E8B04B;--rood: #E0685A;--sp-1: .5rem;--sp-2: .875rem;--sp-3: 1.5rem;--sp-4: 2.25rem;--sp-5: 3.5rem;--sp-6: 5.5rem;--ff-display: "Big Shoulders", system-ui, sans-serif;--ff-tekst: "Work Sans", system-ui, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, monospace;--mal-accent: #2E5AAC;--mal-accent-tekst: #FFFFFF;--mal-radius: 2px;--mal-font-display: "Big Shoulders", sans-serif;--mal-font-tekst: "Work Sans", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--inkt);font-family:var(--ff-tekst);font-size:17px;line-height:1.55;background-image:linear-gradient(var(--lijn) 1px,transparent 1px),linear-gradient(90deg,var(--lijn) 1px,transparent 1px);background-size:42px 42px;background-attachment:fixed;-webkit-font-smoothing:antialiased}.mono{font-family:var(--ff-mono);letter-spacing:.01em}h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0}p{margin:0 0 var(--sp-2)}a{color:var(--cyaan)}button{font-family:inherit}.overslaan{position:absolute;left:-9999px}.overslaan:focus{left:var(--sp-2);top:var(--sp-2);background:var(--inkt);color:var(--papier);padding:var(--sp-1);z-index:10}.kop-balk{background:#081a2c;color:var(--inkt-dim);text-align:center;padding:7px var(--sp-2);font-size:13px;border-bottom:1px solid var(--lijn)}.kop-balk .mono{color:var(--amber)}.kop{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:2px solid var(--cyaan);max-width:1200px;margin:0 auto}.merk{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--inkt)}.merk-mal{width:30px;height:30px;color:var(--cyaan)}.merk-tekst b{display:block;font-family:var(--ff-display);font-size:1.4rem;letter-spacing:.04em}.merk-tekst i{display:block;font-style:normal;color:var(--inkt-dim);font-size:.8rem}.terug{text-decoration:none;font-size:.9rem;color:var(--inkt-dim)}.terug:hover{color:var(--cyaan)}main{max-width:1200px;margin:0 auto;padding:0 var(--sp-4)}.hero{padding:var(--sp-6) 0 var(--sp-5);border-bottom:1px solid var(--lijn)}.referentie{color:var(--cyaan);margin-bottom:var(--sp-3)}.hero h1{font-size:clamp(1.8rem,4.2vw,3rem);max-width:26ch;text-transform:none}.lede{font-size:1.1rem;color:var(--inkt-dim);max-width:62ch;margin-top:var(--sp-2)}section.werkbank,section.resultaat,section.export,section.cta{padding:var(--sp-5) 0;border-bottom:1px solid var(--lijn)}section h2{font-size:1.3rem;letter-spacing:.04em;margin-bottom:var(--sp-1);display:flex;gap:10px;align-items:baseline}section h2 .mono{color:var(--cyaan);font-size:.95rem}.instel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-3)}.instel-blok h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-dim);font-family:var(--ff-tekst);font-weight:600;margin-bottom:var(--sp-2)}.stalen{display:flex;flex-wrap:wrap;gap:8px}.staal{width:34px;height:34px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0}.staal--actief{border-color:var(--cyaan);box-shadow:0 0 0 2px var(--papier),0 0 0 3px var(--cyaan)}.eigen-kleur{display:flex;flex-direction:column;gap:4px;margin-top:var(--sp-2);font-size:.82rem;color:var(--inkt-dim)}.eigen-kleur input{background:var(--papier-vlak);border:1px solid var(--lijn);color:var(--inkt);padding:8px 10px;font-family:var(--ff-mono);border-radius:2px}.keuze-kaarten{display:flex;flex-direction:column;gap:8px}.keuze-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--papier-vlak);border:1px solid var(--lijn);color:var(--inkt);padding:10px 12px;cursor:pointer;text-align:left;border-radius:2px}.keuze-kaart b{font-size:1.1rem;text-transform:none}.keuze-kaart span{font-size:.78rem;color:var(--inkt-dim)}.keuze-kaart--actief{border-color:var(--cyaan);background:var(--cyaan-wash)}.keuze-rij{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--papier-vlak);border:1px solid var(--lijn);color:var(--inkt);padding:8px 16px;cursor:pointer;font-size:.88rem}.chip--actief{border-color:var(--cyaan);color:var(--cyaan)}.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px;margin-top:var(--sp-3)}.ladder-stap{padding:var(--sp-2);display:flex;flex-direction:column;gap:6px;min-height:90px;justify-content:space-between}.ladder-stap--basis{outline:2px solid var(--cyaan);outline-offset:-2px}.ladder-stop{font-size:.78rem;opacity:.85}.ladder-hex{font-size:.82rem}.ladder-oordeel{font-size:.74rem;font-family:var(--ff-mono);padding:2px 6px;border-radius:2px;width:fit-content}.ladder-oordeel--ok{background:#ffffff2e}.ladder-oordeel--zakt{background:var(--rood);color:#fff}.type-preview{margin-top:var(--sp-3);padding:var(--sp-4);background:var(--papier-vlak);border:1px solid var(--lijn)}.type-label{color:var(--inkt-dim);margin-bottom:var(--sp-3)}.proef{font-family:var(--mal-font-tekst);color:var(--inkt)}.proef--h1{font-family:var(--mal-font-display);font-size:3rem;font-weight:700}.proef--h2{font-family:var(--mal-font-display);font-size:1.8rem;font-weight:700}.proef--h3{font-family:var(--mal-font-display);font-size:1.3rem;font-weight:600;color:var(--mal-accent)}.proef--body{max-width:60ch}.proef--caption{color:var(--inkt-dim);font-size:.82rem}.comp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-top:var(--sp-3)}.comp-cel{padding:var(--sp-3);background:var(--papier-vlak);border:1px solid var(--lijn)}.comp-cel h4{font-family:var(--ff-tekst);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-dim);font-weight:600;margin-bottom:var(--sp-2)}.comp-rij{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v-knop{font-family:var(--mal-font-tekst);border-radius:var(--mal-radius);padding:10px 18px;font-size:.92rem;font-weight:600;cursor:pointer;border:2px solid var(--mal-accent)}.v-knop--primair{background:var(--mal-accent);color:var(--mal-accent-tekst)}.v-knop--secundair{background:transparent;color:var(--mal-accent)}.v-knop:disabled{opacity:.4;cursor:not-allowed}.v-veld{display:flex;flex-direction:column;gap:6px;font-family:var(--mal-font-tekst);font-size:.88rem;max-width:280px}.v-veld input{border-radius:var(--mal-radius);border:1.5px solid var(--lijn);background:var(--papier);color:var(--inkt);padding:10px 12px;font-family:var(--mal-font-tekst)}.v-veld input:focus{outline:2px solid var(--mal-accent)}.v-badge{font-family:var(--mal-font-tekst);background:var(--mal-accent);color:var(--mal-accent-tekst);border-radius:var(--mal-radius);padding:4px 10px;font-size:.8rem;font-weight:600}.v-badge--rustig{background:transparent;border:1.5px solid var(--mal-accent);color:var(--mal-accent)}.v-kaart{font-family:var(--mal-font-tekst);border:1.5px solid var(--lijn);border-radius:var(--mal-radius);padding:var(--sp-3);background:var(--papier)}.v-kaart b{font-family:var(--mal-font-display);font-size:1.05rem;display:block;margin-bottom:4px}.v-kaart p{color:var(--inkt-dim);font-size:.88rem}.export-knoppen{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}.knop{display:inline-block;padding:10px 18px;border:1px solid var(--cyaan);background:transparent;color:var(--cyaan);font-weight:600;font-size:.92rem;cursor:pointer;font-family:var(--ff-tekst)}.knop:hover,.knop--primair{background:var(--cyaan);color:var(--papier)}.knop--primair:hover{background:var(--inkt);border-color:var(--inkt)}.code-preview{margin-top:var(--sp-3);background:#081a2c;border:1px solid var(--lijn);padding:var(--sp-3);font-family:var(--ff-mono);font-size:.82rem;color:var(--cyaan);overflow-x:auto;white-space:pre}.cta h2{font-size:1.6rem;text-transform:none;margin:6px 0 var(--sp-2)}@media(max-width:900px){.instel-grid,.comp-grid{grid-template-columns:1fr}}@media(max-width:640px){.kop{padding:var(--sp-2) var(--sp-3)}main{padding:0 var(--sp-2)}}