/* MASTERFIX05 — authoritative public layout rules */

/* ---------- all standard product landing pages ---------- */
:root{--public-app-dock-space:126px;--public-info-space:46px}
.app-start{
  position:relative!important;
  isolation:isolate!important;
  min-height:100svh!important;
  overflow-x:hidden!important;
  padding-bottom:calc(var(--public-app-dock-space) + var(--public-info-space))!important;
  background:#fff!important;
  color:#fff!important;
}
.app-start>.app-start-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#080b0e!important;
  animation:none!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
.app-start-plandero>.app-start-bg{background-image:url('/assets/nav-backgrounds/plandero-web.webp')!important}
.app-start-teamo>.app-start-bg{background-image:url('/assets/nav-backgrounds/teamo-web.webp')!important}
.app-start-zelari>.app-start-bg{background-image:url('/assets/nav-backgrounds/zelari-web.webp')!important}
.app-start-dokusafe>.app-start-bg{background-image:url('/assets/nav-backgrounds/dokusafe-web.webp')!important}
.app-start-bilanta>.app-start-bg,.app-start-q-bilanta>.app-start-bg{background-image:url('/assets/nav-backgrounds/bilanta-portrait.webp')!important}
.app-start-g-log>.app-start-bg{background-image:url('/assets/g-log/nav-web.webp')!important}
.app-start-waylo>.app-start-bg{background-image:url('/assets/waylo/navigation-background.webp')!important}
.app-start-vacaio-professional>.app-start-bg{background-image:url('/assets/nav-backgrounds/vacaio-professional-web.webp')!important}
.app-start-vacaio-guest>.app-start-bg{background-image:url('/assets/nav-backgrounds/vacaio-guest-web.jpg')!important}
.app-start-uptrack>.app-start-bg{background-image:url('/assets/uptrack/nav-web.webp')!important}
.app-start::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.16) 38%,rgba(0,0,0,.03) 62%,rgba(0,0,0,0) 82%)!important;
}
.app-start-layout{
  position:relative!important;
  z-index:3!important;
  min-height:calc(100svh - var(--public-app-dock-space) - var(--public-info-space))!important;
  display:grid!important;
  grid-template-columns:minmax(0,62%) minmax(280px,38%)!important;
  align-items:center!important;
  gap:clamp(22px,4vw,64px)!important;
  padding:clamp(54px,6vw,92px) clamp(24px,4vw,70px) 28px!important;
}
.app-start-content{
  width:min(720px,100%)!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}
.app-start-logo{
  width:min(330px,74%)!important;
  max-height:118px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 14px!important;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.28))!important;
}
.app-start-copy{width:100%!important;text-align:left!important}
.app-start-copy .eyebrow{color:#f2bf60!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important}
.app-start-copy h1{
  max-width:700px!important;
  margin:.35rem 0 .8rem!important;
  color:#fff!important;
  font-size:clamp(2.4rem,4.4vw,5rem)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
  text-shadow:0 3px 4px rgba(0,0,0,.72),0 10px 30px rgba(0,0,0,.32)!important;
}
.app-start-copy>p{
  max-width:650px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1rem,1.55vw,1.4rem)!important;
  line-height:1.5!important;
  text-align:left!important;
  text-shadow:0 2px 4px rgba(0,0,0,.72),0 6px 18px rgba(0,0,0,.28)!important;
}
.app-start-benefits{
  width:min(680px,100%)!important;
  display:grid!important;
  gap:12px!important;
  margin:1.25rem 0 0!important;
}
.app-start-benefits article{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:56px!important;
  padding:12px 18px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:22px!important;
  background:rgba(14,24,32,.34)!important;
  color:#fff!important;
  text-align:left!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.app-start-benefits article span{font-size:1.4rem!important;font-weight:900!important}
.app-start-benefits article strong{font-size:clamp(.92rem,1.25vw,1.12rem)!important}

/* Start-page login is one visible opener on the right. */
.app-start-login-card{display:block!important}
.app-start-login-teaser{
  position:absolute!important;
  top:50%!important;
  right:clamp(24px,4vw,68px)!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
  display:grid!important;
  justify-items:center!important;
  gap:12px!important;
  width:min(320px,31vw)!important;
  text-align:center!important;
  pointer-events:none!important;
}
.app-start-login-teaser-copy{
  display:grid!important;
  justify-items:center!important;
  gap:5px!important;
  color:#14202b!important;
  text-align:center!important;
  text-shadow:0 2px 14px rgba(255,255,255,.98)!important;
}
.app-start-login-teaser-copy strong{font-size:clamp(1.25rem,2vw,1.75rem)!important;line-height:1.05!important;font-weight:850!important}
.app-start-login-teaser-copy span{font-size:.95rem!important;font-weight:650!important}
.app-start-login-teaser-copy img{width:100px!important;height:100px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))!important}
.app-start-login-button{
  position:static!important;
  transform:none!important;
  min-width:220px!important;
  min-height:62px!important;
  padding:0 30px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f7d27d,#edae40)!important;
  color:#101318!important;
  font-size:1.14rem!important;
  font-weight:850!important;
  box-shadow:0 15px 34px rgba(0,0,0,.20)!important;
  pointer-events:auto!important;
}

