.zw-welcome{position:relative;z-index:1;color:var(--jura-body,#c4d1e1);font:500 16px/1.75 Jura,sans-serif}
.welcome-header,.welcome-main,.welcome-footer{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px;box-sizing:border-box}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--border-live-analysis-button,#34566e)}
.welcome-brand{display:block;width:250px;flex-shrink:0}.welcome-brand svg{display:block;width:100%;height:auto}
.welcome-header nav,.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.zw-welcome a{color:var(--jura-bright,#c4d1e1);text-decoration:none}.zw-welcome a:hover{color:var(--accent-brand,#65d9ed)}
.zw-welcome a:focus-visible{outline:2px solid var(--accent-brand,#65d9ed);outline-offset:5px}
.welcome-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding:76px 0}
.zw-welcome h1,.zw-welcome h2,.zw-welcome h3{font-family:Orbitron,sans-serif;font-weight:400;color:var(--text-orbitron,#c4d1e1);line-height:1.45;letter-spacing:var(--zw-orbitron-spacing,.02em)}
.zw-welcome h1{font-size:clamp(29px,3.3vw,43px);margin:18px 0 24px}.zw-welcome h2{font-size:clamp(23px,2.5vw,30px);margin:12px 0 22px}.zw-welcome h3{font-size:17px;margin:0 0 16px}
.zw-welcome p{margin:0 0 20px}.welcome-lead{font-size:21px;line-height:1.6;color:var(--jura-bright,#c4d1e1)}
.welcome-actions{margin:28px 0 18px}.zw-welcome .welcome-small{font-size:13px;line-height:1.6;color:var(--jura-muted,#9fb3ca);max-width:470px}
.zw-welcome .welcome-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;box-sizing:border-box;border:1px solid var(--border-live-analysis-button,#34566e);border-radius:6px;background:var(--surface-control,#112640);font-weight:600;line-height:1.4}
.zw-welcome .welcome-primary{border-color:var(--accent-brand,#65d9ed);color:var(--accent-brand,#65d9ed)}
.welcome-demo,.welcome-cards article,.welcome-compare{border:1px solid var(--border-live-analysis-button,#34566e);border-radius:12px;background:var(--surface-live-analysis-section,#182b49);padding:30px}
.welcome-demo-symbol{width:54px;height:54px;color:var(--accent-brand,#65d9ed);margin-bottom:24px}.welcome-demo-symbol svg{width:100%;height:100%}
.welcome-demo h2{font-size:24px}.welcome-demo ol{padding:0;list-style:none;counter-reset:steps;margin:26px 0 0}.welcome-demo li{counter-increment:steps;position:relative;padding-left:42px;margin-top:22px}.welcome-demo li:before{content:counter(steps);position:absolute;left:0;top:1px;color:var(--accent-brand,#65d9ed);font:400 20px Orbitron,sans-serif}.welcome-demo b,.welcome-demo span{display:block}.welcome-demo li span{font-size:14px;color:var(--jura-muted,#9fb3ca)}
.welcome-section{padding:64px 0;border-top:1px solid var(--border-live-analysis-button,#34566e);scroll-margin-top:25px}.welcome-section-lead{max-width:760px}
.welcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}.welcome-cards article p,.welcome-compare p{font-size:15px}.welcome-cards article p:last-child,.welcome-compare p:last-child{margin-bottom:0}
.welcome-growth{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.welcome-model{text-align:center}.welcome-model>p{max-width:740px;margin:0 auto 24px}.welcome-model .welcome-actions{justify-content:center}
.welcome-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding-top:28px;padding-bottom:32px;font-size:12px}
@media(max-width:850px){.welcome-header{align-items:flex-start}.welcome-brand{width:200px}.welcome-header nav{justify-content:flex-end;gap:12px;font-size:14px}.welcome-hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.welcome-growth{grid-template-columns:1fr;gap:24px}}
@media(max-width:550px){.welcome-header,.welcome-main,.welcome-footer{padding-left:20px;padding-right:20px}.welcome-header{flex-direction:column;gap:20px}.welcome-header nav{justify-content:flex-start}.welcome-cards{grid-template-columns:1fr}.welcome-section{padding:40px 0}.welcome-demo,.welcome-cards article,.welcome-compare{padding:23px}.welcome-actions{gap:15px}.welcome-lead{font-size:18px}}

.zw-welcome .welcome-button{cursor:pointer;color:var(--jura-bright);font:600 15px Jura,sans-serif}.zw-welcome .welcome-primary{color:var(--accent-brand)}.zw-welcome .welcome-text-link{border:0;background:none;color:var(--jura-bright);font:600 15px Jura,sans-serif;cursor:pointer}.welcome-main{padding-left:0;padding-right:0}

.zw-welcome{font-family:Jura,sans-serif;color:var(--jura-muted);font-size:15px;line-height:1.75}
.zw-welcome .welcome-hero>div>p:not(.welcome-small){font:500 15px/1.75 Jura,sans-serif;color:var(--jura-muted)}
.zw-welcome .welcome-small{color:var(--jura-small);font-weight:400;font-size:12px}
.zw-welcome h1,.zw-welcome h2,.zw-welcome h3{color:var(--orbitron-theme-color)}
.welcome-demo li span{color:var(--jura-muted)}

.zw-welcome h1{color:var(--text-orbitron)}
.welcome-features{list-style:none;padding:0;margin:24px 0 0}.welcome-features li{position:relative;padding-left:20px;margin:12px 0;font:500 15px/1.6 Jura,sans-serif;color:var(--jura-muted)}.welcome-features li:before{content:"•";position:absolute;left:0;top:0;color:var(--jura-cyan)}

.zw-welcome h1 .welcome-title-accent{color:var(--orbitron-theme-color)}

.welcome-hero>.welcome-demo{padding:24px;transform:translateY(20px)}
.welcome-demo h2{font-size:21px;margin:10px 0 16px}
.welcome-features{margin-top:16px}
.welcome-features li{font-size:14px;line-height:1.5;margin:8px 0;color:var(--jura-soft)}
@media(max-width:850px){.welcome-hero>.welcome-demo{transform:none}}

.welcome-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.welcome-results-grid h3{font-size:17px}.welcome-results-grid p{font:500 15px/1.75 Jura,sans-serif;color:var(--jura-muted);margin:0}@media(max-width:850px){.welcome-results-grid{grid-template-columns:1fr;gap:24px}}

.welcome-results{border-top:0;padding:24px 0 48px}.welcome-results-grid{gap:18px;margin-top:0}.welcome-results-grid .why-pillar{padding:22px}.welcome-results-grid .why-pillar h3{font-size:16px;color:var(--text-orbitron);margin:0 0 14px}.welcome-results-grid .why-pillar p{font:500 14px/1.65 Jura,sans-serif;color:var(--jura-muted)}

.welcome-model{border-top:0;padding-top:24px;padding-bottom:28px}
body:has(#welcomeShell:not(.hidden)) #appFooter{display:block!important;margin-top:0;padding-top:12px}
body:has(#welcomeShell:not(.hidden)) #appFooter .zw-footer-mark{display:none}

.welcome-hero{padding-top:32px;padding-bottom:52px}
.zw-welcome h1{font-size:clamp(26px,2.65vw,35px);margin-top:0;line-height:1.45;color:var(--text-orbitron)}
.zw-welcome h1 .welcome-title-accent{color:var(--jura-cyan)}
@media(max-width:850px){.welcome-hero{padding-top:24px;padding-bottom:36px}}

.zw-welcome .welcome-actions .welcome-button,.zw-welcome .welcome-actions .welcome-text-link{color:var(--jura-body)}
.zw-welcome .welcome-actions .welcome-primary,.zw-welcome .welcome-actions a:hover,.zw-welcome .welcome-actions button:hover{color:var(--jura-cyan)}

/* Welkomstpagina: rustige toegang tot de praktijkvoorbeelden. */
html:has(#welcomeShell:not(.hidden)),body:has(#welcomeShell:not(.hidden)),#welcomeShell{scrollbar-width:none;-ms-overflow-style:none}
html:has(#welcomeShell:not(.hidden))::-webkit-scrollbar,body:has(#welcomeShell:not(.hidden))::-webkit-scrollbar,#welcomeShell::-webkit-scrollbar{display:none}
.welcome-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px}
.welcome-title-line{white-space:nowrap}
.zw-welcome .welcome-hero .welcome-practice{font:400 14px/1.75 Jura,sans-serif;color:var(--jura-muted);margin:0 0 18px}
.zw-welcome .welcome-practice-link{display:inline;border:0;border-radius:0;background:none;padding:0;color:var(--accent-brand);font:inherit;cursor:pointer;text-align:left;text-decoration:none}
.zw-welcome .welcome-practice-link:hover{color:var(--jura-bright)}
.zw-welcome .welcome-practice-link:focus-visible{outline:2px solid var(--accent-brand);outline-offset:4px}
@media(max-width:1100px){.welcome-hero{grid-template-columns:1fr;gap:30px}.welcome-hero>.welcome-demo{transform:none;max-width:650px}}
@media(max-width:650px){.welcome-title-line{white-space:normal}}


/* Juridische links dichter bij de welkomstinhoud. */
.welcome-hero{padding-bottom:16px}
body:has(#welcomeShell:not(.hidden)) #appFooter{margin-top:0;padding-top:4px;margin-bottom:12px}
@media(max-width:850px){.welcome-hero{padding-bottom:16px}}

.main-nav .welcome-home-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:none;border:0;border-radius:0}.welcome-home-link svg{display:block;flex-shrink:0}.mobile-nav .welcome-home-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--jura-muted);padding:10px}.welcome-home-link:hover,.welcome-home-link.active{color:var(--accent-brand)}
#welcomeAccountActions.hidden{display:none!important}


/* Introductiekaart */
.intro-card{display:flex;flex-direction:column;gap:0;text-align:left;width:100%;margin:12px 0 0;padding:22px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card);color:var(--jura-muted);cursor:pointer;font:400 15px/1.65 Jura,sans-serif;transition:border-color .2s,box-shadow .2s}.intro-card:hover{border-color:var(--accent-brand);box-shadow:0 0 20px var(--effect-cyan-soft)}.intro-card:focus-visible{outline:2px solid var(--accent-brand);outline-offset:4px}.intro-kicker{font-size:10px;letter-spacing:.18em;color:var(--accent-brand)}.intro-title{font:400 22px/1.4 Orbitron,sans-serif;color:var(--text-orbitron);margin:10px 0 18px}.intro-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface-background)}.intro-image img{display:block;width:100%;height:125%;object-fit:cover;transform:translateY(-12%)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--surface-control);color:var(--accent-brand);border:1px solid var(--accent-brand);box-shadow:0 6px 24px rgba(9,26,47,.25)}.play svg{width:32px;height:32px}.intro-description{margin-top:16px}.intro-link{font-size:13px;color:var(--accent-brand);margin-top:12px}
.video-preview{width:min(1000px,calc(100vw - 32px));padding:28px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-background);color:var(--jura-muted)}.video-preview::backdrop{background:rgba(9,26,47,.7)}.video-preview h2{font:400 22px Orbitron;margin:0 36px 20px 0;color:var(--text-orbitron)}.video-preview .modal-close{padding:0}.video-screen{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:6px}.video-screen img{width:100%;height:100%;object-fit:cover}.video-screen p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:15px;background:var(--surface-control);color:var(--jura-bright);font:400 15px Jura}
.intro-image{aspect-ratio:1685/640}.intro-image img{position:absolute;max-width:none;width:113.65%;height:135.3125%;left:-13.65%;top:-19.53125%;object-fit:fill;transform:none}.video-screen{aspect-ratio:1685/640}.video-screen img{position:absolute;max-width:none;width:113.65%;height:135.3125%;left:-13.65%;top:-19.53125%;object-fit:fill} 
.welcome-hero{align-items:start}.zw-welcome .intro-card{color:var(--jura-muted)}@media(max-width:650px){.intro-card{padding:18px;margin-top:0}}


/* Video behoudt zijn eigen beeldverhouding en wordt volledig getoond. */
.video-preview .video-screen{aspect-ratio:auto;background:var(--surface-control)}
.video-preview .video-screen video{display:block;width:100%;max-height:75dvh;object-fit:contain}
.video-preview{max-height:94dvh;overflow:auto;scrollbar-width:none}
.video-preview::-webkit-scrollbar{display:none}