@font-face{font-family:Outfit;src:url(/poort/fonts/Outfit.woff2)format("woff2");font-weight:100 900;font-display:swap}.tr{--marine:#002960;--petrol:#0aa5ce;--cyaan:#00bdc7;--groen:#52d485;--sub:#1692b2;--sub-tekst:#0f6e87;--spreker-1:#0f6e87;--spreker-2:#002960;--spreker-3:#1b7a47;--papier:#fff;--wolk:#f3f8fa;--tekst:#0e1b2e;--zacht:#4a5b70;--cyclus:18s;color:var(--tekst);background:var(--papier);flex-direction:column;min-height:100vh;font-family:Outfit,system-ui,sans-serif;display:flex;overflow-x:clip}.tr-voordeur{isolation:isolate;background:linear-gradient(180deg, var(--papier) 0%, var(--wolk) 100%);padding:56px 16px 72px;position:relative;overflow:hidden}.tr-achter{z-index:-1;pointer-events:none;position:absolute;inset:0}.tr-vlek{filter:blur(60px);opacity:.08;border-radius:50%;position:absolute}.tr-vlek-1{background:var(--petrol);width:520px;height:520px;top:-200px;left:-160px}.tr-vlek-2{background:color-mix(in srgb, var(--petrol) 60%, var(--marine));opacity:.07;width:460px;height:460px;top:40px;right:-140px}.tr-vlek-3{background:var(--groen);opacity:.08;width:380px;height:380px;bottom:-260px;left:38%}.tr-raster{background-image:radial-gradient(color-mix(in srgb, var(--marine) 22%, transparent) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%)}.tr-ring{aspect-ratio:1;opacity:.28;width:min(760px,130vw);position:absolute;top:50%;right:-12%;translate:0 -50%}@media (max-width:899px){.tr-ring{opacity:.18;top:auto;bottom:-30%;translate:0}}.tr-held{align-items:center;gap:40px;max-width:1120px;margin:0 auto;display:grid}.tr-intro{text-align:center;justify-items:center;gap:20px;display:grid}.tr-titel-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tr-logo{width:min(380px,80vw);height:auto}.tr-zin{color:var(--marine);max-width:26ch;margin:0;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:500;line-height:1.35}.tr-knop{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(var(--marine), var(--marine)) padding-box, linear-gradient(90deg, var(--petrol), var(--cyaan), var(--groen)) border-box;box-shadow:0 10px 30px -10px color-mix(in srgb, var(--marine) 60%, transparent);border:2px solid #0000;border-radius:999px;padding:15px 30px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .2s;position:relative}.tr-knop:hover{background:linear-gradient(#0a3a7e, #0a3a7e) padding-box, linear-gradient(90deg, var(--petrol), var(--cyaan), var(--groen)) border-box;box-shadow:0 16px 36px -12px color-mix(in srgb, var(--petrol) 70%, transparent);transform:translateY(-2px)}.tr-knop:active{transform:translateY(0)}.tr-knop:focus-visible{outline:3px solid var(--cyaan);outline-offset:3px}.tr-knop:disabled{opacity:.6;cursor:progress;transform:none}.tr .fout{color:#b42318;margin:0}a.tr-knop{text-decoration:none;display:inline-block}.tr-knop-tweede{appearance:none;font:inherit;color:var(--marine);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:.95rem;text-decoration:underline}.tr-knop-tweede:focus-visible{outline:3px solid var(--cyaan);outline-offset:3px}.tr-knop-tweede:disabled{opacity:.6;cursor:progress}@media (min-width:900px){.tr-voordeur{padding:88px 32px 104px}.tr-held{grid-template-columns:1fr 1.1fr;gap:56px}.tr-intro{text-align:left;justify-items:start}.tr-logo{margin-left:-22px}}.tr-demo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--sub) 25%, white);width:100%;max-width:560px;box-shadow:0 1px 0 #fff inset, 0 30px 60px -30px color-mix(in srgb, var(--marine) 45%, transparent), 0 12px 24px -16px color-mix(in srgb, var(--marine) 30%, transparent);background:#ffffffd1;border-radius:20px;justify-self:center;margin:0;transition:rotate .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;rotate:-1deg}.tr-demo:hover{rotate:none}.tr-demo-kop{border-bottom:1px solid color-mix(in srgb, var(--sub) 15%, white);color:var(--zacht);align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;display:flex}.tr-demo-stippen{gap:6px;display:flex}.tr-demo-stippen i{background:color-mix(in srgb, var(--sub) 30%, white);border-radius:50%;width:10px;height:10px}.tr-demo-bestand{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tr-demo-chip{letter-spacing:.12em;text-transform:uppercase;color:var(--sub-tekst);background:color-mix(in srgb, var(--cyaan) 14%, white);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600}.tr-golf{height:64px;margin:18px 18px 6px;position:relative}.tr-golf-laag{align-items:center;gap:3px;display:flex;position:absolute;inset:0}.tr-golf-laag i{border-radius:3px;flex:1;min-height:4px}.tr-golf-grijs i{background:color-mix(in srgb, var(--marine) 14%, white)}.tr-golf-kleur i{background:linear-gradient(180deg, var(--petrol), var(--groen))}.tr-golf-kleur{clip-path:inset(0 100% 0 0);animation:tr-afspelen var(--cyclus) linear infinite}.tr-kop{background:var(--marine);width:2px;animation:tr-kop var(--cyclus) linear infinite;border-radius:2px;position:absolute;top:-4px;bottom:-4px;left:0}.tr-kop:before{content:"";background:var(--marine);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.tr-regels{gap:2px;margin:0;padding:8px 10px 16px;list-style:none;display:grid}.tr-regel{opacity:0;animation:var(--cyclus) ease infinite both;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 12px;padding:9px 10px;display:grid}.tr-tijd{font-variant-numeric:tabular-nums;color:var(--zacht);grid-row:span 2;padding-top:2px;font-size:.8rem}.tr-spreker{letter-spacing:.04em;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.tr-spreker:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.tr-spreker-1{color:var(--spreker-1)}.tr-spreker-2{color:var(--spreker-2)}.tr-spreker-3{color:var(--spreker-3)}.tr-tekst{color:var(--tekst);font-size:.98rem;line-height:1.45}.tr-regel-1{animation-name:tr-regel-1}.tr-regel-2{animation-name:tr-regel-2}.tr-regel-3{animation-name:tr-regel-3}.tr-regel-4{animation-name:tr-regel-4}@keyframes tr-kop{0%,4%{opacity:1;left:0}86%{opacity:1;left:calc(100% - 2px)}92%,to{opacity:0;left:calc(100% - 2px)}}@keyframes tr-afspelen{0%,4%{clip-path:inset(0 100% 0 0)}86%{clip-path:inset(0)}92%{clip-path:inset(0);opacity:1}98%,to{clip-path:inset(0);opacity:0}}@keyframes tr-regel-1{0%,8%{opacity:0;background:0 0;transform:translateY(10px)}12%{opacity:1;background:color-mix(in srgb, var(--cyaan) 12%, white);transform:none}28%{background:color-mix(in srgb, var(--cyaan) 12%, white)}32%,90%{opacity:1;background:0 0}96%,to{opacity:0}}@keyframes tr-regel-2{0%,28%{opacity:0;background:0 0;transform:translateY(10px)}32%{opacity:1;background:color-mix(in srgb, var(--cyaan) 12%, white);transform:none}48%{background:color-mix(in srgb, var(--cyaan) 12%, white)}52%,90%{opacity:1;background:0 0}96%,to{opacity:0}}@keyframes tr-regel-3{0%,48%{opacity:0;background:0 0;transform:translateY(10px)}52%{opacity:1;background:color-mix(in srgb, var(--cyaan) 12%, white);transform:none}66%{background:color-mix(in srgb, var(--cyaan) 12%, white)}70%,90%{opacity:1;background:0 0}96%,to{opacity:0}}@keyframes tr-regel-4{0%,66%{opacity:0;background:0 0;transform:translateY(10px)}70%{opacity:1;background:color-mix(in srgb, var(--cyaan) 12%, white);transform:none}86%,90%{opacity:1;background:color-mix(in srgb, var(--cyaan) 12%, white)}96%,to{opacity:0}}.tr-uitleg{background:var(--wolk);padding:64px 16px 72px;position:relative}.tr-uitleg:before{content:"";background:linear-gradient(90deg, var(--petrol), var(--cyaan), var(--groen));height:4px;position:absolute;inset:0 0 auto}.tr-label{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--sub-tekst);margin:0 0 36px;font-size:.8rem;font-weight:600}.tr-stappen{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1000px;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.tr-stap{z-index:1;border:1px solid color-mix(in srgb, var(--sub) 22%, white);box-shadow:0 1px 2px color-mix(in srgb, var(--marine) 6%, transparent);background:#fff;border-radius:18px;padding:24px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;position:relative}.tr-stap:hover{border-color:color-mix(in srgb, var(--sub) 50%, white);box-shadow:0 18px 36px -20px color-mix(in srgb, var(--marine) 40%, transparent);transform:translateY(-4px)}.tr-stap-kop{justify-content:space-between;align-items:center;display:flex}.tr-stap h3{color:var(--marine);margin:16px 0 6px;font-size:1.12rem}.tr-stap p{color:var(--zacht);margin:0;line-height:1.5}.tr-nummer{width:40px;height:40px;color:var(--marine);background:linear-gradient(135deg, var(--petrol), var(--groen));border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.tr-icoon{width:30px;height:30px;color:var(--sub-tekst)}.tr-privacy{background:var(--marine);color:#fff;text-align:center;justify-items:center;gap:24px;padding:64px 16px;display:grid;position:relative;overflow:hidden}.tr-privacy:after{content:"";background:linear-gradient(90deg, var(--petrol), var(--cyaan), var(--groen));height:4px;position:absolute;inset:auto 0 0}.tr-privacy-boog{width:120px;height:120px;fill:var(--cyaan)}.tr-privacy-boog circle{opacity:.9}.tr-privacy h2{margin:0 0 10px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600}.tr-privacy p{color:#ffffffd9;max-width:56ch;margin:0 auto;line-height:1.6}@media (min-width:800px){.tr-privacy{text-align:left;grid-template-columns:auto minmax(0,620px);justify-content:center;gap:40px}.tr-privacy p{margin:0}}.tr-voet{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--sub-tekst);margin-top:auto;padding:20px 16px;font-size:.8rem}@media (prefers-reduced-motion:no-preference){.tr-vlek-1{animation:22s ease-in-out infinite alternate tr-drift-1}.tr-vlek-2{animation:26s ease-in-out infinite alternate tr-drift-2}.tr-vlek-3{animation:30s ease-in-out infinite alternate-reverse tr-drift-1}.tr-ring{animation:90s linear infinite tr-draai}.tr-intro>*,.tr-demo{animation:.8s cubic-bezier(.2,.8,.2,1) both tr-in}.tr-intro>:nth-child(3){animation-delay:.1s}.tr-intro>:nth-child(4){animation-delay:.2s}.tr-demo{animation-delay:.3s}.tr-privacy-boog circle{animation:3.6s ease-in-out infinite tr-stip}.tr-privacy-boog circle:nth-child(n){animation-delay:calc(var(--d,0) * 1s)}@supports (animation-timeline:view()){.tr-stap{animation:linear both tr-in;animation-timeline:view();animation-range:entry 10% entry 70%}}}@keyframes tr-drift-1{to{transform:translate(90px,60px)scale(1.1)}}@keyframes tr-drift-2{to{transform:translate(-80px,70px)scale(.92)}}@keyframes tr-draai{to{rotate:360deg}}@keyframes tr-in{0%{opacity:0;transform:translateY(18px)}}@keyframes tr-stip{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tr-regel{opacity:1;animation:none}.tr-golf-kleur{clip-path:inset(0 30% 0 0);animation:none}.tr-kop{animation:none;left:70%}.tr-demo,.tr-demo:hover{rotate:none}.tr-knop,.tr-stap{transition:none}}
@font-face{font-family:Montserrat;src:url(/poort/fonts/Montserrat.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Lora;src:url(/poort/fonts/Lora.woff2)format("woff2");font-weight:400 700;font-display:swap}.db{--navy:#2b4c7e;--donker:#1b3354;--oranje:#e8662a;--oranje-donker:#d45a20;--wit:#f5f5f5;background:linear-gradient(160deg, var(--donker), var(--navy));min-height:100vh;color:var(--wit);place-items:center;padding:16px;font-family:Montserrat,system-ui,sans-serif;display:grid}.db-kaart{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);display:grid}.db-boven{letter-spacing:.24em;text-transform:uppercase;color:#f5f5f5b3;margin:0;font-size:.78rem}.db h1{margin:0;font-family:Lora,Georgia,serif;font-size:clamp(2rem,7vw,2.6rem);font-weight:600}.db-zin{color:#f5f5f5cc;margin:0;line-height:1.6}.db-knop{appearance:none;color:#fff;background:var(--oranje);cursor:pointer;border:0;border-radius:6px;padding:14px 26px;font:600 1rem Montserrat,sans-serif;transition:background .3s cubic-bezier(.4,0,.2,1)}.db-knop:hover{background:var(--oranje-donker)}.db-knop:focus-visible{outline-offset:3px;outline:3px solid #e8662a80}.db-knop:disabled{opacity:.6;cursor:progress}.db .fout{color:#ffd2bf;margin:0}a.db-knop{text-decoration:none;display:inline-block}.db-knop-tweede{appearance:none;color:#f5f5f5d9;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font:500 .95rem Montserrat,sans-serif;text-decoration:underline}.db-knop-tweede:focus-visible{outline-offset:3px;outline:3px solid #e8662a80}.db-knop-tweede:disabled{opacity:.6;cursor:progress}