/* One centered login dialog. No second visible "Anmelden" heading. */
.app-login-dialog{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:min(520px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px - var(--public-info-space))!important;
  overflow:auto!important;
  padding:56px 26px 26px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:26px!important;
  color:#fff!important;
  text-align:center!important;
  background:linear-gradient(rgba(0,0,0,.32),rgba(0,0,0,.72)),url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
  box-shadow:0 34px 100px rgba(0,0,0,.52)!important;
}
.app-login-dialog::backdrop{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(7px)!important}
.app-login-dialog .modal-close{
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:50%!important;
  background:rgba(2,10,17,.56)!important;
  color:#fff!important;
  font-size:1.45rem!important;
}
.app-login-dialog .login-welcome{display:grid!important;justify-items:center!important;gap:4px!important;margin:0 0 8px!important}
.app-login-dialog .login-welcome strong{font-size:1.55rem!important;line-height:1.08!important}
.app-login-dialog .app-login-symbol{display:block!important;width:94px!important;height:94px!important;object-fit:contain!important;margin:4px auto 2px!important}
.app-login-dialog .login-app-name{display:block!important;margin:0 auto 10px!important;color:#fff!important;font-size:1rem!important;font-weight:800!important;text-align:center!important}
.app-login-dialog>p{color:#eef3f6!important;text-align:center!important}
.app-login-dialog form{text-align:left!important}
.app-login-dialog .field{color:#fff!important}
.app-login-dialog input,.app-login-dialog select{background:rgba(255,255,255,.96)!important;color:#14202b!important;border-color:rgba(255,255,255,.38)!important}
.app-login-dialog .button.accent{border-radius:999px!important;background:linear-gradient(135deg,#f7d27d,#edae40)!important;color:#101318!important;border:0!important}
.app-login-dialog .global-legal-links{display:none!important}

/* App dock: always right-aligned on standard start pages. */
.public-app-dock{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:var(--public-info-space)!important;
  z-index:80!important;
  min-height:var(--public-app-dock-space)!important;
  padding:8px 12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(5,14,22,.92) 42%,rgba(5,14,22,.98))!important;
  border:0!important;
  pointer-events:none!important;
}
.public-app-dock-scroll{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  pointer-events:auto!important;
}
.public-app-dock-scroll::-webkit-scrollbar{display:none!important}
.public-app-dock-max{
  margin-left:auto!important;
  flex:0 0 72px!important;
  width:72px!important;
  min-width:72px!important;
}
.public-app-dock-groups{
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  min-width:max-content!important;
  flex:0 0 auto!important;
}
.public-app-dock-group{
  display:grid!important;
  grid-template-rows:24px 1fr!important;
  align-items:end!important;
  min-width:max-content!important;
  padding:0 9px 3px!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
}
.public-app-dock-group>small{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-width:100%!important;
  padding:4px 6px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  font-size:.5rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.public-app-dock-group>div{display:flex!important;justify-content:flex-end!important;align-items:flex-end!important;gap:4px!important}
.public-app-dock-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  width:66px!important;
  min-width:66px!important;
  min-height:72px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.public-app-dock-item img{width:42px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))!important}
.public-app-dock-item span{display:block!important;width:100%!important;color:#fff!important;font-size:.48rem!important;line-height:1.05!important;text-align:center!important;white-space:normal!important}

/* language control */
.app-start>.login-language{position:fixed!important;top:12px!important;left:12px!important;right:auto!important;z-index:95!important}

@media(max-width:760px){
  :root{--public-app-dock-space:112px;--public-info-space:44px}
  .app-start>.app-start-bg{background-size:cover!important;background-position:center top!important;background-color:#080b0e!important}
  .app-start::before{background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.10) 38%,rgba(0,0,0,.02) 64%,rgba(0,0,0,0) 88%)!important}
  .app-start-layout{
    display:block!important;
    min-height:calc(100svh - var(--public-app-dock-space) - var(--public-info-space))!important;
    padding:88px 18px 28px!important;
  }
  .app-start-content{width:100%!important;max-width:none!important}
  .app-start-logo{width:min(300px,72vw)!important;max-height:94px!important}
  .app-start-copy h1{max-width:94vw!important;font-size:clamp(2.35rem,11vw,4.2rem)!important}
  .app-start-copy>p{max-width:94vw!important;font-size:clamp(1rem,5vw,1.35rem)!important}
  .app-start-benefits{width:100%!important}
  .app-start-benefits article{min-height:54px!important;padding:11px 14px!important;border-radius:20px!important}
  .app-start-login-teaser{
    position:static!important;
    transform:none!important;
    width:auto!important;
    display:block!important;
    pointer-events:none!important;
  }
  .app-start-login-teaser-copy{display:none!important}
  .app-start-login-button{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    z-index:96!important;
    min-width:132px!important;
    min-height:50px!important;
    padding:0 18px!important;
    font-size:1rem!important;
  }
  .app-login-dialog{width:calc(100vw - 16px)!important;max-width:520px!important;padding:54px 18px 22px!important}
  .public-app-dock{padding:7px 6px!important}
  .public-app-dock-max{margin-left:auto!important;flex-basis:66px!important;width:66px!important;min-width:66px!important}
  .public-app-dock-group{padding-inline:7px!important}
  .public-app-dock-item{width:62px!important;min-width:62px!important}
  .public-app-dock-item img{width:38px!important;height:38px!important}
  .public-app-dock-item span{font-size:.46rem!important}
}

/* ---------- MAX-Cloud public home ---------- */
.login-shell-premium{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(270px,.9fr) minmax(300px,1fr) minmax(340px,.9fr)!important;
  gap:clamp(14px,2vw,28px)!important;
  align-items:stretch!important;
  min-height:100svh!important;
  padding:54px 22px 52px!important;
  overflow:hidden auto!important;
  background:#000!important;
  color:#fff!important;
}
.login-shell-premium>.login-network-visual{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  width:100vw!important;
  height:100svh!important;
  min-width:100vw!important;
  min-height:100svh!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  animation:none!important;
  transition:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
.login-shell-premium::before{content:none!important;display:none!important}
.login-shell-premium::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.25) 27%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.28) 73%,rgba(0,0,0,.66) 100%)!important;
}
.login-shell-premium>.login-story,
.login-shell-premium>.login-apps,
.login-shell-premium>.login-panel,
.login-shell-premium>.login-language{
  position:relative!important;
  z-index:3!important;
}
.login-shell-premium>.login-story{
  grid-column:1!important;
  min-height:calc(100svh - 106px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:clamp(26px,4vw,56px) clamp(12px,2vw,26px)!important;
  text-align:left!important;
}
.login-story .login-suite-mark{
  width:min(270px,90%)!important;
  max-height:90px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 20px!important;
}
.login-story-copy,
.login-story-copy h1,
.login-kicker,
.login-mantra{text-align:left!important;margin-left:0!important;margin-right:0!important}
.login-story-copy h1{font-size:clamp(2.25rem,3.3vw,4rem)!important}
.login-benefits{width:100%!important;margin:18px 0!important}
.login-benefits>div{justify-content:flex-start!important}

/* middle app catalog */
.login-shell-premium>.login-apps{
  grid-column:2!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:calc(100svh - 106px)!important;
  padding:24px 14px 18px!important;
  background:rgba(2,9,15,.48)!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.login-apps-head{
  display:grid!important;
  gap:3px!important;
  padding:0 8px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.login-apps-head strong{font-size:1.05rem!important}
.login-apps-head span{font-size:.73rem!important;color:rgba(255,255,255,.68)!important}
.login-apps-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  padding:14px 8px 4px!important;
}
.login-apps .app-group{display:grid!important;gap:8px!important;margin:0 0 14px!important}
.login-apps .app-group h3{
  margin:0!important;
  font-size:.72rem!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  color:#f1c66f!important;
}
.login-apps .app-group-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.login-app-tile{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:2px 10px!important;
  align-items:center!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:16px!important;
  background:rgba(4,14,23,.74)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.login-app-tile:hover{background:rgba(11,31,48,.9)!important;border-color:rgba(247,199,105,.55)!important}
.login-app-tile img{grid-row:1/3!important;width:44px!important;height:44px!important;object-fit:contain!important}
.login-app-tile strong{font-size:.82rem!important;line-height:1.15!important;min-width:0!important}
.login-app-tile span{font-size:.64rem!important;line-height:1.25!important;color:rgba(255,255,255,.68)!important;min-width:0!important}

/* permanent right-side MAX login */
.login-shell-premium>.login-panel{
  grid-column:3!important;
  min-height:calc(100svh - 106px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px 8px!important;
}
.login-shell-premium .login-card{
  width:min(430px,100%)!important;
  max-height:calc(100svh - 120px)!important;
  overflow:auto!important;
}
.login-app-name{
  display:block!important;
  margin:.05rem auto .65rem!important;
  color:#fff!important;
  font-size:.95rem!important;
  font-weight:700!important;
  text-align:center!important;
}

/* ---------- permanent information menu ---------- */
.global-info-cluster{
  position:fixed!important;
  left:50%!important;
  bottom:max(5px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.global-dsgvo-link,.global-info-menu>summary{
  width:36px!important;height:36px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;
  background:rgba(3,10,17,.92)!important;color:#fff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
.global-dsgvo-link img{width:24px!important;height:24px!important;object-fit:contain!important;display:block!important}
.global-info-menu{position:relative!important;margin:0!important;color:#fff!important}
.global-info-menu>summary{list-style:none!important;font:700 18px/1 Lexend,Arial,sans-serif!important;cursor:pointer!important;user-select:none!important}
.global-info-menu>summary::-webkit-details-marker{display:none!important}
.global-info-menu>nav{
  position:absolute!important;left:50%!important;bottom:calc(100% + 8px)!important;transform:translateX(-50%)!important;
  display:none!important;min-width:max-content!important;padding:8px!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:16px!important;background:rgba(3,10,17,.96)!important;box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
}
.global-info-menu[open]>nav{display:grid!important;grid-template-columns:repeat(3,max-content)!important;gap:4px!important}
.global-info-menu>nav a{color:#fff!important;text-decoration:none!important;padding:8px 10px!important;border-radius:10px!important;white-space:nowrap!important;font:600 11px/1.1 Lexend,Arial,sans-serif!important}
.global-info-menu>nav a:hover{background:rgba(255,255,255,.1)!important}
body:has(.login-shell-premium) .global-info-cluster{left:clamp(18px,2.4vw,34px)!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:none!important}
body:has(.login-shell-premium) .global-info-menu>nav{left:0!important;transform:none!important}
.global-legal-links{display:none!important}
#app{padding-bottom:46px!important}

@media(max-width:980px){
  .login-shell-premium{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:60px 12px 50px!important;
    overflow:auto!important;
  }
  .login-shell-premium>.login-story,
  .login-shell-premium>.login-apps,
  .login-shell-premium>.login-panel{grid-column:1!important;min-height:0!important}
  .login-shell-premium>.login-story{padding:20px 14px!important}
  .login-story-copy h1{font-size:clamp(2.1rem,10vw,3.4rem)!important}
  .login-shell-premium>.login-apps{
    max-height:390px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:20px!important;
  }
  .login-shell-premium>.login-panel{padding:8px!important}
  .login-shell-premium .login-card{max-height:none!important}
}
@media(max-width:760px){
  .app-start>.app-start-bg,
  .app-start-vacaio-guest>.app-start-bg{background-size:contain!important;background-position:left top!important}
  .app-start{padding-bottom:calc(var(--public-app-dock-space,112px) + 50px)!important}
  .public-app-dock{bottom:44px!important}
  .global-dsgvo-link,.global-info-menu>summary{width:34px!important;height:34px!important}.global-info-menu>summary{font-size:16px!important}.global-dsgvo-link img{width:22px!important;height:22px!important}
  .global-info-menu[open]>nav{grid-template-columns:1fr!important;gap:2px!important}
  .global-info-menu>nav a{text-align:center!important;font-size:10px!important;padding:8px 12px!important}
  #app{padding-bottom:44px!important}
}
@media(max-width:520px){
  .login-apps .app-group-grid{grid-template-columns:1fr!important}
  .login-app-tile{grid-template-columns:40px minmax(0,1fr)!important}
  .login-app-tile img{width:40px!important;height:40px!important}
}

/* MASTERFIX06 — urgent public start-page repair */
.login-shell-premium>.login-language{
  position:fixed!important;top:12px!important;right:12px!important;left:auto!important;
  width:auto!important;max-width:min(260px,calc(100vw - 24px))!important;height:auto!important;min-height:42px!important;
  z-index:120!important;margin:0!important;padding:.35rem .55rem!important;
}
.login-shell-premium>.login-language select{min-width:118px!important;max-width:180px!important;width:auto!important}
.max-mobile-login-open{display:none!important}
.max-mobile-login-dialog{display:none}
@media(max-width:760px){
  .app-start-login-button{
    width:min(150px,40vw)!important;min-width:120px!important;max-width:150px!important;
    min-height:50px!important;height:50px!important;margin:0!important;padding:0 14px!important;
    top:max(12px,env(safe-area-inset-top))!important;right:12px!important;left:auto!important;
  }
  .login-shell-premium>.login-language{left:12px!important;right:auto!important;top:max(12px,env(safe-area-inset-top))!important;max-width:160px!important}
  .login-shell-premium>.login-language select{min-width:105px!important;max-width:118px!important}
  .max-mobile-login-open{
    position:relative!important;display:block!important;grid-column:1!important;justify-self:end!important;
    right:auto!important;left:auto!important;bottom:auto!important;margin:0 12px 0!important;
    width:auto!important;min-width:142px!important;height:50px!important;z-index:20!important;
    border:0!important;border-radius:999px!important;padding:0 22px!important;
    background:linear-gradient(135deg,#f7d27d,#edae40)!important;color:#101318!important;
    font:850 1rem/1 Lexend,Arial,sans-serif!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
}
.max-mobile-login-dialog[open]{
  display:block!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;
  width:min(520px,calc(100vw - 16px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;
  margin:0!important;padding:56px 18px 22px!important;border:1px solid rgba(255,255,255,.28)!important;
  border-radius:22px!important;background:linear-gradient(180deg,rgba(3,8,14,.70),rgba(3,8,14,.94)),url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
  color:#fff!important;box-shadow:0 34px 90px rgba(0,0,0,.62)!important;z-index:2147482000!important;
}
.max-mobile-login-dialog::backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px)!important}
.max-mobile-login-dialog .modal-close{position:absolute!important;right:10px!important;top:9px!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;background:rgba(4,12,20,.62)!important;color:#fff!important;font-size:1.6rem!important}
.max-mobile-login-dialog .field{color:#f3f6f9!important}.max-mobile-login-dialog input,.max-mobile-login-dialog select{background:rgba(7,18,30,.88)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
@media(max-width:520px){
  .login-shell-premium>.login-apps{max-height:420px!important}
  .login-shell-premium>.login-story{padding-top:54px!important}
}

/* MASTERFIX06 — keep all public controls inside the visible safe area */
body:has(.login-shell-premium) #app,body:has(.app-start) #app{padding-bottom:0!important}
@media(min-width:981px){
  .login-shell-premium{
    height:100svh!important;min-height:100svh!important;
    padding:54px 22px calc(var(--public-app-dock-space) + var(--public-info-space) + 12px)!important;
    overflow:hidden!important;
  }
  .login-shell-premium>.login-story,.login-shell-premium>.login-apps,.login-shell-premium>.login-panel{
    min-height:0!important;height:100%!important;max-height:100%!important;
  }
  .login-shell-premium .login-card{max-height:100%!important}
}
@media(max-width:980px){
  .login-shell-premium{padding-bottom:calc(var(--public-app-dock-space) + var(--public-info-space) + 18px)!important}
  .login-shell-premium>.login-apps{max-height:420px!important}
}

/* STARTPAGE HOTFIX06 — priority live UI repair */
@media(max-width:760px){
  .app-start-login-button{
    width:auto!important;
    max-width:160px!important;
    min-width:132px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  body:has(.login-shell-premium) .login-language{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    left:12px!important;
    right:auto!important;
    width:auto!important;
    max-width:176px!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:.28rem .45rem!important;
    display:flex!important;
    align-items:center!important;
    z-index:2147482000!important;
  }
  body:has(.login-shell-premium) .login-language select{
    width:auto!important;
    min-width:96px!important;
    max-width:128px!important;
    height:32px!important;
    padding:.15rem .25rem!important;
  }
  .max-mobile-login-open{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:2147482001!important;
    width:auto!important;
    max-width:160px!important;
    min-width:132px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#f7d27d,#edae40)!important;
    color:#101318!important;
    font:850 1rem/1 Lexend,Arial,sans-serif!important;
    box-shadow:0 12px 28px rgba(0,0,0,.26)!important;
  }
  .max-mobile-login-dialog{
    position:fixed!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    width:calc(100vw - 16px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:auto!important;
    padding:54px 18px 22px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:22px!important;
    background:rgba(5,15,24,.96)!important;
    color:#fff!important;
    box-shadow:0 36px 100px rgba(0,0,0,.58)!important;
  }
  .max-mobile-login-dialog::backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px)!important}
  .max-mobile-login-dialog .modal-close{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(4,12,20,.72)!important;
    color:#fff!important;
    font-size:1.55rem!important;
  }
  .login-shell-premium>.login-apps{
    max-height:410px!important;
    padding:14px 10px!important;
  }
  .login-apps .app-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .login-app-tile{
    min-height:80px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:8px!important;
  }
  .login-app-tile img{width:38px!important;height:38px!important}
  .login-app-tile span{font-size:.56rem!important}
}

/* UIHOTFIX07B — MAX-Cloud login image bounds + no bottom app dock */
.login-suite-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.login-suite-head>a{flex:0 0 auto!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important}
.login-suite-head>a>img{display:block!important;width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important}
.login-current-app-icon{display:block!important;width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;object-fit:contain!important;margin:.65rem auto!important}
.max-mobile-login-dialog .login-suite-head>a>img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important}
.max-mobile-login-dialog .login-current-app-icon{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain!important;margin:.65rem auto!important}
body:has(.login-shell-premium) .public-app-dock{display:none!important}
@media(min-width:981px){.login-shell-premium{padding-bottom:calc(var(--public-info-space) + 12px)!important}}
@media(max-width:980px){.login-shell-premium{padding-bottom:calc(var(--public-info-space) + 18px)!important}}

/* MASTERFIX10 — serverseitige Rollen-Vorschau */
.master-preview-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 7px;border:1px solid rgba(188,143,45,.24);border-radius:999px;background:rgba(255,255,255,.72)}
.master-preview-switch>span{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6f6040;padding:0 4px}
.master-preview-switch button{border:0;border-radius:999px;padding:7px 10px;background:transparent;color:#3c4147;font-size:.72rem;font-weight:750}
.master-preview-switch button.is-active{background:#171b20;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.role-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 14px;border:1px solid rgba(188,143,45,.32);border-radius:14px;background:linear-gradient(90deg,rgba(247,210,125,.22),rgba(255,255,255,.8));box-shadow:0 8px 20px rgba(30,34,39,.06)}
.role-preview-banner strong{font-size:.82rem;color:#5c481b}.role-preview-banner span{font-size:.72rem;color:#5f6670;text-align:right}
@media(max-width:760px){.master-preview-switch{width:100%;justify-content:center}.role-preview-banner{align-items:flex-start;flex-direction:column;gap:3px}.role-preview-banner span{text-align:left}}

/* MASTERFIX11 — fixed brand safe zone + centered landing balance */
.app-start-layout{padding-left:clamp(40px,5vw,88px)!important;padding-right:clamp(40px,5vw,88px)!important}
.app-start-content{align-self:center!important;justify-self:start!important}
.app-start-brand-zone{width:100%!important;height:132px!important;min-height:132px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;pointer-events:none!important}
.app-start-brand-zone .app-start-logo{display:block!important;width:min(330px,74%)!important;max-width:100%!important;max-height:118px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.app-start-copy{position:relative!important;z-index:1!important}
.app-start-vacaio-guest>.app-start-bg{background-size:cover!important;background-position:center center!important}
@media(max-width:760px){
 .app-start-layout{padding:88px 24px 28px!important}
 .app-start-brand-zone{height:112px!important;min-height:112px!important}
 .app-start-brand-zone .app-start-logo{width:min(300px,78vw)!important;max-height:94px!important}
 .app-start-copy h1,.app-start-copy>p{max-width:100%!important}
}

/* MASTERFIX12 — MAX-Cloud background truly centered and fully visible */
.login-shell-premium>.login-network-visual{
 position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
 width:100vw!important;height:100svh!important;min-width:100vw!important;min-height:100svh!important;max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center center!important;transform:none!important;translate:none!important;rotate:0deg!important;animation:none!important;
}

/* MASTERFIX15 — no global shader, fixed visual layers */
.app-start::before,.app-start::after{
  content:none!important;display:none!important;background:none!important;
}
.app-start>.app-start-bg{
  position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;
  animation:none!important;transform:none!important;translate:none!important;pointer-events:none!important;
}
.app-start-vacaio-guest>.app-start-bg{
  inset:0!important;width:100vw!important;height:100svh!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.login-shell-premium::after{
  content:""!important;display:block!important;position:fixed!important;inset:0!important;
  background:rgba(0,0,0,.08)!important;pointer-events:none!important;z-index:1!important;
}
.app-start-brand-zone{
  position:fixed!important;top:52px!important;left:clamp(40px,5vw,88px)!important;
  width:min(720px,56vw)!important;height:112px!important;min-height:112px!important;
  z-index:22!important;overflow:hidden!important;pointer-events:none!important;
}
.app-start-brand-zone .app-start-logo{
  width:min(330px,74%)!important;max-height:96px!important;object-fit:contain!important;object-position:left center!important;
}
.app-start-content{padding-top:126px!important}
@media(min-width:901px){
  .shell .sidebar{
    position:fixed!important;top:0!important;left:0!important;width:276px!important;height:100svh!important;
    display:grid!important;grid-template-rows:86px minmax(0,1fr) auto!important;gap:0!important;
    padding:0 14px 12px!important;overflow:hidden!important;background-attachment:fixed!important;
  }
  .shell .brand{height:86px!important;min-height:86px!important;padding:14px 4px 10px!important;overflow:hidden!important}
  .shell .brand img{max-width:210px!important;max-height:58px!important}
  .shell .nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 0!important;overscroll-behavior:contain!important}
  .shell .sidebar-foot{margin-top:0!important}
  .shell .main{grid-column:2!important;min-width:0!important}
}
@media(max-width:900px){
  .shell{padding-bottom:64px!important}
  .shell .sidebar{height:64px!important;padding:6px 8px!important;overflow:hidden!important}
  .shell .nav{height:52px!important;display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;padding:4px!important}
  .shell .nav button,.shell .nav a{min-height:44px!important;display:flex!important;align-items:center!important;padding:0 12px!important;font-size:.72rem!important;border-radius:10px!important}
  .topbar{min-height:58px!important;padding:8px 12px!important;gap:10px!important}
  .mobile-brand{display:block!important;width:min(112px,30vw)!important;height:30px!important;object-fit:contain!important;object-position:left center!important}
  .title-block{display:none!important}
  .tenant-select{max-width:132px!important;min-height:40px!important;font-size:.74rem!important;padding:.4rem .5rem!important}
  .app-start-brand-zone{top:58px!important;left:16px!important;width:calc(100vw - 32px)!important;height:72px!important;min-height:72px!important}
  .app-start-brand-zone .app-start-logo{width:min(220px,60vw)!important;max-height:60px!important}
  .app-start-content{padding-top:82px!important}
  .app-start-copy h1{font-size:clamp(1.7rem,7.3vw,2.45rem)!important;line-height:1.04!important}
  .app-start-copy>p{font-size:clamp(.9rem,3.8vw,1.05rem)!important;line-height:1.45!important}
  .app-start-benefits{gap:8px!important;margin:12px 0!important}
  .app-start-benefits article{min-height:46px!important;padding:9px 12px!important;border-radius:14px!important;font-size:.76rem!important}
}

/* MASTERFIX16 — real MAX-Cloud mobile/portrait landing */
@media(max-width:980px){
  body:has(.login-shell-premium){background:#000!important}
  .login-shell-premium{
    display:flex!important;
    flex-direction:column!important;
    min-height:100svh!important;
    height:auto!important;
    padding:0 0 calc(var(--public-info-space,46px) + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    background:#000!important;
  }
  .login-shell-premium>.login-network-visual{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100svh!important;
    min-width:100vw!important;
    min-height:100svh!important;
    object-fit:contain!important;
    object-position:center center!important;
    animation:none!important;
    transform:none!important;
    rotate:0deg!important;
    translate:none!important;
  }
  .login-shell-premium::after{
    background:rgba(0,0,0,.08)!important;
  }
  .login-shell-premium>.login-panel{display:none!important}
  .login-story{
    order:1!important;
    position:relative!important;
    min-height:100svh!important;
    height:100svh!important;
    padding:74px 18px max(34px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .login-story .login-suite-mark{
    position:absolute!important;
    top:72px!important;
    left:18px!important;
    width:min(172px,46vw)!important;
    max-height:52px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .login-story-copy{
    width:min(100%,430px)!important;
    margin:0!important;
    padding:0!important;
  }
  .login-story-copy h1{
    margin:0 0 8px!important;
    font-size:clamp(2rem,9vw,3rem)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .login-kicker{margin:8px 0 0!important;font-size:.72rem!important}
  .login-benefits{display:none!important}
  .login-mantra{
    display:block!important;
    margin:14px 0 0!important;
    font-size:.92rem!important;
    line-height:1.25!important;
  }
  .login-apps{
    order:2!important;
    min-height:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:18px 14px 26px!important;
    display:block!important;
    overflow:visible!important;
    background:rgba(2,7,12,.94)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .login-apps-head{
    display:grid!important;
    gap:2px!important;
    margin:0 0 12px!important;
    text-align:left!important;
  }
  .login-apps-head strong{font-size:1rem!important}
  .login-apps-head span{font-size:.68rem!important;opacity:.72!important}
  .login-apps-scroll,.login-apps .login-app-launcher{
    width:100%!important;
    margin:0!important;
  }
  .login-apps .app-group{margin:10px 0 14px!important}
  .login-apps .app-group h3{
    margin:0 0 6px!important;
    font-size:.62rem!important;
    letter-spacing:.08em!important;
    text-align:left!important;
  }
  .login-apps .app-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .login-apps .login-app-tile{
    min-height:68px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px 9px!important;
    border-radius:13px!important;
  }
  .login-apps .login-app-tile img{
    width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important
  }
  .login-apps .login-app-tile strong{font-size:.72rem!important;line-height:1.1!important}
  .login-apps .login-app-tile span{display:none!important}
  .max-mobile-login-open{
    display:flex!important;
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2147482001!important;
    min-width:118px!important;
    max-width:142px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:999px!important;
    font-size:.86rem!important;
  }
  body:has(.login-shell-premium) .login-language{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    left:12px!important;
    right:auto!important;
    width:auto!important;
    max-width:144px!important;
    height:44px!important;
    min-height:44px!important;
    z-index:2147482001!important;
    padding:4px 8px!important;
  }
  body:has(.login-shell-premium) .login-language select{
    min-width:88px!important;
    max-width:108px!important;
    height:34px!important;
    font-size:.76rem!important;
  }
  .max-mobile-login-dialog[open]{
    width:calc(100vw - 16px)!important;
    max-width:460px!important;
    max-height:calc(100dvh - 20px)!important;
    padding:50px 16px 18px!important;
    border-radius:18px!important;
  }
  .max-mobile-login-dialog .login-current-app-icon{
    width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;margin:4px auto 8px!important
  }
  .max-mobile-login-dialog h2{font-size:1.55rem!important;margin:4px 0 6px!important}
  .max-mobile-login-dialog>p{font-size:.78rem!important;margin:0 0 10px!important}
  .max-mobile-login-dialog .field input{min-height:44px!important}
}
@media(max-width:340px){
  .login-apps .app-group-grid{grid-template-columns:1fr!important}
  .login-story-copy h1{font-size:1.85rem!important}
}

/* MASTERFIX17 — getrennte Master-Navigation */
.master-nav-divider{
  margin:12px 4px 5px!important;
  padding:10px 8px 5px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
}
.shell[data-app="max-cloud"] .nav button[data-master-section]{
  width:100%!important;
  min-height:42px!important;
}
@media(max-width:900px){
  .master-nav-divider{
    flex:0 0 auto!important;
    height:44px!important;
    margin:0 2px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.18)!important;
    white-space:nowrap!important;
  }
  .shell[data-app="max-cloud"] .nav button[data-master-section]{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:44px!important;
  }
}

/* P0 MOBILE LANGUAGE — compact globe control */
@media(max-width:980px){
  .login-language,
  body:has(.login-shell-premium) .login-language{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:rgba(5,16,28,.86)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
  }
  .login-language>span{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    font-size:1.22rem!important;
    line-height:1!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  .login-language select,
  body:has(.login-shell-premium) .login-language select{
    position:absolute!important;
    inset:0!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    opacity:0!important;
    cursor:pointer!important;
    z-index:3!important;
  }
}

/* MASTERFIX30 — compact public app dock for all app landing pages except MAX-Cloud */
.app-start{padding-bottom:92px!important}
.public-app-dock{
  padding:.28rem .48rem .36rem!important;
  background:linear-gradient(180deg,rgba(7,13,20,0),rgba(7,13,20,.82) 30%,rgba(5,10,16,.94) 100%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.public-app-dock-scroll{
  gap:.46rem!important;
  align-items:flex-end!important;
  padding:.08rem .12rem!important;
  scrollbar-width:none!important;
}
.public-app-dock-scroll::-webkit-scrollbar{display:none!important}
.public-app-dock-group{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.14rem!important;
  padding-left:.48rem!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
}
.public-app-dock-group>small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto .12rem!important;
  padding:.16rem .48rem!important;
  min-height:18px!important;
  border-radius:999px!important;
  background:rgba(5,11,18,.84)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.92)!important;
  font-size:.47rem!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.public-app-dock-group>div{
  gap:.22rem!important;
  justify-content:center!important;
}
.public-app-dock-item:not(.public-app-dock-max){
  min-width:50px!important;
  max-width:58px!important;
  gap:.1rem!important;
  padding:.24rem .18rem!important;
  border-radius:11px!important;
  background:rgba(245,248,251,.90)!important;
}
.public-app-dock-item:not(.public-app-dock-max) img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.public-app-dock-item:not(.public-app-dock-max) span{
  font-size:.45rem!important;
  line-height:1!important;
  color:#111b26!important;
}
.public-app-dock-max{
  min-width:68px!important;
  max-width:74px!important;
  padding:.32rem .26rem!important;
}
.public-app-dock-max img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}
@media(max-width:620px){
  .app-start{padding-bottom:82px!important}
  .public-app-dock{padding:.24rem .34rem .30rem!important}
  .public-app-dock-scroll{
    gap:.36rem!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .public-app-dock-group{padding-left:.38rem!important}
  .public-app-dock-group>small{
    font-size:.44rem!important;
    padding:.14rem .40rem!important;
    min-height:17px!important;
  }
  .public-app-dock-item:not(.public-app-dock-max){
    min-width:46px!important;
    max-width:54px!important;
    padding:.22rem .15rem!important;
  }
  .public-app-dock-item:not(.public-app-dock-max) img{
    width:26px!important;
    height:26px!important;
  }
  .public-app-dock-item:not(.public-app-dock-max) span{font-size:.42rem!important}
  .public-app-dock-max{
    min-width:64px!important;
    max-width:70px!important;
  }
  .public-app-dock-max img{width:36px!important;height:36px!important}
}

/* MASTERFIX31 — slimmer/taller app dock, no visible hard edges */
.public-app-dock{
  padding:.20rem .38rem .28rem!important;
  border-top:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(5,10,16,0),rgba(5,10,16,.70) 34%,rgba(5,10,16,.90) 100%)!important;
}
.public-app-dock-scroll{
  gap:.34rem!important;
  align-items:flex-end!important;
}
.public-app-dock-group{
  padding-left:.34rem!important;
  gap:.10rem!important;
  border-left:0!important;
}
.public-app-dock-group>small{
  min-height:16px!important;
  padding:.12rem .36rem!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(5,10,16,.82)!important;
  color:rgba(255,255,255,.94)!important;
  font-size:.43rem!important;
  line-height:1!important;
}
.public-app-dock-group>div{
  gap:.16rem!important;
}
.public-app-dock-item:not(.public-app-dock-max){
  min-width:42px!important;
  max-width:46px!important;
  height:58px!important;
  justify-content:center!important;
  gap:.12rem!important;
  padding:.18rem .12rem!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
  background:rgba(244,247,250,.88)!important;
}
.public-app-dock-item:not(.public-app-dock-max) img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.public-app-dock-item:not(.public-app-dock-max) span{
  font-size:.39rem!important;
  line-height:1!important;
  color:#101923!important;
}
.public-app-dock-max{
  min-width:58px!important;
  max-width:62px!important;
  height:62px!important;
  justify-content:center!important;
  border:0!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.public-app-dock-max img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}
@media(max-width:620px){
  .public-app-dock{
    padding:.18rem .28rem .24rem!important;
  }
  .public-app-dock-scroll{gap:.28rem!important}
  .public-app-dock-group{padding-left:.28rem!important}
  .public-app-dock-group>small{
    min-height:15px!important;
    padding:.11rem .32rem!important;
    font-size:.40rem!important;
  }
  .public-app-dock-item:not(.public-app-dock-max){
    min-width:40px!important;
    max-width:44px!important;
    height:56px!important;
    border-radius:11px!important;
  }
  .public-app-dock-item:not(.public-app-dock-max) img{
    width:28px!important;
    height:28px!important;
  }
  .public-app-dock-item:not(.public-app-dock-max) span{font-size:.37rem!important}
  .public-app-dock-max{
    min-width:56px!important;
    max-width:60px!important;
    height:60px!important;
  }
}

/* MASTERFIX33 — systemwide login bubbles: black outer edges around artwork */
.app-login-dialog,
.max-mobile-login-dialog,
.central-login-modal{
  background-color:#000!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.42)),
    radial-gradient(ellipse at center,rgba(0,0,0,0) 44%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.68) 84%,#000 100%),
    url('/assets/max-cloud/login-60-grad.webp')!important;
  background-position:center,center,center!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-size:100% 100%,100% 100%,92% 88%!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62)!important;
}
.app-login-dialog::backdrop,
.max-mobile-login-dialog::backdrop,
.central-login-modal::backdrop{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(7px)!important;
}

/* MASTERFIX37 — systemwide login artwork has no rectangular image edges */
.app-login-dialog,
.max-mobile-login-dialog,
.central-login-modal{
  position:fixed!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#000!important;
  background-image:none!important;
}
.app-login-dialog::before,
.max-mobile-login-dialog::before,
.central-login-modal::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
  opacity:.52!important;
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.96) 48%,rgba(0,0,0,.60) 72%,rgba(0,0,0,0) 100%)!important;
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.96) 48%,rgba(0,0,0,.60) 72%,rgba(0,0,0,0) 100%)!important;
}
.app-login-dialog::after,
.max-mobile-login-dialog::after,
.central-login-modal::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.58))!important;
}
.app-login-dialog>*,
.max-mobile-login-dialog>*,
.central-login-modal>*{
  position:relative!important;
  z-index:2!important;
}

/* MASTERFIX43 — unified ecosystem landing layout */
@media(min-width:901px){
  .app-start{
    min-height:100svh!important;
    height:100svh!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .app-start>.app-start-bg{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    background-attachment:fixed!important;
    background-position:center center!important;
    background-size:cover!important;
    pointer-events:none!important;
  }
  .app-start-layout{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    height:100svh!important;
    display:grid!important;
    grid-template-columns:minmax(0,4fr) minmax(350px,3fr) minmax(290px,2fr)!important;
    gap:clamp(20px,2.2vw,40px)!important;
    align-items:center!important;
    padding:clamp(70px,8vh,104px) clamp(28px,4vw,72px) clamp(28px,4vh,48px)!important;
  }
  .app-start-content{
    grid-column:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:720px!important;
    align-self:center!important;
  }
  .app-start-brand-zone{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0 0 18px!important;
  }
  .app-start-brand-zone .app-start-logo{
    width:min(340px,82%)!important;
    max-width:340px!important;
    height:auto!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .app-start-copy{
    width:100%!important;
    max-width:680px!important;
    margin:0!important;
  }
  .app-start-copy h1{
    max-width:680px!important;
    margin:.35rem 0 .75rem!important;
  }
  .app-start-copy>p{max-width:620px!important}
  .app-start-benefits{
    width:min(620px,100%)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:18px 0 0!important;
  }
  .app-start-benefits article{
    min-height:50px!important;
    padding:10px 15px!important;
    border:0!important;
    border-radius:18px!important;
    background:rgba(6,13,20,.58)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .app-start-benefits article>span{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.13)!important;
  }

  .ecosystem-app-rail{
    grid-column:2!important;
    width:100%!important;
    max-width:460px!important;
    height:min(690px,calc(100svh - 150px))!important;
    min-height:0!important;
    align-self:center!important;
    justify-self:center!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:14px!important;
    border-radius:24px!important;
    background:rgba(5,12,19,.48)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
  }
  .ecosystem-app-rail-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:2px 4px 6px!important;
  }
  .ecosystem-app-rail-head span{
    font-size:.56rem!important;
    letter-spacing:.11em!important;
    opacity:.72!important;
  }
  .ecosystem-app-rail-head strong{font-size:1.15rem!important}
  .ecosystem-app-rail-scroll{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    padding-right:3px!important;
  }
  .ecosystem-app-group{margin:0 0 10px!important}
  .ecosystem-app-group h3{
    margin:0 0 5px!important;
    padding-left:2px!important;
    color:rgba(255,255,255,.68)!important;
    font-size:.54rem!important;
    font-weight:750!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
  .ecosystem-app-group>div{display:grid!important;gap:7px!important}
  .ecosystem-app-tile{
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 11px!important;
    border:0!important;
    border-radius:18px!important;
    background:rgba(8,17,25,.68)!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  }
  .ecosystem-app-icon{
    width:54px!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
  }
  .ecosystem-app-icon img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .ecosystem-app-copy{
    min-width:0!important;
    display:grid!important;
    align-content:center!important;
    gap:3px!important;
    text-align:left!important;
  }
  .ecosystem-app-copy strong{
    color:#fff!important;
    font-size:.82rem!important;
    line-height:1.15!important;
  }
  .ecosystem-app-copy small{
    color:rgba(255,255,255,.68)!important;
    font-size:.58rem!important;
    line-height:1.24!important;
    white-space:normal!important;
  }

  .app-start-login-teaser{
    grid-column:3!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:min(330px,100%)!important;
    min-height:220px!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    padding:24px 20px!important;
    border-radius:26px!important;
    background:rgba(5,12,19,.70)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    pointer-events:auto!important;
  }
  .app-start-login-teaser-copy{
    display:grid!important;
    justify-items:center!important;
    gap:5px!important;
    color:#fff!important;
    text-align:center!important;
  }
  .app-start-login-teaser-copy strong{font-size:1.15rem!important}
  .app-start-login-teaser-copy span{font-size:.72rem!important;opacity:.72!important}
  .app-start-login-teaser-copy img{
    width:72px!important;
    height:72px!important;
    object-fit:contain!important;
    margin-top:4px!important;
  }
  .app-start-login-button{
    width:100%!important;
    max-width:240px!important;
    min-height:46px!important;
    margin:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
    color:#101820!important;
    font-weight:850!important;
  }
  .public-app-dock{display:none!important}
}

/* mobile unified app landing pages */
@media(max-width:900px){
  .app-start{
    width:100vw!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    padding:0!important;
  }
  .app-start>.app-start-bg{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    background-position:center top!important;
    background-size:cover!important;
    pointer-events:none!important;
  }
  .app-start-layout{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    min-height:100dvh!important;
    padding:76px 12px 26px!important;
  }
  .app-start-content{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
  }
  .app-start-brand-zone{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:64px!important;
    margin:0 0 10px!important;
  }
  .app-start-brand-zone .app-start-logo{
    width:min(250px,68vw)!important;
    max-height:72px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .app-start-copy{width:100%!important;margin:0!important}
  .app-start-copy h1{
    margin:.25rem 0 .55rem!important;
    font-size:clamp(1.9rem,8.8vw,3rem)!important;
    line-height:1!important;
  }
  .app-start-copy>p{
    max-width:92vw!important;
    font-size:.86rem!important;
    line-height:1.38!important;
  }
  .app-start-benefits{
    display:grid!important;
    gap:6px!important;
    margin:10px 0 0!important;
  }
  .app-start-benefits article{
    min-height:42px!important;
    padding:7px 10px!important;
    border-radius:15px!important;
    background:rgba(6,13,20,.62)!important;
    border:0!important;
  }

  .ecosystem-app-rail{
    order:2!important;
    width:100%!important;
    height:min(40dvh,360px)!important;
    min-height:240px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:7px!important;
    padding:10px!important;
    border-radius:20px!important;
    background:rgba(5,12,19,.58)!important;
    backdrop-filter:blur(12px)!important;
  }
  .ecosystem-app-rail-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:end!important;
    padding:0 3px 4px!important;
  }
  .ecosystem-app-rail-head span{font-size:.5rem!important}
  .ecosystem-app-rail-head strong{font-size:.92rem!important}
  .ecosystem-app-rail-scroll{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .ecosystem-app-group{margin:0 0 8px!important}
  .ecosystem-app-group h3{
    margin:0 0 4px!important;
    font-size:.48rem!important;
    color:rgba(255,255,255,.68)!important;
    text-transform:uppercase!important;
  }
  .ecosystem-app-group>div{display:grid!important;gap:6px!important}
  .ecosystem-app-tile{
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    padding:6px 9px!important;
    border-radius:16px!important;
    background:rgba(8,17,25,.72)!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  .ecosystem-app-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important}
  .ecosystem-app-icon img{width:42px!important;height:42px!important;object-fit:contain!important}
  .ecosystem-app-copy{display:grid!important;gap:2px!important;text-align:left!important}
  .ecosystem-app-copy strong{font-size:.75rem!important;color:#fff!important}
  .ecosystem-app-copy small{font-size:.55rem!important;line-height:1.2!important;color:rgba(255,255,255,.68)!important}

  .app-start-login-teaser{
    order:3!important;
    position:static!important;
    transform:none!important;
    width:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
    background:rgba(5,12,19,.72)!important;
    pointer-events:auto!important;
  }
  .app-start-login-teaser-copy{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  .app-start-login-teaser-copy span{display:none!important}
  .app-start-login-teaser-copy img{width:46px!important;height:46px!important;margin:0!important}
  .app-start-login-button{
    width:auto!important;
    min-width:118px!important;
    min-height:44px!important;
    margin:0!important;
    border-radius:999px!important;
  }
  .public-app-dock{display:none!important}
}

/* MASTERFIX44 — centered app rail + true landscape login teaser on all ecosystem landing pages */
@media(min-width:901px){
  .app-start-layout{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr)!important;
    gap:clamp(22px,2vw,36px)!important;
  }
  .app-start-content{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:min(660px,100%)!important;
  }
  .ecosystem-app-rail{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    width:430px!important;
    max-width:430px!important;
    margin:0!important;
  }
  .app-start-login-teaser{
    grid-column:3!important;
    justify-self:center!important;
    align-self:center!important;
    width:min(390px,calc(100% - 10px))!important;
    max-width:390px!important;
    min-height:148px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 148px!important;
    align-items:center!important;
    gap:16px!important;
    padding:18px 18px!important;
    border-radius:24px!important;
  }
  .app-start-login-teaser-copy{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .app-start-login-teaser-copy img{
    grid-row:1/3!important;
    width:60px!important;
    height:60px!important;
    margin:0!important;
  }
  .app-start-login-teaser-copy strong{
    grid-column:2!important;
    font-size:1rem!important;
    line-height:1.15!important;
  }
  .app-start-login-teaser-copy span{
    grid-column:2!important;
    font-size:.66rem!important;
    line-height:1.25!important;
    opacity:.74!important;
  }
  .app-start-login-button{
    width:148px!important;
    max-width:148px!important;
    min-width:148px!important;
    min-height:46px!important;
    margin:0!important;
    justify-self:end!important;
  }
}

/* MASTERFIX45 — direct in-page login modal, no external SSO browser popup */
.central-login-modal.app-login-dialog{
  width:min(540px,calc(100vw - 24px))!important;
  max-width:540px!important;
  max-height:calc(100dvh - 28px)!important;
  overflow-y:auto!important;
  padding:26px 24px 22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:26px!important;
  color:#fff!important;
}
.central-login-modal .login-welcome{
  display:grid!important;
  justify-items:center!important;
  gap:3px!important;
  margin:2px 0 8px!important;
  color:#fff!important;
  text-align:center!important;
}
.central-login-modal .app-login-symbol{
  display:block!important;
  width:70px!important;
  height:70px!important;
  object-fit:contain!important;
  margin:0 auto 6px!important;
}
.central-login-modal .login-app-name{
  display:block!important;
  color:#fff!important;
  font-size:1.05rem!important;
  text-align:center!important;
  margin:0 0 10px!important;
}
.central-login-modal .app-direct-login{
  display:grid!important;
  gap:12px!important;
}
.central-login-modal .app-direct-login-intro{
  margin:0 0 2px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.78rem!important;
  line-height:1.4!important;
  text-align:center!important;
}
.central-login-modal .form-grid{
  width:100%!important;
}
.central-login-modal .field{
  width:100%!important;
  min-width:0!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:700!important;
}
.central-login-modal .field input{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  background:rgba(17,27,38,.90)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
}
.central-login-modal .password-field-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.central-login-modal .password-field-wrap>input{
  padding-right:46px!important;
}
.central-login-modal .password-visibility-toggle{
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
.central-login-modal .app-direct-login-submit{
  width:100%!important;
  min-height:46px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
  color:#101820!important;
  font-weight:850!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.central-login-modal .app-direct-reset{
  margin-top:2px!important;
  color:rgba(255,255,255,.82)!important;
}
.central-login-modal .app-direct-reset summary{
  cursor:pointer!important;
  font-size:.72rem!important;
  text-align:center!important;
}
.central-login-modal .global-legal-links{
  margin-top:14px!important;
}
@media(max-width:900px){
  .central-login-modal.app-login-dialog{
    width:min(540px,calc(100vw - 16px))!important;
    max-height:calc(100dvh - 16px)!important;
    padding:22px 16px 18px!important;
    border-radius:20px!important;
  }
}

/* MASTERFIX46 — fixed logo zone + independently scrollable copy, like MAX-Cloud */
@media(min-width:901px){
  .app-start-layout{
    align-items:stretch!important;
  }
  .app-start-content{
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:118px minmax(0,1fr)!important;
    overflow:hidden!important;
    padding-top:0!important;
  }
  .app-start-brand-zone{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0 0 10px!important;
    overflow:visible!important;
    z-index:3!important;
  }
  .app-start-brand-zone::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-28px!important;
    height:40px!important;
    pointer-events:none!important;
    z-index:4!important;
    background:linear-gradient(180deg,rgba(3,9,14,.56),rgba(3,9,14,0))!important;
  }
  .app-start-brand-zone .app-start-logo{
    width:min(360px,88%)!important;
    max-width:360px!important;
    height:auto!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:left top!important;
    margin:0!important;
  }
  .app-start-copy{
    width:100%!important;
    max-width:680px!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:34px 8px 14px 0!important;
    margin:0!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
    mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 calc(100% - 8px),transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 calc(100% - 8px),transparent 100%)!important;
  }
  .app-start-copy::-webkit-scrollbar{display:none!important}
}

/* MASTERFIX47 — trial request link + central app trial dialog */
@media(min-width:901px){
  .app-start-login-teaser{
    grid-template-columns:minmax(0,1fr) 148px!important;
    grid-template-rows:auto auto!important;
  }
  .app-start-login-teaser-copy{
    grid-column:1!important;
    grid-row:1/3!important;
  }
  .app-start-login-button{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
  }
  .app-start-trial-button{
    grid-column:2!important;
    grid-row:2!important;
    width:148px!important;
    min-width:148px!important;
    justify-self:end!important;
    align-self:start!important;
    margin:5px 0 0!important;
    padding:4px 2px!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.86)!important;
    font:700 .66rem/1.2 Lexend,Arial,sans-serif!important;
    text-decoration:underline!important;
    text-underline-offset:3px!important;
    cursor:pointer!important;
  }
}
@media(max-width:900px){
  .app-start-login-teaser{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 120px!important;
    grid-template-rows:44px auto!important;
    align-items:center!important;
  }
  .app-start-login-teaser-copy{
    grid-column:1!important;
    grid-row:1/3!important;
  }
  .app-start-login-button{
    grid-column:2!important;
    grid-row:1!important;
    width:120px!important;
    min-width:120px!important;
  }
  .app-start-trial-button{
    grid-column:2!important;
    grid-row:2!important;
    width:120px!important;
    margin:3px 0 0!important;
    padding:3px 0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.86)!important;
    font:700 .59rem/1.15 Lexend,Arial,sans-serif!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
  }
}

.trial-request-dialog,
.trial-request-dialog[open]{
  position:fixed!important;
  inset:auto!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(760px,calc(100vw - 24px))!important;
  max-width:760px!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:#03090f!important;
  box-shadow:0 34px 110px rgba(0,0,0,.70)!important;
  isolation:isolate!important;
  z-index:2147482500!important;
}
.trial-request-dialog::backdrop{
  background:rgba(0,0,0,.76)!important;
  backdrop-filter:blur(8px)!important;
}
.trial-request-dialog::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
  opacity:.38!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 52%,rgba(0,0,0,.55) 75%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse at center,#000 0%,#000 52%,rgba(0,0,0,.55) 75%,transparent 100%)!important;
}
.trial-request-dialog::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(2,7,12,.36),rgba(2,7,12,.88))!important;
}
.trial-request-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:5!important;
}
.trial-request-card{
  width:100%!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  padding:28px 28px 24px!important;
}
.trial-request-card h2{
  margin:.3rem 0 .45rem!important;
  color:#fff!important;
  font-size:clamp(1.5rem,3vw,2.1rem)!important;
}
.trial-request-card>p{
  margin:0 0 16px!important;
  color:rgba(255,255,255,.78)!important;
  line-height:1.4!important;
}
.trial-request-card .field,
.trial-request-card .checkline{
  color:#fff!important;
}
.trial-request-card input,
.trial-request-card textarea{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(15,26,37,.92)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.trial-request-card textarea{
  width:100%!important;
  resize:vertical!important;
}
.trial-app-picker{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.trial-app-picker legend{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:800!important;
}
.trial-app-picker>div{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:238px!important;
  overflow-y:auto!important;
  padding:2px!important;
}
.trial-app-choice{
  min-width:0!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  background:rgba(8,17,25,.70)!important;
  color:#fff!important;
  cursor:pointer!important;
}
.trial-app-choice input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.trial-app-choice:has(input:checked){
  border-color:#f3c56b!important;
  background:rgba(42,34,19,.78)!important;
  box-shadow:0 0 0 1px rgba(243,197,107,.25)!important;
}
.trial-app-choice-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
}
.trial-app-choice-icon img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
}
.trial-app-choice>span:last-child{
  min-width:0!important;
  color:#fff!important;
  font-size:.68rem!important;
  font-weight:750!important;
  line-height:1.15!important;
}
.trial-request-submit{
  width:100%!important;
  min-height:46px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
  color:#101820!important;
  font-weight:850!important;
}
.trial-request-status{
  min-height:1.3em!important;
  margin:0!important;
  color:#f7d477!important;
  font-size:.72rem!important;
  text-align:center!important;
}
@media(max-width:700px){
  .trial-request-card{padding:24px 14px 18px!important}
  .trial-app-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:220px!important}
  .trial-app-choice{min-height:54px!important;grid-template-columns:34px minmax(0,1fr)!important}
  .trial-app-choice-icon{width:34px!important;height:34px!important}
  .trial-app-choice-icon img{width:30px!important;height:30px!important}
}

/* MASTERFIX48 — MAX-Cloud master App-Testanfragen */
.trial-master-list{
  display:grid!important;
  gap:10px!important;
}
.trial-master-card{
  padding:0!important;
  overflow:hidden!important;
}
.trial-master-card>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:15px 17px!important;
  cursor:pointer!important;
  background:rgba(244,247,250,.72)!important;
}
.trial-master-card>summary strong{
  font-size:.92rem!important;
}
.trial-master-card>summary span{
  color:#647383!important;
  font-size:.72rem!important;
  text-align:right!important;
}
.trial-master-card[open]>summary{
  border-bottom:1px solid rgba(17,35,48,.08)!important;
}
.trial-master-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:14px 17px 0!important;
}
.trial-master-grid>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.trial-master-grid strong,.trial-master-grid small{
  overflow-wrap:anywhere!important;
}
.trial-request-apps{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:14px 17px 0!important;
}
.trial-request-app-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#eef3f7!important;
  color:#173044!important;
  font-size:.68rem!important;
  font-weight:750!important;
}
.trial-request-app-chip img{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
}
.trial-master-message{
  margin:14px 17px 0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f7f9fb!important;
  white-space:pre-wrap!important;
}
.trial-master-actions{
  padding:14px 17px 17px!important;
}
@media(max-width:700px){
  .trial-master-card>summary{display:grid!important;gap:4px!important}
  .trial-master-card>summary span{text-align:left!important}
  .trial-master-grid{grid-template-columns:1fr!important}
}

/* MASTERFIX52 — compact two-column trial wizard (web) / two-step wizard (mobile) */
.trial-request-dialog,
.trial-request-dialog[open]{
  width:min(940px,calc(100vw - 28px))!important;
  max-width:940px!important;
}
.trial-request-card{
  padding:24px!important;
}
.trial-request-card h2{
  margin:.25rem 0 .35rem!important;
  font-size:1.65rem!important;
}
.trial-request-card>p{
  margin:0 0 14px!important;
  font-size:.78rem!important;
}
.trial-request-form{
  display:grid!important;
  grid-template-columns:minmax(280px,40%) minmax(0,60%)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.trial-step{
  min-width:0!important;
  border-radius:18px!important;
  background:rgba(5,13,20,.62)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  padding:14px!important;
}
.trial-step-details{
  border-left:1px solid rgba(255,255,255,.10)!important;
}
.trial-step-head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 10px!important;
}
.trial-step-head>span{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(244,178,58,.18)!important;
  color:#f4c566!important;
  font-size:.72rem!important;
  font-weight:850!important;
}
.trial-step-head>div{
  display:grid!important;
  gap:1px!important;
}
.trial-step-head strong{
  color:#fff!important;
  font-size:.82rem!important;
}
.trial-step-head small{
  color:rgba(255,255,255,.62)!important;
  font-size:.58rem!important;
}
.trial-app-picker{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.trial-app-picker legend{
  margin:0 0 6px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.62rem!important;
  font-weight:750!important;
}
.trial-app-picker>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  max-height:372px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 5px 2px 0!important;
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
.trial-app-choice{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:20px 36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:13px!important;
  background:rgba(8,17,25,.76)!important;
}
.trial-app-choice input[type="checkbox"]{
  position:static!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#f4b23a!important;
}
.trial-app-choice-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
}
.trial-app-choice-icon img{
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
}
.trial-app-choice>span:last-child{
  color:#fff!important;
  font-size:.69rem!important;
  line-height:1.15!important;
  font-weight:760!important;
  text-align:left!important;
}
.trial-app-choice:has(input:checked){
  border-color:#f3c56b!important;
  background:rgba(45,35,18,.78)!important;
  box-shadow:0 0 0 1px rgba(243,197,107,.18)!important;
}
.trial-details-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 10px!important;
}
.trial-details-grid .field{
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:.62rem!important;
  font-weight:720!important;
}
.trial-details-grid .field input{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  font-size:.76rem!important;
}
.trial-message-field{
  grid-column:1/3!important;
}
.trial-message-field textarea{
  width:100%!important;
  min-height:74px!important;
  max-height:110px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  font-size:.74rem!important;
  resize:vertical!important;
}
.trial-privacy{
  grid-column:1/3!important;
  margin:2px 0 0!important;
  font-size:.60rem!important;
  line-height:1.3!important;
}
.trial-privacy input{
  width:16px!important;
  height:16px!important;
}
.trial-step-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:10px!important;
}
.trial-step-actions .trial-request-submit{
  width:auto!important;
  min-width:190px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 18px!important;
}
.trial-mobile-step-actions,
.trial-prev-step{
  display:none!important;
}
.trial-request-status{
  grid-column:1/3!important;
  min-height:18px!important;
  margin:0!important;
  color:#f7d477!important;
  font-size:.66rem!important;
  text-align:center!important;
}

@media(max-width:700px){
  .trial-request-dialog,
  .trial-request-dialog[open]{
    width:calc(100vw - 14px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 14px)!important;
    border-radius:20px!important;
  }
  .trial-request-card{
    padding:20px 12px 14px!important;
    max-height:calc(100dvh - 14px)!important;
  }
  .trial-request-card h2{
    font-size:1.35rem!important;
  }
  .trial-request-card>p{
    font-size:.70rem!important;
    margin-bottom:10px!important;
  }
  .trial-request-form{
    display:block!important;
  }
  .trial-step{
    display:none!important;
    padding:10px!important;
  }
  .trial-step.is-active{
    display:block!important;
  }
  .trial-app-picker>div{
    max-height:52dvh!important;
  }
  .trial-mobile-step-actions{
    display:flex!important;
    justify-content:flex-end!important;
    margin-top:10px!important;
  }
  .trial-mobile-step-actions .button{
    width:100%!important;
    min-height:42px!important;
    border-radius:999px!important;
  }
  .trial-details-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .trial-message-field,
  .trial-privacy{
    grid-column:1!important;
  }
  .trial-details-grid .field input{
    height:39px!important;
    min-height:39px!important;
  }
  .trial-message-field textarea{
    min-height:68px!important;
  }
  .trial-step-actions{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .trial-step-actions .trial-prev-step{
    display:inline-flex!important;
    min-width:104px!important;
  }
  .trial-step-actions .trial-request-submit{
    width:100%!important;
    min-width:0!important;
  }
  .trial-request-status{
    display:block!important;
    margin-top:7px!important;
    text-align:left!important;
  }
}

/* MASTERFIX53 — mobile product landings match MAX-Cloud structure */
.app-start-mobile-header{display:none!important}
@media(max-width:900px){
  html:has(.app-start),body:has(.app-start){
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#000!important;
  }
  body:has(.app-start){
    position:fixed!important;
    inset:0!important;
  }
  .app-start{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
  }
  .app-start>.app-start-bg{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:0!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
    pointer-events:none!important;
  }
  .app-start-mobile-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:120!important;
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:max(8px,env(safe-area-inset-top)) 10px 7px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.26),transparent)!important;
  }
  .app-start-mobile-logo{
    display:block!important;
    width:min(220px,48vw)!important;
    max-width:220px!important;
    max-height:54px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .app-start-mobile-actions{
    display:grid!important;
    grid-template-columns:42px 124px!important;
    grid-template-rows:42px 14px!important;
    gap:1px 7px!important;
    align-items:center!important;
  }
  .app-start-mobile-actions .login-language{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:50%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#07131d!important;
    border:1px solid rgba(255,255,255,.15)!important;
  }
  .app-start-mobile-actions .login-language span{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
  }
  .app-start-mobile-actions .login-language select{
    position:absolute!important;
    inset:0!important;
    width:42px!important;
    height:42px!important;
    opacity:0!important;
  }
  .app-start-mobile-login{
    grid-column:2!important;
    grid-row:1!important;
    width:124px!important;
    min-width:124px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
    color:#101820!important;
    font-size:.76rem!important;
    font-weight:850!important;
  }
  .app-start-mobile-trial{
    grid-column:2!important;
    grid-row:2!important;
    width:124px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.86)!important;
    font-size:.52rem!important;
    font-weight:700!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
  }
  .app-start>label.login-language{
    display:none!important;
  }
  .app-start-layout{
    position:fixed!important;
    top:78px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) minmax(230px,42dvh)!important;
    gap:8px!important;
    padding:7px 10px calc(66px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  .app-start-content{
    grid-column:1!important;
    grid-row:1!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    display:block!important;
    overflow:hidden!important;
  }
  .app-start-brand-zone{
    display:none!important;
  }
  .app-start-copy{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:9px 2px 8px!important;
    margin:0!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 10px),transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 10px),transparent 100%)!important;
    scrollbar-width:none!important;
  }
  .app-start-copy::-webkit-scrollbar{display:none!important}
  .app-start-copy .eyebrow{
    font-size:.56rem!important;
    margin:0 0 5px!important;
  }
  .app-start-copy h1{
    margin:0 0 7px!important;
    font-size:clamp(1.85rem,8.8vw,2.8rem)!important;
    line-height:.96!important;
  }
  .app-start-copy>p{
    margin:0!important;
    max-width:94vw!important;
    font-size:.72rem!important;
    line-height:1.3!important;
  }
  .app-start-benefits{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:9px 0 0!important;
  }
  .app-start-benefits article{
    min-height:34px!important;
    padding:5px 8px!important;
    border-radius:13px!important;
  }
  .app-start-benefits article>span{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  .app-start-benefits article strong{
    font-size:.61rem!important;
  }
  .ecosystem-app-rail{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:100%!important;
    min-height:230px!important;
    max-height:42dvh!important;
    margin:0!important;
    padding:9px!important;
    border-radius:18px!important;
    background:rgba(5,12,19,.62)!important;
    overflow:hidden!important;
  }
  .ecosystem-app-rail-head{
    height:26px!important;
    min-height:26px!important;
    padding:0 2px 4px!important;
  }
  .ecosystem-app-rail-head span{font-size:.48rem!important}
  .ecosystem-app-rail-head strong{font-size:.88rem!important}
  .ecosystem-app-rail-scroll{
    height:calc(100% - 26px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-right:2px!important;
  }
  .ecosystem-app-group{
    margin:0 0 8px!important;
  }
  .ecosystem-app-group h3{
    margin:0 0 4px!important;
    font-size:.46rem!important;
  }
  .ecosystem-app-group>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .ecosystem-app-tile{
    width:100%!important;
    min-height:60px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:5px 8px!important;
    border-radius:15px!important;
    background:rgba(8,17,25,.74)!important;
  }
  .ecosystem-app-icon{
    width:46px!important;
    height:46px!important;
  }
  .ecosystem-app-icon img{
    width:40px!important;
    height:40px!important;
    object-fit:contain!important;
  }
  .ecosystem-app-copy strong{
    font-size:.72rem!important;
  }
  .ecosystem-app-copy small{
    font-size:.52rem!important;
    line-height:1.18!important;
  }
  .app-start-login-teaser{
    display:none!important;
  }
}

/* MASTERFIX55 — restore original product artwork + small centered app icon bubbles */
@media(min-width:901px){
  .app-start{
    background:#fff!important;
  }
  .app-start>.app-start-bg{
    background-size:auto 100%!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
    background-color:#fff!important;
  }
  .app-start-brand-zone{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .app-start-brand-zone::before{
    content:none!important;
    display:none!important;
  }
  .app-start-brand-zone .app-start-logo{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
  }

  .ecosystem-app-tile{
    min-height:62px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    padding:7px 10px!important;
  }
  .ecosystem-app-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.09)!important;
    overflow:hidden!important;
    padding:4px!important;
  }
  .ecosystem-app-icon img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:30px!important;
    max-height:30px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
  }
}
@media(max-width:900px){
  .ecosystem-app-tile{
    min-height:56px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
    padding:5px 8px!important;
  }
  .ecosystem-app-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.09)!important;
    overflow:hidden!important;
    padding:4px!important;
  }
  .ecosystem-app-icon img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:27px!important;
    max-height:27px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
  }
}

