/* Shared landing contract, 24 September 2026. Loaded after legacy styles. */
.max-public,.app-start{box-sizing:border-box!important}
.max-public *,.app-start *{box-sizing:border-box}
.max-public{min-height:100svh!important;background:#000!important}
.max-public-bg{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:min(94vw,94svh)!important;height:auto!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;object-position:center!important;filter:none!important;z-index:0!important;-webkit-mask-image:radial-gradient(ellipse at center,#000 0 60%,transparent 95%)!important;mask-image:radial-gradient(ellipse at center,#000 0 60%,transparent 95%)!important}
.max-public::before{background:radial-gradient(ellipse at center,transparent 15%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.30))!important}
.max-public-header{background:none!important;z-index:30!important;pointer-events:none!important}
.max-public-actions{pointer-events:auto!important}
.max-public-copy-panel,.max-public-copy{min-width:0!important;width:100%!important;max-width:none!important}
.max-public-copy-panel{display:flex!important;flex-direction:column!important}
.max-public-copy-logo-zone{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;flex:0 0 112px!important;min-height:112px!important;width:100%!important;margin:0!important;padding:12px 0!important}
.max-public-copy-logo-zone img{display:block!important;width:min(350px,92%)!important;height:auto!important;max-height:88px!important;object-fit:contain!important;object-position:left center!important}
.max-public-copy-logo-zone::after{content:""!important;position:absolute!important;inset:-10px -12px!important;z-index:-1!important;background:radial-gradient(ellipse at 35% 50%,rgba(255,255,255,.13),transparent 70%)!important;filter:blur(10px)!important;pointer-events:none!important}
.max-public-copy{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 4px 16px 0!important;scrollbar-width:thin!important}
.max-public-copy h1{font-size:clamp(2rem,3.3vw,4.1rem)!important;line-height:1.05!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;margin:0!important}
.max-public-copy>p{font-size:clamp(.88rem,1.1vw,1.05rem)!important;line-height:1.45!important;margin-top:16px!important}
.max-public-subfeatures{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;max-height:192px!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;margin:18px 0 8px!important;padding:0 4px 4px 0!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
.max-public-subfeatures article{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;align-items:center!important;flex:0 0 auto!important;min-height:52px!important;width:fit-content!important;max-width:100%!important;padding:8px 12px!important;gap:10px!important;border:0!important;border-radius:16px!important;background:linear-gradient(90deg,rgba(5,12,19,.42),rgba(5,12,19,.20) 75%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
.max-public-subfeatures strong{background:transparent!important;padding:0!important;color:#f4c266!important;font-size:.78rem!important;line-height:1.25!important}
.max-public-subfeatures span{color:#fff!important;font-size:.76rem!important;line-height:1.4!important}
.max-public .max-public-trial-cta,.app-start .app-start-trial-cta{position:relative!important;isolation:isolate!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;min-height:40px!important;height:auto!important;padding:6px 0!important;margin:10px 0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f6c65b!important;font:700 .9rem/1.4 Lexend,Arial,sans-serif!important;text-shadow:0 0 12px rgba(246,198,91,.24)!important;cursor:pointer!important}
.max-public .max-public-trial-cta::before,.app-start .app-start-trial-cta::before{content:""!important;position:absolute!important;inset:2px -8px!important;z-index:-1!important;background:radial-gradient(ellipse,rgba(246,198,91,.15),transparent 72%)!important;filter:blur(7px)!important;pointer-events:none!important}
.max-public .max-public-trial-cta:hover,.app-start .app-start-trial-cta:hover{text-decoration:underline!important;text-underline-offset:4px!important}
.max-public-login-panel,.max-public-login-card{background:rgba(8,13,20,.62)!important;background-image:none!important;box-shadow:none!important}
.max-public-login-panel::before,.max-public-login-panel::after{content:none!important;background:none!important}
.max-public-login-card{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;min-width:0!important;max-width:none!important;padding:24px!important;background:transparent!important;overflow-y:auto!important;scrollbar-width:thin!important}
.max-public-login-intro{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:0!important;text-align:center!important}
.max-public-login-intro .login-current-app-icon{width:64px!important;height:64px!important;object-fit:contain!important;margin:0 auto 10px!important}
.max-public-login-intro h2{font-size:1.5rem!important;margin:5px 0 8px!important}
.max-public-login-intro p{max-width:300px!important;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:.83rem!important;line-height:1.45!important}
.max-public-login-controls{width:100%!important;min-width:0!important}
.max-public-login-controls .form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important}
.max-public-login-controls .field,.max-public-login-controls .span-2{grid-column:1!important;width:100%!important;min-width:0!important}
.max-public-login-card input,.max-public-login-card .password-field-wrap{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.max-public-login-card input{height:48px!important;min-height:48px!important;background:#fff!important;color:#121820!important;font-size:16px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:12px!important;padding:10px 12px!important}
.max-public-login-card .password-field-wrap>input{padding-right:48px!important}
.max-public-login-card .password-visibility-toggle{color:#263343!important;right:8px!important}
.max-public-login-card .hint{font-size:.75rem!important;line-height:1.4!important}
.max-public-login-card .legal-links{display:none!important}
.ecosystem-app-rail,.max-public-apps-unified>.ecosystem-app-rail{display:flex!important;flex-direction:column!important;min-height:0!important;gap:10px!important;padding:14px!important;border:0!important;background:rgba(5,12,19,.18)!important;box-shadow:none!important;border-radius:22px!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;overflow:hidden!important}
.ecosystem-app-rail-head{flex:0 0 auto!important;min-height:0!important;padding:2px 4px 4px!important}
.ecosystem-app-rail-scroll{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 24px 0!important;scroll-padding-bottom:24px!important;touch-action:pan-y!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
.ecosystem-app-rail-scroll::after{height:12px!important}
.ecosystem-app-group{margin:0 0 14px!important;padding:0!important}
.ecosystem-app-group h3{display:table!important;margin:0 0 8px!important;padding:6px 10px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:.67rem!important;line-height:1.3!important;border:0!important;border-radius:999px!important;backdrop-filter:blur(2px)!important;text-transform:none!important;letter-spacing:.02em!important}
.ecosystem-app-tile{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:80px!important;height:auto!important;padding:9px 12px!important;margin:0 0 8px!important;border:0!important;border-radius:18px!important;background:rgba(6,14,21,.30)!important;box-shadow:none!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
.ecosystem-app-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;background:transparent!important;border:0!important;overflow:visible!important}
.ecosystem-app-icon img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;object-fit:contain!important}
.ecosystem-app-copy{min-width:0!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important}
.ecosystem-app-copy strong{font-size:.95rem!important;line-height:1.25!important;text-align:left!important}
.ecosystem-app-copy small{font-size:.73rem!important;line-height:1.35!important;color:rgba(255,255,255,.85)!important;white-space:normal!important;text-align:left!important}
.app-start:not(.app-start-vacaio-guest){background:#fff!important}
.app-start:not(.app-start-vacaio-guest)>.app-start-bg{background-color:transparent!important;background-size:auto 100svh!important;background-position:left center!important;background-repeat:no-repeat!important}
.app-start:not(.app-start-vacaio-guest)::before{background:none!important}
.app-start-vacaio-guest>.app-start-bg{background-size:cover!important;background-position:center!important}
.app-start-vacaio-guest::before{background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.16))!important}
.app-start-content{width:100%!important;max-width:none!important}
.app-start-benefits{max-height:190px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;padding-bottom:4px!important}
.app-start-benefits article{flex:0 0 auto!important}
@media(min-width:901px){
 .max-public{height:100svh!important;overflow:hidden!important}
 .max-public-header{position:fixed!important;top:12px!important;right:24px!important;left:auto!important;padding:0!important;min-height:44px!important;width:auto!important}
 .max-public-header>.max-public-logo,.max-public-login-open{display:none!important}
 .max-public-shell{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(250px,1.15fr) minmax(280px,1fr) minmax(290px,.95fr)!important;gap:clamp(18px,2.2vw,38px)!important;width:100%!important;max-width:1920px!important;height:100svh!important;margin:0 auto!important;padding:70px clamp(24px,3vw,58px) 62px!important;align-items:center!important}
 .max-public-copy-panel{grid-column:1!important;grid-row:1!important;height:100%!important;max-height:100%!important;align-self:stretch!important;padding:0!important;overflow:hidden!important}
 .max-public-apps.max-public-apps-unified{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;min-height:0!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;border:0!important;align-self:stretch!important;box-shadow:none!important}
 .max-public-apps-unified>.ecosystem-app-rail{height:100%!important;max-height:100%!important}
 .max-public-login-panel{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;display:block!important;width:100%!important;min-width:0!important;max-width:380px!important;height:auto!important;max-height:100%!important;align-self:center!important;justify-self:center!important;border:0!important;border-radius:24px!important;overflow:auto!important;backdrop-filter:blur(2px)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .max-public-login-panel>.modal-close{display:none!important}
 .app-start-layout{grid-template-columns:minmax(250px,1.15fr) minmax(280px,1fr) minmax(230px,.95fr)!important;gap:clamp(18px,2.2vw,38px)!important;padding:70px clamp(24px,3vw,58px) 62px!important;height:100svh!important;min-height:0!important;max-width:1920px!important;margin:auto!important;align-items:stretch!important}
 .app-start-content{height:100%!important;padding:0 8px 24px 0!important}
 .app-start-brand-zone{min-height:112px!important;height:112px!important;flex:0 0 112px!important;padding:10px 0!important;margin:0!important}
 .app-start-logo{width:min(350px,94%)!important;height:auto!important;max-height:88px!important;object-fit:contain!important;object-position:left center!important}
 .app-start-copy{width:100%!important;max-width:100%!important;padding-top:18px!important}
 .app-start-copy h1{font-size:clamp(2rem,3.3vw,4.1rem)!important;line-height:1.07!important}
 .app-start-copy>p{font-size:clamp(.9rem,1.1vw,1.05rem)!important;line-height:1.5!important}
 .app-start-layout>.ecosystem-app-rail{height:100%!important;max-height:100%!important;min-height:0!important}
 .app-start-login-teaser{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;align-self:center!important;justify-self:center!important;transform:none!important;width:100%!important;max-width:350px!important}
 .app-start:not(.app-start-max-cloud):not(.app-start-vacaio-guest)>.app-start-bg{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 50%,rgba(0,0,0,.72) 60%,rgba(0,0,0,.24) 74%,transparent 86%)!important;mask-image:linear-gradient(90deg,#000 0%,#000 50%,rgba(0,0,0,.72) 60%,rgba(0,0,0,.24) 74%,transparent 86%)!important}
}
@media(max-width:900px){
 body:has(.max-public),body:has(.app-start){overflow-y:auto!important;overflow-x:hidden!important}
 .max-public{height:auto!important;overflow:visible!important;padding-bottom:66px!important}
 .max-public-header{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:100px!important;padding:max(14px,env(safe-area-inset-top)) 18px 12px!important;gap:14px!important}
 .max-public-header>.max-public-logo{display:block!important;width:min(220px,56vw)!important;max-width:none!important;height:auto!important;max-height:78px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 16px rgba(255,255,255,.14))!important}
 .max-public-actions .login-language,.app-start>.login-language{display:none!important}
 .max-public-login-open{display:inline-flex!important;min-width:100px!important;min-height:44px!important;padding:0 16px!important;font-size:.84rem!important}
 .max-public-shell{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;height:auto!important;min-height:0!important;max-width:620px!important;margin:0 auto!important;padding:8px 18px 12px!important;overflow:visible!important}
 .max-public-copy-panel{order:1!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .max-public-copy-logo-zone{display:none!important}
 .max-public-copy{overflow:visible!important;padding:0!important}
 .max-public-copy h1{font-size:clamp(1.85rem,7.4vw,3.1rem)!important;line-height:1.07!important}
 .max-public-copy>p{font-size:.9rem!important;margin:12px 0 0!important}
 .max-public-copy .eyebrow{font-size:.62rem!important;margin-bottom:8px!important}
 .max-public-subfeatures{max-height:122px!important;margin:14px 0 6px!important;gap:7px!important}
 .max-public-subfeatures article{min-height:51px!important;padding:8px 10px!important;grid-template-columns:82px minmax(0,1fr)!important}
 .max-public-subfeatures strong{font-size:.73rem!important}
 .max-public-subfeatures span{font-size:.7rem!important}
 .max-public-copy .max-public-mantra{display:none!important}
 .max-public .max-public-trial-cta,.app-start .app-start-trial-cta{font-size:.85rem!important;margin-top:4px!important}
 .max-public-apps.max-public-apps-unified{order:2!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:clamp(260px,42svh,400px)!important;min-height:260px!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important}
 .max-public-apps-unified>.ecosystem-app-rail{height:100%!important;max-height:100%!important;min-height:0!important}
 .ecosystem-app-rail,.max-public-apps-unified>.ecosystem-app-rail{padding:12px!important}
 .ecosystem-app-tile{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;min-height:70px!important;padding:8px 10px!important;border-radius:16px!important}
 .ecosystem-app-icon{width:46px!important;height:46px!important}
 .ecosystem-app-icon img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
 .ecosystem-app-copy strong{font-size:.87rem!important}
 .ecosystem-app-copy small{font-size:.7rem!important}
 .max-public-login-panel{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100dvh!important;max-height:none!important;padding:74px 14px 20px!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.70)!important;z-index:10000!important;overflow:auto!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
 .max-public-login-panel.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .max-public-login-panel>.modal-close{display:grid!important;place-items:center!important;position:fixed!important;top:max(14px,env(safe-area-inset-top))!important;right:18px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;z-index:10001!important;background:#17202b!important;color:#fff!important;border-radius:50%!important;font-size:1.8rem!important;pointer-events:auto!important}
 .max-public-login-card{flex:0 0 auto!important;width:min(420px,100%)!important;max-height:calc(100dvh - 94px)!important;min-height:0!important;padding:24px!important;border-radius:24px!important;background:rgba(8,13,20,.96)!important}
 .app-start{padding-bottom:66px!important}
 .app-start-mobile-header{position:relative!important;inset:auto!important;min-height:110px!important;display:flex!important;align-items:center!important;padding:max(14px,env(safe-area-inset-top)) 18px 12px!important}
 .app-start-mobile-logo-zone{min-width:0!important;width:calc(100% - 120px)!important;max-width:270px!important;padding:6px 0!important}
 .app-start-mobile-logo{width:100%!important;max-width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain!important}
 .app-start-mobile-login{position:relative!important;inset:auto!important;min-width:100px!important;min-height:44px!important;font-size:.85rem!important}
 .app-start-layout,.app-start-uptrack .app-start-layout{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;width:100%!important;max-width:620px!important;gap:16px!important;padding:8px 18px 14px!important;margin:0 auto!important;overflow:visible!important}
 .app-start-content,.app-start-uptrack .app-start-content{height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;flex:0 0 auto!important}
 .app-start-brand-zone{display:none!important}
 .app-start-copy{padding:0!important;width:100%!important}
 .app-start-copy h1,.app-start-uptrack .app-start-copy h1{font-size:clamp(1.85rem,7.6vw,3.1rem)!important;line-height:1.08!important}
 .app-start-copy>p,.app-start-uptrack .app-start-copy>p{font-size:.94rem!important;line-height:1.5!important;margin-top:12px!important}
 .app-start-benefits{max-height:124px!important;margin:12px 0 6px!important}
 .app-start-layout>.ecosystem-app-rail{height:clamp(260px,42svh,400px)!important;min-height:260px!important;flex:0 0 auto!important}
 .app-start-login-teaser{display:none!important}
 .app-start:not(.app-start-max-cloud):not(.app-start-vacaio-guest)>.app-start-bg{background-size:auto 100svh!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 75%,rgba(0,0,0,.55) 88%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0%,#000 75%,rgba(0,0,0,.55) 88%,transparent 100%)!important}
 body:has(.max-public) .global-info-cluster,body:has(.app-start) .global-info-cluster{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;justify-items:center!important;width:100%!important;min-height:54px!important;padding:8px 18px max(8px,env(safe-area-inset-bottom))!important;border-radius:0!important;background:rgba(15,19,25,.62)!important;backdrop-filter:blur(2px)!important;z-index:500!important}
 .global-info-cluster>.global-dsgvo-link{justify-self:start!important}
 .global-info-cluster>.global-info-menu{justify-self:center!important}
 .global-info-cluster>.global-mobile-language{justify-self:end!important;position:relative!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important}
 .global-mobile-language>span{font-size:20px!important;pointer-events:none!important}
 .global-mobile-language select{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;opacity:0!important;cursor:pointer!important}
 .global-info-menu[open]>nav{position:absolute!important;bottom:calc(100% + 8px)!important;left:50%!important;transform:translateX(-50%)!important;min-width:180px!important}
}