@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");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{--paper: #faf6f1;--kaart: #ffffff;--mist: #f9f5ef;--frost: #e7e0d6;--frost-sterk: #cbc7c3;--inkt: #14120f;--smoke: #5d5852;--fog: #8d8781;--accent: #ff3c00;--accent-vlak: #d63500;--accent-vlak-dk: #b82b00;--accent-zacht: #fdece5;--blauw: #17337d;--blauw-dk: #0f2358;--blauw-zacht: #e8ecf7;--blauw-tekst: #17337d;--groen: #15803d;--rood: #d32f2f;--geel: #facc15;--roze: #be185d;--antraciet: #374151;--radius: 16px;--radius-knop: 10px;--radius-pil: 100px;--breedte: 1200px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #14120f;--kaart: #1d1a16;--mist: #262119;--frost: #332d25;--frost-sterk: #4a423a;--inkt: #f6f2ec;--smoke: #cbc3ba;--fog: #948c83;--accent: #ff7a4d;--accent-vlak: #d63500;--accent-zacht: #33190f;--blauw: #16224a;--blauw-zacht: #1b2547;--blauw-tekst: #b9c6ee}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--inkt);font-family:DM Sans Variable,DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--breedte);margin:0 auto;padding:0 24px}.nav{background:var(--kaart);border-bottom:1px solid var(--frost);position:sticky;top:0;z-index:40}.nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.merk{display:flex;align-items:center;gap:10px;color:var(--inkt);text-decoration:none;font-weight:600;font-size:20px}.merk svg{flex:none}.merk-play{fill:var(--accent-vlak);stroke:var(--accent-vlak)}.nav-links{display:flex;align-items:center;gap:16px}.nav-tag{font-size:13px;font-weight:600;background:var(--blauw-zacht);color:var(--blauw-tekst);padding:4px 10px;border-radius:var(--radius-pil)}.terug-link{color:var(--smoke);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color .12s ease}.terug-link:hover{color:var(--inkt)}.hero-vlak{background:var(--mist);border-bottom:1px solid var(--frost);padding:48px 0 40px}.kicker{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-vlak);margin-bottom:8px}.hero h1{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.15;font-weight:800;color:var(--inkt);max-width:800px}.hero p{color:var(--smoke);font-size:1.15rem;line-height:1.55;max-width:720px;margin-top:14px}.sectie-kaarten{padding:48px 0 64px}.sectie-kop{margin-bottom:32px}.sectie-kop h2{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.65rem;font-weight:700}.sectie-kop p{color:var(--smoke);font-size:.95rem;margin-top:4px}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.keuze-kaart{background:var(--kaart);border:1px solid var(--frost);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-shadow:0 2px 8px #0000000a}.keuze-kaart:hover{transform:translateY(-2px);border-color:var(--frost-sterk);box-shadow:0 6px 18px #00000012}.kaart-kopje{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modus-badge{font-size:12px;font-weight:700;background:#f0ede6;color:var(--inkt);padding:3px 10px;border-radius:var(--radius-pil);text-transform:uppercase;letter-spacing:.03em}.keuze-kaart h3{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.25}.kaart-uitleg{color:var(--smoke);font-size:.92rem;margin-top:6px;min-height:2.8em}.preview-box{background:var(--mist);border:1px dashed var(--frost-sterk);border-radius:12px;padding:16px;margin:18px 0 22px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:100px}.mini-chip{flex:1;height:68px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.4rem;line-height:1;box-shadow:0 1px 3px #00000026}.mini-chip span{font-family:Public Sans,sans-serif;font-size:.7rem;font-weight:600;margin-top:4px;opacity:.95}.chip-groen{background:var(--groen)}.chip-rood{background:var(--rood)}.chip-blauw{background:#1d4ed8}.chip-geel{background:var(--geel);color:#12241f!important}.chip-roze{background:var(--roze)}.chip-antraciet{background:var(--antraciet)}.acties{display:flex;flex-direction:column;gap:8px;margin-top:auto}.knop-start{background:var(--accent-vlak);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:12px 18px;border-radius:var(--radius-knop);display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease,transform 80ms ease;border:none;cursor:pointer}.knop-start:hover{background:var(--accent-vlak-dk)}.knop-start:active{transform:scale(.98)}.knop-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}.knop-subtiel{background:var(--paper);border:1px solid var(--frost-sterk);color:var(--inkt);font:inherit;font-size:13px;font-weight:600;padding:9px 12px;border-radius:var(--radius-knop);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s ease,border-color .12s ease}.knop-subtiel:hover{background:var(--kaart);border-color:var(--inkt)}.sectie-uitleg{background:var(--mist);border-top:1px solid var(--frost);border-bottom:1px solid var(--frost);padding:56px 0}.uitleg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:28px}.uitleg-item{background:var(--kaart);border:1px solid var(--frost);border-radius:12px;padding:22px}.uitleg-icoon{font-size:28px;display:block;margin-bottom:12px}.uitleg-item h4{font-size:17px;font-weight:700;margin-bottom:6px}.uitleg-item p{color:var(--smoke);font-size:14px;line-height:1.5}footer{padding:32px 0;border-top:1px solid var(--frost);background:var(--kaart)}footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-tekst{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--smoke);flex-wrap:wrap}.footer-link{color:var(--smoke);text-decoration:none}.footer-link:hover{color:var(--inkt);text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#14120f;color:#fff;padding:12px 22px;border-radius:9999px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0003;z-index:100;opacity:0;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease;pointer-events:none}.toast.zichtbaar{transform:translate(-50%) translateY(0);opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:90;padding:16px;opacity:0;pointer-events:none;transition:opacity .15s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-venster{background:var(--kaart);border:1px solid var(--frost);border-radius:var(--radius);width:100%;max-width:400px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 30px #00000026}.modal-kop{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-kop h3{font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:700}.modal-sluit{background:transparent;border:none;font-size:20px;color:var(--smoke);cursor:pointer;padding:4px 8px;border-radius:6px}.modal-sluit:hover{background:var(--mist);color:var(--inkt)}.modal-qr-bak{background:#fff;padding:16px;border-radius:12px;border:1px solid var(--frost);margin-bottom:16px}.modal-qr-bak canvas{display:block;max-width:100%;height:auto!important}.modal-url{font-family:monospace;font-size:13px;background:var(--mist);padding:6px 12px;border-radius:6px;color:var(--smoke);margin-bottom:18px;word-break:break-all}