@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/12d4e8c1f08b4a66-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cabb10e1d7cbc7c1-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9f5a2b9f13a4ecbb-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8aeca813a9ab546-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/12d4e8c1f08b4a66-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/cabb10e1d7cbc7c1-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9f5a2b9f13a4ecbb-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d8aeca813a9ab546-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/12d4e8c1f08b4a66-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cabb10e1d7cbc7c1-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9f5a2b9f13a4ecbb-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8aeca813a9ab546-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/12d4e8c1f08b4a66-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cabb10e1d7cbc7c1-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9f5a2b9f13a4ecbb-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8aeca813a9ab546-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}._0QGgrW_className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}._0QGgrW_variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grond-1:#0f123b;--grond-2:#090d2e;--grond-3:#020515;--grond:linear-gradient(159deg, var(--grond-1) 14%, var(--grond-2) 56%, var(--grond-3) 86%);--kaart:linear-gradient(127deg, #060b28f0 19%, #0a0e237d 77%);--kaart-binnen:#060b26bd;--zijbalk:linear-gradient(112deg, #060b26f0 59%, #1a1f3700 100%);--lijn:#ffffff14;--scheiding:linear-gradient(90deg, #e0e1e200 0%, #e0e1e266 50%, #e0e1e200 100%);--blauw:#0075ff;--blauw-zacht:#0075ff29;--cyaan:#2cd9ff;--violet:#582cff;--groen:#01b574;--rood:#e31a1a;--tekst:#fff;--zacht:#a0aec0;--stil:#718096;--gloed:0 0 28px #0075ff73;--rond-groot:20px;--rond:15px;--rond-klein:12px;--zijbalk-breedte:264px;--tabbalk-hoogte:68px;--rand:16px;--font:var(--font-jakarta), "Plus Jakarta Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--grond-3);-webkit-text-size-adjust:100%}body{background:var(--grond);min-height:100dvh;color:var(--tekst);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cyaan);outline-offset:3px;border-radius:8px}.verborgen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.schil{min-height:100dvh}.hoofd{padding:calc(env(safe-area-inset-top) + 12px) var(--rand) calc(var(--tabbalk-hoogte) + env(safe-area-inset-bottom) + 28px);max-width:1280px}@media (min-width:960px){.schil{grid-template-columns:var(--zijbalk-breedte) 1fr;display:grid}.hoofd{width:100%;padding:24px 32px 48px 8px}}.zijbalk{display:none}@media (min-width:960px){.zijbalk{background:var(--zijbalk);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border-radius:var(--rond-groot);flex-direction:column;height:calc(100dvh - 32px);margin:16px;padding:28px 16px 16px;display:flex;position:sticky;top:16px}}.merk{letter-spacing:.18em;align-items:center;gap:10px;padding:0 8px;font-size:15px;font-weight:700;display:flex}.merk-scheiding{background:var(--scheiding);height:1px;margin:26px 0 22px}.nav-lijst{gap:4px;margin:0;padding:0;list-style:none;display:grid}.nav-link{border-radius:var(--rond);color:var(--tekst);align-items:center;gap:14px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-link:hover{background:#ffffff0a}.nav-link[aria-current=page]{background:#1a1f37;font-weight:700}.nav-icoon{border-radius:var(--rond-klein);width:32px;height:32px;color:var(--blauw);background:#1a1f37;place-items:center;display:grid}.nav-link[aria-current=page] .nav-icoon{background:var(--blauw);color:#fff;box-shadow:var(--gloed)}.zijbalk-voet{border-radius:var(--rond-groot);background:radial-gradient(120% 90% at 100% 0,#2cd9ff59,#0000 60%),radial-gradient(100% 100% at 0 100%,#582cff8c,#0000 65%),#1a1f37;margin-top:auto;padding:18px}.zijbalk-voet .naam{font-weight:700}.zijbalk-voet .klein{color:#ffffffbf;margin-bottom:12px;font-size:12px}.tabbalk{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--lijn);background:linear-gradient(#090d2e99,#020515f5);position:fixed;inset:auto 0 0}.tabbalk ul{grid-template-columns:repeat(5,1fr);max-width:520px;margin:0 auto;padding:0;list-style:none;display:grid}.tab{color:var(--zacht);flex-direction:column;align-items:center;gap:4px;padding:4px 0;font-size:11px;font-weight:500;display:flex}.tab .nav-icoon{width:36px;height:30px;color:var(--zacht);background:0 0}.tab[aria-current=page]{color:var(--tekst);font-weight:700}.tab[aria-current=page] .nav-icoon{background:var(--blauw);color:#fff;box-shadow:var(--gloed)}@media (min-width:960px){.tabbalk{display:none}}.kop{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:20px;display:flex}.kop .datum{color:var(--zacht);font-size:13px}.kop h1{font-size:22px;font-weight:700;line-height:1.2}.kop-mobiel-merk{align-items:center;gap:8px;display:flex}@media (min-width:960px){.kop-mobiel-merk{display:none}}.kaart{border-radius:var(--rond-groot);background:var(--kaart);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);padding:22px;position:relative;overflow:hidden}.kaart-titel{font-size:17px;font-weight:700}.kaart-sub{color:var(--zacht);margin-top:2px;font-size:13px}.raster{gap:16px;display:grid}.tegels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:1200px){.tegels{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.tegel{border-radius:var(--rond-groot);background:var(--kaart);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:16px 18px;display:flex}.tegel-label{color:var(--zacht);font-size:12px;font-weight:500}.tegel-waarde{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.tegel-waarde.leeg{color:var(--stil)}.tegel-icoon{border-radius:var(--rond-klein);background:var(--blauw);width:44px;height:44px;box-shadow:var(--gloed);flex:none;place-items:center;display:grid}@media (max-width:420px){.tegel{flex-direction:column-reverse;align-items:flex-start}.tegel-icoon{width:36px;height:36px}}.home-midden{gap:16px;display:grid}@media (min-width:1200px){.home-midden{grid-template-columns:1.6fr 1fr;gap:20px}}.welkom{isolation:isolate;min-height:300px;padding-bottom:150px}.welkom-tekst{max-width:34ch}.welkom .zacht{color:var(--zacht);font-size:14px}.welkom h2{margin:4px 0 10px;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.15}.welkom-lijn{z-index:-1;pointer-events:none;width:104%;height:130px;position:absolute;bottom:12px;left:-2%}.meter-kaart{text-align:center;flex-direction:column;align-items:center;display:flex}.meter-kaart .kaart-titel,.meter-kaart .kaart-sub{text-align:left;align-self:flex-start}.meter{width:min(240px,100%);margin:18px auto 0;position:relative}.meter svg{width:100%;height:auto;display:block}.meter-midden{flex-direction:column;align-items:center;display:flex;position:absolute;inset:auto 0 0}.meter-getal{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.meter-uitleg{color:var(--zacht);margin-top:6px;font-size:12px}.meter-schaal{border-radius:var(--rond-groot);background:var(--kaart-binnen);width:min(240px,100%);color:var(--zacht);justify-content:space-between;margin:10px auto 0;padding:10px 16px;font-size:12px;display:flex}.tijdlijn{gap:0;margin:20px 0 0;padding:0;list-style:none;display:grid}.stap{grid-template-columns:36px 1fr auto;align-content:start;align-items:center;gap:14px;padding:12px 0;display:grid;position:relative}.stap+.stap:before{content:"";background:#ffffff1f;width:2px;height:24px;position:absolute;top:-12px;left:17px}.stap-bol{width:36px;height:36px;color:var(--zacht);background:#1a1f37;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.stap[data-status=klaar] .stap-bol{background:var(--blauw);color:#fff;box-shadow:var(--gloed)}.stap-naam{font-size:14px;font-weight:700}.stap-wat{color:var(--zacht);font-size:13px}.stap-status{color:var(--stil);font-size:12px}.stap[data-status=klaar] .stap-status{color:var(--groen)}@media (min-width:1200px){.tijdlijn{grid-template-columns:repeat(5,1fr);gap:12px}.stap{grid-template-columns:1fr;place-items:start;gap:10px;padding:0}.stap+.stap:before{width:12px;height:2px;top:17px;left:-12px}}.leeg-kaart{gap:18px;max-width:720px;display:grid}.leeg-kaart .kaart-icoon{border-radius:var(--rond);background:var(--blauw);width:52px;height:52px;box-shadow:var(--gloed);place-items:center;display:grid}.leeg-kaart h2{font-size:20px;font-weight:700}.leeg-kaart p{color:var(--zacht);max-width:60ch}.leeg-lijst{gap:8px;margin:0;padding:0;list-style:none;display:grid}.leeg-lijst li{border-radius:var(--rond);background:var(--kaart-binnen);align-items:baseline;gap:10px;padding:12px 14px;font-size:14px;display:flex}.leeg-lijst li:before{content:"";background:var(--cyaan);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.leeg-fase{color:var(--stil);font-size:13px}.knop{border-radius:var(--rond-klein);background:var(--blauw);color:#fff;cursor:pointer;min-height:46px;box-shadow:var(--gloed);border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.knop:hover{background:#1a84ff}.knop:disabled{opacity:.6;cursor:progress}.knop-stil{border-radius:var(--rond-klein);color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff3d;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.knop-stil:hover{background:#ffffff1f}.knop-icoon{border-radius:var(--rond-klein);width:40px;height:40px;color:var(--zacht);cursor:pointer;background:#1a1f37;border:0;place-items:center;display:grid}.inlog{min-height:100dvh;padding:24px var(--rand);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.inlog-lijn{z-index:-1;opacity:.9;position:absolute;top:50%;left:-5%;right:-5%;transform:translateY(-50%)}@media (max-width:700px){.inlog{align-content:center;gap:8px}.inlog-lijn{width:120%;height:150px;margin:0 -10%;position:static;transform:none}}.inlog-kaart{border-radius:var(--rond-groot);background:var(--kaart);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--lijn);text-align:center;width:min(400px,100%);padding:32px 28px}.inlog-kaart .merk{justify-content:center;margin-bottom:28px}.inlog-kaart h1{font-size:26px;font-weight:700;line-height:1.2}.inlog-kaart p{color:var(--zacht);margin-top:8px;font-size:14px}.inlog-kaart .knop{width:100%;margin-top:28px}.melding{color:#ff8a8a;min-height:1.5em;margin-top:14px;font-size:13px}@media (prefers-reduced-motion:no-preference){.levenslijn-puls{stroke-dasharray:100;stroke-dashoffset:100px;animation:2.4s cubic-bezier(.4,0,.2,1) .2s forwards teken}@keyframes teken{to{stroke-dashoffset:0}}}