/* MASTERFIX56 — true mobile header safe-space + corrected hero text alignment */
@media(max-width:900px){
  .app-start{
    --mobile-actions-width:176px;
    --mobile-header-h:84px;
  }

  .app-start-mobile-header{
    height:var(--mobile-header-h)!important;
    min-height:var(--mobile-header-h)!important;
    grid-template-columns:minmax(0,1fr) var(--mobile-actions-width)!important;
    gap:8px!important;
    align-items:center!important;
    padding:max(8px,env(safe-area-inset-top)) 10px 7px!important;
    overflow:hidden!important;
  }

  .app-start-mobile-logo{
    display:block!important;
    width:min(100%,calc(100vw - var(--mobile-actions-width) - 30px))!important;
    max-width:210px!important;
    min-width:0!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
    align-self:center!important;
  }

  .app-start-mobile-actions{
    width:var(--mobile-actions-width)!important;
    min-width:var(--mobile-actions-width)!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:42px 15px!important;
    gap:1px 7px!important;
    align-items:center!important;
    justify-self:end!important;
  }

  .app-start-mobile-actions .login-language{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }

  .app-start-mobile-login{
    width:127px!important;
    min-width:127px!important;
    max-width:127px!important;
    height:42px!important;
    min-height:42px!important;
    justify-self:end!important;
    padding:0 12px!important;
    font-size:.74rem!important;
  }

  .app-start-mobile-trial{
    width:127px!important;
    min-width:127px!important;
    max-width:127px!important;
    justify-self:end!important;
    text-align:center!important;
    line-height:1.05!important;
  }

  .app-start-layout{
    top:var(--mobile-header-h)!important;
    padding:12px 10px calc(66px + env(safe-area-inset-bottom))!important;
  }

  .app-start-content{
    padding:0!important;
  }

  .app-start-copy{
    padding:8px 2px 10px!important;
    text-align:left!important;
  }

  .app-start-copy .eyebrow{
    margin:0 0 7px!important;
    font-size:.55rem!important;
    line-height:1.1!important;
    letter-spacing:.10em!important;
  }

  .app-start-copy h1{
    max-width:100%!important;
    margin:0 0 8px!important;
    font-size:clamp(1.75rem,8.2vw,2.65rem)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    text-align:left!important;
  }

  .app-start-copy>p{
    max-width:100%!important;
    margin:0!important;
    font-size:.72rem!important;
    line-height:1.38!important;
    text-align:left!important;
  }

  .app-start-benefits{
    margin:10px 0 0!important;
  }

  .app-start-benefits article{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
  }
}

@media(max-width:430px){
  .app-start{
    --mobile-actions-width:170px;
  }
  .app-start-mobile-logo{
    max-width:188px!important;
    max-height:50px!important;
  }
  .app-start-mobile-login,
  .app-start-mobile-trial{
    width:121px!important;
    min-width:121px!important;
    max-width:121px!important;
  }
}

@media(max-width:375px){
  .app-start{
    --mobile-actions-width:158px;
  }
  .app-start-mobile-header{
    gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .app-start-mobile-logo{
    max-width:170px!important;
    max-height:46px!important;
  }
  .app-start-mobile-actions{
    width:158px!important;
    min-width:158px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:1px 5px!important;
  }
  .app-start-mobile-login,
  .app-start-mobile-trial{
    width:113px!important;
    min-width:113px!important;
    max-width:113px!important;
  }
  .app-start-copy h1{
    font-size:clamp(1.65rem,8vw,2.3rem)!important;
  }
}

/* MASTERFIX57 — final desktop product login geometry + truly free product logo */
@media(min-width:901px){
  .app-start-brand-zone::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  .app-start-login-teaser{
    width:min(390px,calc(100% - 10px))!important;
    max-width:390px!important;
    min-height:150px!important;
    height:150px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 148px!important;
    grid-template-rows:48px 24px!important;
    align-content:center!important;
    align-items:center!important;
    column-gap:16px!important;
    row-gap:5px!important;
    padding:18px!important;
    box-sizing:border-box!important;
  }

  .app-start-login-teaser-copy{
    grid-column:1!important;
    grid-row:1/3!important;
    height:100%!important;
    min-height:77px!important;
    display:grid!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    align-items:center!important;
    justify-items:start!important;
    column-gap:10px!important;
    row-gap:3px!important;
    margin:0!important;
    padding:0!important;
  }

  .app-start-login-teaser-copy img{
    grid-column:1!important;
    grid-row:1/3!important;
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:center!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
  }

  .app-start-login-teaser-copy strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    color:#fff!important;
    font-size:.92rem!important;
    line-height:1.15!important;
    text-align:left!important;
  }

  .app-start-login-teaser-copy span{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    color:rgba(255,255,255,.76)!important;
    font-size:.62rem!important;
    line-height:1.2!important;
    text-align:left!important;
  }

  .app-start-login-button{
    grid-column:2!important;
    grid-row:1!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    height:46px!important;
    min-height:46px!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
  }

  .app-start-trial-button{
    grid-column:2!important;
    grid-row:2!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    line-height:1.15!important;
  }
}

/* MASTERFIX58 — test access CTA lives only under left copy; login teaser is vertically centered */
.app-start-trial-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:190px!important;
  min-height:46px!important;
  margin:16px 0 4px!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
  color:#101820!important;
  font:850 .78rem/1 Lexend,Arial,sans-serif!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
}
.app-start-trial-button,
.app-start-mobile-trial{display:none!important}

@media(min-width:901px){
  .app-start-login-teaser{
    grid-template-columns:minmax(0,1fr) 148px!important;
    grid-template-rows:1fr!important;
    align-content:center!important;
    align-items:center!important;
  }
  .app-start-login-teaser-copy{
    grid-column:1!important;
    grid-row:1!important;
    min-height:76px!important;
    align-content:center!important;
  }
  .app-start-login-button{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
  }
}
@media(max-width:900px){
  .app-start-trial-cta{
    min-width:174px!important;
    min-height:42px!important;
    margin:12px 0 6px!important;
    padding:0 16px!important;
    font-size:.70rem!important;
    position:relative!important;
    z-index:4!important;
  }
  .app-start-copy{
    padding-bottom:18px!important;
  }
}

/* MASTERFIX59 — Vacaio Guest keeps its artwork full-bleed across the whole landing page */
.app-start-vacaio-guest{
  background:#000!important;
}
.app-start-vacaio-guest>.app-start-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  background-image:url('/assets/nav-backgrounds/vacaio-guest-web.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#000!important;
}
@media(max-width:900px){
  .app-start-vacaio-guest>.app-start-bg{
    width:100vw!important;
    height:100dvh!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* MASTERFIX60 — categorized trial app picker + background zoom normalization */
.trial-app-picker>div{
  display:block!important;
  max-height:372px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 5px 2px 0!important;
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
.trial-app-category{
  display:block!important;
  margin:0 0 10px!important;
}
.trial-app-category:last-child{margin-bottom:0!important}
.trial-app-category h4{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  margin:0 0 5px!important;
  padding:4px 3px!important;
  background:rgba(4,11,17,.94)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.56rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.trial-app-category-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
@media(max-width:700px){
  .trial-app-picker>div{max-height:52dvh!important}
  .trial-app-category{margin-bottom:8px!important}
  .trial-app-category h4{font-size:.52rem!important;padding:3px 2px!important}
}

/* Standard product artwork: slightly more zoom so logos remain over colored artwork. */
@media(min-width:901px){
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    background-size:auto 112%!important;
    background-position:left center!important;
  }
  .app-start-bilanta>.app-start-bg,
  .app-start-q-bilanta>.app-start-bg{
    background-size:auto 124%!important;
    background-position:left center!important;
  }
}
/* Mobile keeps enough artwork under the logo without exposing a hard image edge. */
@media(max-width:900px){
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    background-size:auto 112%!important;
    background-position:left top!important;
  }
  .app-start-bilanta>.app-start-bg,
  .app-start-q-bilanta>.app-start-bg{
    background-size:auto 122%!important;
    background-position:left top!important;
  }
}
/* Vacaio Guest remains the full-bleed exception. */
.app-start-vacaio-guest>.app-start-bg{
  background-size:cover!important;
  background-position:center center!important;
}

/* MASTERFIX61 — VeLog red brand assets */
.app-start-velog>.app-start-bg{
  background-image:url('/assets/velog/nav-web.webp')!important;
  background-color:#fff!important;
  background-size:auto 118%!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
}
.app-start-velog .app-start-logo{
  width:min(430px,82%)!important;
  max-height:116px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.app-start-velog .app-start-login-card,
.app-start-velog .app-start-login-teaser{
  --app-accent:#9b0000;
}
@media(max-width:900px){
  .app-start-velog>.app-start-bg{
    background-image:url('/assets/velog/nav-mobile.webp')!important;
    background-size:auto 112%!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-color:#000!important;
  }
  .app-start-velog .app-start-mobile-logo{
    object-fit:contain!important;
    object-position:left center!important;
  }
}

/* MASTERFIX61 — VeLog red mobility branding */
.app-start-velog>.app-start-bg{
  background-image:url('/assets/velog/nav-web.webp')!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  background-size:auto 118%!important;
  background-position:left center!important;
}
.app-start-velog .app-start-logo,
.app-start-velog .app-start-mobile-logo{
  object-fit:contain!important;
}
@media(max-width:900px){
  .app-start-velog>.app-start-bg{
    background-image:url('/assets/velog/nav-mobile.webp')!important;
    background-size:auto 116%!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-color:#fff!important;
  }
}

/* MASTERFIX63 — authoritative landing background system
   Standard apps use the WEB navigation artwork on desktop AND mobile.
   Artwork is darkened and fades cleanly to white with no visible image edge. */
.app-start:not(.app-start-vacaio-guest){
  background:#fff!important;
}
.app-start:not(.app-start-vacaio-guest)>.app-start-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:auto 118%!important;
  filter:brightness(.72) saturate(.90)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.28) 82%,transparent 94%)!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.28) 82%,transparent 94%)!important;
  pointer-events:none!important;
}

/* VeLog: always use the WEB artwork, including mobile. */
.app-start-velog>.app-start-bg{
  background-image:url('/assets/velog/nav-web.webp')!important;
}

/* Mobile keeps exactly the same WEB artwork family; only framing changes. */
@media(max-width:900px){
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    width:100vw!important;
    height:100svh!important;
    background-position:left top!important;
    background-size:auto 112%!important;
    filter:brightness(.68) saturate(.88)!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 52%,rgba(0,0,0,.92) 62%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.22) 84%,transparent 96%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 52%,rgba(0,0,0,.92) 62%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.22) 84%,transparent 96%)!important;
  }
  .app-start-velog>.app-start-bg{
    background-image:url('/assets/velog/nav-web.webp')!important;
  }
}

/* Vacaio Guest remains full bleed, but is also visually damped without hard edges. */
.app-start-vacaio-guest{
  background:#000!important;
}
.app-start-vacaio-guest>.app-start-bg{
  background-image:url('/assets/nav-backgrounds/vacaio-guest-web.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:brightness(.72) saturate(.90)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* MASTERFIX64 — moderate darkness + systemwide logo contrast */
.app-start:not(.app-start-vacaio-guest)>.app-start-bg{
  filter:brightness(.82) saturate(.94)!important;
}
.app-start-vacaio-guest>.app-start-bg{
  filter:brightness(.82) saturate(.94)!important;
}
.app-start .app-start-brand-zone,
.app-start .app-start-mobile-logo-zone{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.app-start .app-start-brand-zone::before,
.app-start .app-start-mobile-logo-zone::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  left:-10%!important;
  top:50%!important;
  width:120%!important;
  height:165%!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  filter:blur(12px)!important;
  opacity:.9!important;
}
.logo-fade-light .app-start-brand-zone::before,
.logo-fade-light .app-start-mobile-logo-zone::before{
  background:radial-gradient(ellipse at 38% 50%,rgba(255,255,255,.86) 0%,rgba(255,255,255,.62) 28%,rgba(255,255,255,.22) 52%,transparent 76%)!important;
}
.logo-fade-dark .app-start-brand-zone::before,
.logo-fade-dark .app-start-mobile-logo-zone::before{
  background:radial-gradient(ellipse at 38% 50%,rgba(5,12,18,.76) 0%,rgba(5,12,18,.54) 28%,rgba(5,12,18,.20) 52%,transparent 76%)!important;
}
@media(max-width:900px){
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    filter:brightness(.78) saturate(.92)!important;
  }
  .app-start-vacaio-guest>.app-start-bg{
    filter:brightness(.78) saturate(.92)!important;
  }
  .app-start .app-start-brand-zone::before,
  .app-start .app-start-mobile-logo-zone::before{
    width:128%!important;
    height:180%!important;
    opacity:.96!important;
    filter:blur(14px)!important;
  }
}
/* MASTERFIX65 — hard rule: standard landing artwork always fades fully transparent to the right */
.app-start:not(.app-start-vacaio-guest)>.app-start-bg{
  -webkit-mask-image:linear-gradient(90deg,
    #000 0%,
    #000 46%,
    rgba(0,0,0,.96) 56%,
    rgba(0,0,0,.78) 66%,
    rgba(0,0,0,.48) 76%,
    rgba(0,0,0,.20) 86%,
    transparent 96%
  )!important;
  mask-image:linear-gradient(90deg,
    #000 0%,
    #000 46%,
    rgba(0,0,0,.96) 56%,
    rgba(0,0,0,.78) 66%,
    rgba(0,0,0,.48) 76%,
    rgba(0,0,0,.20) 86%,
    transparent 96%
  )!important;
}
@media(max-width:900px){
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    -webkit-mask-image:linear-gradient(90deg,
      #000 0%,
      #000 50%,
      rgba(0,0,0,.94) 60%,
      rgba(0,0,0,.74) 70%,
      rgba(0,0,0,.44) 80%,
      rgba(0,0,0,.16) 89%,
      transparent 97%
    )!important;
    mask-image:linear-gradient(90deg,
      #000 0%,
      #000 50%,
      rgba(0,0,0,.94) 60%,
      rgba(0,0,0,.74) 70%,
      rgba(0,0,0,.44) 80%,
      rgba(0,0,0,.16) 89%,
      transparent 97%
    )!important;
  }
}

/* MASTERFIX66 — mobile narrow artwork: fill 3/4 viewport before soft fade */
@media(max-width:900px){
  .app-start-g-log>.app-start-bg,
  .app-start-waylo>.app-start-bg{
    background-size:auto 118svh!important;
    background-position:left top!important;
  }
  .app-start:not(.app-start-vacaio-guest)>.app-start-bg{
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 62%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.62) 80%,rgba(0,0,0,.26) 90%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 62%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.62) 80%,rgba(0,0,0,.26) 90%,transparent 100%)!important;
  }
}