/* MAX-CLOUD REBUILD 01 — isolated public frontend */
.max-public{
  --mx-gold:#f7b843;
  --mx-bg:#020305;
  position:relative;
  min-height:100svh;
  overflow-x:hidden;
  color:#fff;
  background:var(--mx-bg);
  isolation:isolate;
}
.max-public-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  width:100vw;
  height:100svh;
  object-fit:contain;
  object-position:center center;
  pointer-events:none;
  user-select:none;
}
.max-public::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(0,0,0,.08);
}
.max-public-header{
  position:fixed;
  z-index:50;
  top:0;left:0;right:0;
  min-height:76px;
  padding:14px clamp(18px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.38) 70%,transparent);
  pointer-events:none;
}
.max-public-logo{
  width:clamp(150px,18vw,250px);
  max-height:54px;
  object-fit:contain;
  object-position:left center;
  pointer-events:auto;
}
.max-public-actions{
  display:flex;
  align-items:center;
  gap:10px;
  pointer-events:auto;
}
.max-public-actions .login-language{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
}
.max-public-login-open{
  min-height:44px;
  border-radius:999px!important;
  padding:0 22px!important;
  font-weight:800!important;
}
.max-public-hero{
  min-height:100svh;
  padding:110px clamp(20px,5vw,76px) 60px;
  display:flex;
  align-items:flex-end;
}
.max-public-copy{
  width:min(650px,48vw);
  padding-bottom:clamp(20px,6vh,72px);
}
.max-public-copy .eyebrow{
  margin-bottom:12px;
  color:rgba(255,255,255,.72);
}
.max-public-copy h1{
  margin:0;
  font-size:clamp(3rem,5.6vw,6rem);
  line-height:.94;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.max-public-copy h1 span{color:var(--mx-gold)}
.max-public-copy>p{
  margin:18px 0 0;
  max-width:580px;
  color:rgba(255,255,255,.82);
  font-size:clamp(1rem,1.4vw,1.2rem);
  line-height:1.45;
}
.max-public-copy .max-public-mantra{
  color:var(--mx-gold);
  font-style:italic;
  font-size:1rem;
}
.max-public-apps{
  position:relative;
  z-index:5;
  min-height:52svh;
  padding:34px clamp(18px,4vw,56px) calc(86px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(11,15,19,.72),rgba(5,8,11,.94));
  border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
}
.max-public-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 auto 24px;
  max-width:1320px;
}
.max-public-section-head span{
  color:var(--mx-gold);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
}
.max-public-section-head h2{
  margin:3px 0 0;
  font-size:clamp(1.55rem,2.5vw,2.4rem);
}
.max-public-section-head p{
  margin:0;
  color:rgba(255,255,255,.62);
}
.max-public-app-grid{
  max-width:1320px;
  margin:0 auto;
}
.max-public-app-grid .app-group{margin:0 0 20px}
.max-public-app-grid .app-group h3{
  margin:0 0 8px;
  color:rgba(255,255,255,.58);
  font-size:.66rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.max-public-app-grid .app-group-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.max-public-app-grid .login-app-tile{
  min-height:78px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:11px;
  align-items:center;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(28,32,36,.72);
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.max-public-app-grid .login-app-tile:hover{
  background:rgba(42,47,52,.82);
  border-color:rgba(247,184,67,.42);
}
.max-public-app-grid .login-app-tile img{
  grid-row:1/3;
  width:46px;height:46px;
  border-radius:12px;
  object-fit:contain;
}
.max-public-app-grid .login-app-tile strong{font-size:.86rem;line-height:1.15}
.max-public-app-grid .login-app-tile span{color:rgba(255,255,255,.58);font-size:.66rem;line-height:1.25}
.max-public-login-dialog{
  width:min(460px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:0;
  overflow:auto;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(8,15,23,.97);
  color:#fff;
  box-shadow:0 30px 100px rgba(0,0,0,.7);
}
.max-public-login-dialog::backdrop{
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
.max-public-login-dialog .modal-close{
  position:sticky;
  float:right;
  top:10px;
  right:10px;
  z-index:3;
}
.max-public-login-card{padding:28px 24px 24px}
.max-public-login-card .login-current-app-icon{
  display:block;
  width:72px;height:72px;
  margin:0 auto 14px;
}
.max-public-login-card h2{margin:6px 0;font-size:1.7rem}
.max-public-login-card>p{margin:0 0 16px;color:rgba(255,255,255,.68)}
@media(max-width:980px){
  .max-public-header{
    min-height:62px;
    padding:max(9px,env(safe-area-inset-top)) 12px 8px;
    background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.45),transparent);
  }
  .max-public-logo{
    width:min(150px,38vw);
    max-height:40px;
  }
  .max-public-actions{gap:8px}
  .max-public-actions .login-language{
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;
    display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;
    overflow:hidden!important;background:rgba(15,23,31,.82)!important;border:1px solid rgba(255,255,255,.18)!important;
  }
  .max-public-actions .login-language>span{
    position:absolute!important;inset:0!important;width:44px!important;height:44px!important;
    display:grid!important;place-items:center!important;font-size:1.18rem!important;pointer-events:none!important;
  }
  .max-public-actions .login-language select{
    position:absolute!important;inset:0!important;width:44px!important;height:44px!important;
    min-width:44px!important;max-width:44px!important;opacity:0!important;cursor:pointer!important;
  }
  .max-public-login-open{
    min-width:104px!important;
    min-height:44px!important;
    padding:0 15px!important;
    font-size:.82rem!important;
  }
  .max-public-hero{
    min-height:82svh;
    padding:78px 14px 24px;
    align-items:flex-end;
  }
  .max-public-copy{
    width:min(82vw,390px);
    padding:0 0 clamp(18px,5vh,42px);
  }
  .max-public-copy .eyebrow{display:none}
  .max-public-copy h1{
    font-size:clamp(2rem,9vw,3.25rem);
    line-height:.98;
    letter-spacing:-.05em;
  }
  .max-public-copy>p{
    margin-top:10px;
    font-size:.78rem;
    line-height:1.35;
    max-width:82%;
  }
  .max-public-copy .max-public-mantra{
    margin-top:9px;
    font-size:.75rem;
    max-width:70%;
  }
  .max-public-apps{
    min-height:calc(18svh + 260px);
    margin-top:0;
    padding:18px 10px calc(76px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(24,28,32,.72),rgba(10,13,16,.94));
    backdrop-filter:blur(18px);
  }
  .max-public-section-head{
    align-items:flex-start;
    margin-bottom:12px;
  }
  .max-public-section-head h2{font-size:1.2rem}
  .max-public-section-head p{display:none}
  .max-public-app-grid .app-group{margin-bottom:12px}
  .max-public-app-grid .app-group h3{margin:0 0 6px;font-size:.58rem}
  .max-public-app-grid .app-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .max-public-app-grid .login-app-tile{
    min-height:64px;
    grid-template-columns:38px minmax(0,1fr);
    padding:8px 9px;
    border-radius:14px;
    background:rgba(31,35,39,.76);
  }
  .max-public-app-grid .login-app-tile img{
    width:38px;height:38px;border-radius:10px;
  }
  .max-public-app-grid .login-app-tile strong{font-size:.72rem}
  .max-public-app-grid .login-app-tile span{display:none}
  .max-public-login-card{padding:24px 16px 18px}
}
@media(max-width:350px){
  .max-public-logo{width:122px}
  .max-public-login-open{min-width:92px!important;padding:0 12px!important}
  .max-public-app-grid .app-group-grid{grid-template-columns:1fr}
}

/* P0 TRUE MOBILE — Teamo reference composition */
@media (max-width:700px){
  .max-public-header{
    min-height:64px!important;
    padding:max(10px,env(safe-area-inset-top)) 14px 8px!important;
  }
  .max-public-logo{width:clamp(132px,34vw,170px)!important;max-height:42px!important}
  .max-public-hero{
    min-height:calc(100svh - 138px)!important;
    height:calc(100svh - 138px)!important;
    padding:72px 14px 18px!important;
    align-items:flex-end!important;
    overflow:hidden!important;
  }
  .max-public-bg{
    width:100dvw!important;height:100svh!important;
    object-fit:cover!important;
    object-position:center 58%!important;
  }
  .max-public-copy{
    width:min(94vw,430px)!important;
    padding:0 0 10px!important;
  }
  .max-public-copy h1{
    font-size:clamp(2.15rem,10vw,3.35rem)!important;
    line-height:.94!important;
    max-width:94vw!important;
  }
  .max-public-copy>p{max-width:88vw!important;font-size:.78rem!important}
  .max-public-apps{
    position:relative!important;
    min-height:138px!important;
    height:138px!important;
    padding:10px 0 calc(8px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:rgba(20,25,30,.78)!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    backdrop-filter:blur(18px)!important;
  }
  .max-public-section-head{
    height:22px!important;
    margin:0 12px 5px!important;
    display:flex!important;
    align-items:center!important;
  }
  .max-public-section-head span{font-size:.54rem!important}
  .max-public-section-head h2{display:none!important}
  .max-public-app-grid{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    padding:0 10px 4px!important;
    scrollbar-width:none!important;
  }
  .max-public-app-grid::-webkit-scrollbar{display:none!important}
  .max-public-app-grid .app-group{
    flex:0 0 auto!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:6px!important;
    padding:0 7px!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
  }
  .max-public-app-grid .app-group h3{
    position:absolute!important;
    transform:translateY(-72px)!important;
    margin:0!important;
    font-size:.48rem!important;
    white-space:nowrap!important;
    color:rgba(255,255,255,.72)!important;
  }
  .max-public-app-grid .app-group-grid{
    display:flex!important;
    gap:7px!important;
  }
  .max-public-app-grid .login-app-tile{
    flex:0 0 76px!important;
    width:76px!important;
    height:76px!important;
    min-height:76px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:16px!important;
    background:rgba(27,32,37,.78)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    scroll-snap-align:start!important;
  }
  .max-public-app-grid .login-app-tile img{
    width:44px!important;height:44px!important;flex:0 0 44px!important;
    border-radius:10px!important;
  }
  .max-public-app-grid .login-app-tile strong{
    display:block!important;
    width:100%!important;
    font-size:.56rem!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .max-public-app-grid .login-app-tile span{display:none!important}
}
@media(max-width:700px) and (max-height:650px){
  .max-public-hero{min-height:calc(100svh - 122px)!important;height:calc(100svh - 122px)!important}
  .max-public-apps{height:122px!important;min-height:122px!important}
  .max-public-app-grid .login-app-tile{width:66px!important;flex-basis:66px!important;height:66px!important;min-height:66px!important}
  .max-public-app-grid .login-app-tile img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .max-public-app-grid .app-group h3{transform:translateY(-63px)!important}
}

/* MAX-CLOUD MOBILE SPECIAL — app strip is an in-page middle section, never a bottom dock */
@media(max-width:700px){
  .max-public{padding-bottom:0!important}
  .max-public-hero{
    min-height:clamp(500px,72svh,690px)!important;
    height:clamp(500px,72svh,690px)!important;
  }
  .max-public-apps{
    position:relative!important;
    inset:auto!important;
    bottom:auto!important;
    top:auto!important;
    min-height:150px!important;
    height:150px!important;
    margin:0!important;
    z-index:8!important;
  }
  .max-public-section-head{
    height:24px!important;
    margin:0 14px 7px!important;
  }
  .max-public-section-head::after{
    content:'Apps horizontal wischen';
    margin-left:auto;
    color:rgba(255,255,255,.48);
    font-size:.48rem;
    letter-spacing:.02em;
  }
}
@media(max-width:700px) and (max-height:650px){
  .max-public-hero{
    min-height:clamp(390px,68svh,470px)!important;
    height:clamp(390px,68svh,470px)!important;
  }
  .max-public-apps{min-height:136px!important;height:136px!important}
}

/* MASTERFIX22 — requested MAX-Cloud public composition */
.max-public{height:100svh;min-height:100svh;overflow:hidden!important}
.max-public-bg{width:100vw!important;height:100svh!important;object-fit:cover!important;object-position:center center!important}
.max-public::before{background:rgba(0,0,0,.10)!important}
.max-public-header{
  min-height:72px!important;padding:14px clamp(18px,3vw,44px)!important;
  justify-content:flex-end!important;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent)!important
}
.max-public-header>.max-public-logo{display:none!important}
.max-public-login-open{display:none!important}
.max-public-shell{
  position:relative;z-index:4;height:100svh;display:grid;
  grid-template-columns:minmax(285px,.82fr) minmax(330px,1fr) minmax(390px,1.08fr);
  gap:clamp(20px,3vw,48px);padding:92px clamp(24px,4vw,72px) 38px;align-items:stretch
}
.max-public-login-panel{
  align-self:center;width:100%;max-height:calc(100svh - 150px);overflow:auto;
  border:1px solid rgba(255,255,255,.14);border-radius:24px;
  background:rgba(8,15,23,.86);backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.38)
}
.max-public-login-panel>.modal-close{display:none!important}
.max-public-login-card{padding:24px 22px 22px!important}
.max-public-login-card .login-current-app-icon{width:68px!important;height:68px!important}

.max-public-apps{
  min-height:0!important;height:auto!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;backdrop-filter:none!important;
  display:flex;flex-direction:column;overflow:hidden
}
.max-public-section-head{
  width:100%;margin:0 0 14px!important;padding:0 2px;
  align-items:flex-end!important;max-width:none!important
}
.max-public-section-head h2{font-size:1.55rem!important}
.max-public-section-head p{font-size:.78rem!important;max-width:180px;text-align:right}
.max-public-app-grid{
  width:100%;max-width:none!important;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:0 6px 0 0;scrollbar-width:none
}
.max-public-app-grid::-webkit-scrollbar{display:none}
.max-public-app-grid .app-group{margin:0 0 14px!important}
.max-public-app-grid .app-group-grid{grid-template-columns:1fr!important;gap:8px!important}
.max-public-app-grid .login-app-tile{
  min-height:66px!important;grid-template-columns:42px minmax(0,1fr)!important;
  padding:9px 11px!important;background:rgba(10,18,24,.56)!important;
  border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)
}
.max-public-app-grid .login-app-tile img{width:42px!important;height:42px!important}
.max-public-copy-panel{
  min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;
  padding:0 0 12px;align-self:stretch
}
.max-public-copy-logo-zone{
  position:relative;z-index:3;flex:0 0 94px;display:flex;align-items:flex-start;
  justify-content:flex-start;padding:0 0 10px;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0))
}
.max-public-copy-logo-zone img{width:min(250px,62%);max-height:62px;object-fit:contain;object-position:left top}
.max-public-copy-logo-zone::after{
  content:"";position:absolute;left:0;right:0;bottom:-34px;height:46px;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,0))
}

.max-public-copy{
  width:100%!important;min-height:0;overflow:auto;padding:38px 6px 10px 0!important;
  scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 100%)
}
.max-public-copy::-webkit-scrollbar{display:none}
.max-public-copy .eyebrow{display:block!important;margin-bottom:12px!important}
.max-public-copy h1{
  font-size:clamp(2.65rem,4.15vw,5.35rem)!important;line-height:.94!important;
  max-width:100%;text-wrap:balance
}
.max-public-copy>p{max-width:520px!important}
.max-public-actions .login-language{margin:0!important}
@media(max-width:900px){
  .max-public{height:auto!important;min-height:100svh!important;overflow-y:auto!important}
  .max-public-bg{position:fixed!important;object-fit:cover!important;object-position:center center!important}
  .max-public-header{
    position:fixed!important;min-height:68px!important;height:68px!important;
    padding:max(9px,env(safe-area-inset-top)) 12px 7px!important;
    justify-content:space-between!important;background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.18),transparent)!important
  }
  .max-public-header>.max-public-logo{
    display:block!important;width:min(156px,42vw)!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important
  }
  .max-public-actions{gap:8px!important}
  .max-public-login-open{
    display:inline-flex!important;min-width:auto!important;height:44px!important;min-height:44px!important;
    padding:0 15px!important;border-radius:999px!important;font-size:.8rem!important
  }

  .max-public-actions .login-language{
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;
    border-radius:50%!important;overflow:hidden!important;padding:0!important
  }
  .max-public-actions .login-language>span{
    position:absolute!important;inset:0!important;width:44px!important;height:44px!important;
    display:grid!important;place-items:center!important;font-size:1.16rem!important
  }
  .max-public-actions .login-language select{
    position:absolute!important;inset:0!important;width:44px!important;height:44px!important;
    opacity:0!important;cursor:pointer!important
  }
  .max-public-shell{
    height:auto!important;min-height:100svh!important;display:flex!important;flex-direction:column!important;
    gap:12px!important;padding:82px 12px calc(76px + env(safe-area-inset-bottom))!important
  }
  .max-public-copy-panel{order:1!important;overflow:hidden!important;padding:0!important}
  .max-public-copy-logo-zone{display:none!important}
  .max-public-copy{
    width:100%!important;overflow:visible!important;padding:30px 4px 8px!important;
    mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%)!important
  }
  .max-public-copy .eyebrow{font-size:.63rem!important;margin-bottom:8px!important}
  .max-public-copy h1{
    font-size:clamp(2rem,10vw,3.35rem)!important;line-height:.95!important;
    max-width:min(94vw,520px)!important
  }
  .max-public-copy>p{max-width:88vw!important;font-size:.8rem!important;margin-top:10px!important}
  .max-public-copy .max-public-mantra{font-size:.76rem!important}

  .max-public-apps{
    order:2!important;height:154px!important;min-height:154px!important;
    padding:8px 0 0!important;overflow:hidden!important;background:transparent!important
  }
  .max-public-section-head{
    height:24px!important;margin:0 4px 7px!important;align-items:center!important
  }
  .max-public-section-head h2{display:none!important}
  .max-public-section-head p{display:none!important}
  .max-public-section-head span{font-size:.55rem!important}
  .max-public-app-grid{
    display:flex!important;gap:0!important;width:100%!important;max-width:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;padding:0 3px 5px!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important
  }
  .max-public-app-grid .app-group{
    flex:0 0 auto!important;display:flex!important;align-items:flex-end!important;gap:6px!important;
    padding:18px 8px 0!important;margin:0!important;border-right:1px solid rgba(255,255,255,.13)!important
  }
  .max-public-app-grid .app-group h3{
    position:absolute!important;transform:translateY(-76px)!important;margin:0!important;
    font-size:.48rem!important;white-space:nowrap!important
  }
  .max-public-app-grid .app-group-grid{display:flex!important;gap:7px!important}
  .max-public-app-grid .login-app-tile{
    flex:0 0 74px!important;width:74px!important;height:76px!important;min-height:76px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    align-items:center!important;gap:4px!important;padding:5px!important;border-radius:15px!important;
    scroll-snap-align:start!important
  }
  .max-public-app-grid .login-app-tile img{width:43px!important;height:43px!important}
  .max-public-app-grid .login-app-tile strong{font-size:.54rem!important;text-align:center!important}
  .max-public-app-grid .login-app-tile span{display:none!important}

  .max-public-login-panel{
    position:fixed!important;inset:0!important;z-index:120!important;width:100%!important;max-height:none!important;
    max-width:none!important;display:grid!important;place-items:center!important;padding:12px!important;
    background:rgba(0,0,0,.72)!important;border:0!important;border-radius:0!important;
    backdrop-filter:blur(10px)!important;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease
  }
  .max-public-login-panel.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .max-public-login-panel>.modal-close{
    display:block!important;position:absolute!important;top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;z-index:3!important
  }
  .max-public-login-card{
    width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);
    overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:22px;
    background:rgba(8,15,23,.97);box-shadow:0 30px 100px rgba(0,0,0,.7)
  }
}
@media(max-width:390px){
  .max-public-header>.max-public-logo{width:132px!important}
  .max-public-login-open{padding:0 12px!important;font-size:.75rem!important}
  .max-public-shell{padding-left:9px!important;padding-right:9px!important}
  .max-public-app-grid .login-app-tile{width:68px!important;flex-basis:68px!important}
}

/* MASTERFIX23 — desktop order + subtle background fade + password visibility */
@media(min-width:901px){
  .max-public-copy-panel{grid-column:1!important;grid-row:1!important}
  .max-public-apps{grid-column:2!important;grid-row:1!important}
  .max-public-login-panel{grid-column:3!important;grid-row:1!important}
  .max-public-copy-panel{height:100%;min-height:0}
  .max-public-copy-logo-zone{flex:0 0 104px!important;position:relative!important}
  .max-public-copy{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding-top:42px!important;padding-bottom:12px!important
  }
  .max-public-login-panel{
    position:relative!important;align-self:stretch!important;max-height:none!important;
    overflow:hidden!important;display:flex!important;align-items:center!important
  }
  .max-public-login-card{
    width:100%!important;max-height:calc(100svh - 150px)!important;overflow-y:auto!important;
    scrollbar-width:thin
  }
}
.max-public::before{
  background:
    radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,.04) 23%,rgba(0,0,0,.14) 60%,rgba(0,0,0,.28) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.10))!important
}
.password-field-wrap{position:relative!important}
.password-field-wrap>input{padding-right:46px!important}
.password-visibility-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;display:grid;place-items:center;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;
  color:currentColor!important;cursor:pointer;z-index:3
}
.password-visibility-toggle:hover{background:rgba(255,255,255,.08)!important}
.password-visibility-toggle svg{width:18px;height:18px;pointer-events:none}
@media(max-width:900px){
  .max-public::before{
    background:
      radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.28) 100%),
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.10))!important
  }
  .max-public-login-card{scrollbar-width:thin}
}

/* MASTERFIX23 — MAX-Cloud mobile login bubble matches other app logins */
@media(max-width:900px){
  .max-public-login-open{
    background:#f7b843!important;
    color:#111820!important;
    border:1px solid rgba(255,220,145,.9)!important;
    box-shadow:0 7px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.35)!important;
    font-weight:850!important;
    border-radius:999px!important;
  }
  .max-public-login-open:hover{
    background:#ffc95b!important;
    color:#0b1117!important;
  }
}
.password-field-wrap{display:block!important;width:100%!important}

/* MASTERFIX23 correction: desktop login stays fixed; only left copy scrolls below logo */
@media(min-width:901px){
  .max-public-login-panel{overflow:visible!important}
  .max-public-login-card{max-height:none!important;overflow:visible!important}
}

/* MASTERFIX24 — compact fixed desktop login + guaranteed visible page shader */
.max-public-bg{
  z-index:0!important;
}
.max-public::before{
  z-index:1!important;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.05) 16%,
      rgba(0,0,0,.15) 38%,
      rgba(0,0,0,.27) 70%,
      rgba(0,0,0,.38) 100%
    )!important;
}
.max-public-shell{z-index:3!important}
@media(min-width:901px){
  .max-public-login-panel{
    grid-column:3!important;grid-row:1!important;
    align-self:center!important;justify-self:end!important;
    width:min(360px,100%)!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(3,8,14,.34),rgba(3,8,14,.78)),
      url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
    box-shadow:0 26px 72px rgba(0,0,0,.46)!important;
    backdrop-filter:blur(10px)!important;
  }
  .max-public-login-card{
    width:100%!important;height:auto!important;max-height:none!important;
    overflow:visible!important;padding:20px 20px 18px!important;
    background:transparent!important;
  }
  .max-public-login-card .login-current-app-icon{
    width:52px!important;height:52px!important;margin:0 auto 8px!important;
  }
  .max-public-login-card h2{font-size:1.48rem!important;margin:4px 0 6px!important}
  .max-public-login-card>p{font-size:.82rem!important;margin:0 0 12px!important}
  .max-public-login-card .field{gap:4px!important}
  .max-public-login-card input,.max-public-login-card select{
    min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important
  }
  .max-public-login-card .button{min-height:42px!important}
  .max-public-login-card .card{padding:12px!important;margin-top:10px!important}
  .max-public-login-card .card h3{font-size:.92rem!important;margin:0 0 4px!important}
  .max-public-login-card .card p{font-size:.72rem!important;margin:0 0 8px!important}
}
@media(max-width:900px){
  .max-public-bg{z-index:0!important}
  .max-public::before{
    z-index:1!important;
    background:
      radial-gradient(circle at 50% 50%,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.07) 24%,
        rgba(0,0,0,.18) 55%,
        rgba(0,0,0,.32) 100%
      )!important;
  }
  .max-public-login-panel{
    background:rgba(0,0,0,.64)!important;
  }
  .max-public-login-card{
    background:
      linear-gradient(180deg,rgba(3,8,14,.34),rgba(3,8,14,.82)),
      url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
  }
}

/* MASTERFIX25 — desktop 4/9 text · 3/9 apps · 2/9 login; restore subtexts */
@media(min-width:901px){
  .max-public-shell{
    grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,2fr)!important;
    gap:clamp(18px,2.1vw,34px)!important;
  }
  .max-public-copy-panel{padding-right:clamp(8px,1vw,16px)!important}
  .max-public-copy h1{font-size:clamp(2.5rem,3.65vw,4.85rem)!important}
  .max-public-subfeatures{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
    margin:18px 0 14px!important;max-width:560px!important
  }
  .max-public-subfeatures article{
    display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;
    gap:10px!important;align-items:start!important;
    padding:9px 11px!important;border-radius:12px!important;
    background:rgba(8,15,22,.34)!important;border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(8px)!important
  }
  .max-public-subfeatures strong{
    color:#f7b843!important;font-size:.78rem!important;line-height:1.25!important
  }
  .max-public-subfeatures span{
    color:rgba(255,255,255,.78)!important;font-size:.72rem!important;line-height:1.3!important
  }
  .max-public-apps{padding-inline:0!important}
  .max-public-section-head{margin-bottom:9px!important}
  .max-public-section-head h2{font-size:1.25rem!important}
  .max-public-section-head p{font-size:.68rem!important;max-width:150px!important}
  .max-public-app-grid .app-group{margin-bottom:9px!important}
  .max-public-app-grid .app-group h3{font-size:.55rem!important;margin-bottom:4px!important}
  .max-public-app-grid .app-group-grid{gap:6px!important}
  .max-public-app-grid .login-app-tile{
    min-height:56px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:7px 8px!important;
    border-radius:12px!important
  }
  .max-public-app-grid .login-app-tile img{
    width:34px!important;height:34px!important;border-radius:8px!important
  }
  .max-public-app-grid .login-app-tile strong{font-size:.72rem!important}
  .max-public-app-grid .login-app-tile span{font-size:.55rem!important}
  .max-public-login-panel{width:min(320px,100%)!important}
  .max-public-login-card{padding:18px 16px 16px!important}
  .max-public-login-card .login-current-app-icon{width:46px!important;height:46px!important}
  .max-public-login-card h2{font-size:1.3rem!important}
  .max-public-login-card>p{font-size:.75rem!important}
}
@media(max-width:900px){
  .max-public-subfeatures{
    display:grid!important;grid-template-columns:1fr!important;gap:6px!important;
    margin:12px 0 10px!important;max-width:min(92vw,520px)!important
  }
  .max-public-subfeatures article{
    display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;
    gap:8px!important;padding:7px 9px!important;border-radius:11px!important;
    background:rgba(8,15,22,.38)!important;border:1px solid rgba(255,255,255,.10)!important
  }
  .max-public-subfeatures strong{color:#f7b843!important;font-size:.68rem!important}
  .max-public-subfeatures span{color:rgba(255,255,255,.76)!important;font-size:.64rem!important;line-height:1.25!important}
}

/* MASTERFIX26 — app symbols always fully visible, never cropped */
.max-public-app-grid .login-app-tile img{
  object-fit:contain!important;
  object-position:center center!important;
  box-sizing:border-box!important;
  padding:3px!important;
  border-radius:0!important;
  max-width:100%!important;
  max-height:100%!important;
  background:transparent!important;
}
@media(min-width:901px){
  .max-public-app-grid .login-app-tile img{
    width:38px!important;
    height:38px!important;
    padding:3px!important;
  }
}
@media(max-width:900px){
  .max-public-app-grid .login-app-tile img{
    width:44px!important;
    height:44px!important;
    padding:3px!important;
  }
}

/* MASTERFIX29 — mobile: only the app rail scrolls horizontally */
@media(max-width:900px){
  .max-public{overflow-x:hidden!important}
  .max-public-shell{overflow-x:hidden!important;max-width:100vw!important}
  .max-public-copy-panel,.max-public-copy{overflow-x:hidden!important}
  .max-public-apps{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .max-public-app-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    padding-right:18px!important;
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)!important;
  }
  .max-public-app-grid::-webkit-scrollbar{display:none!important}
  .max-public-app-grid .app-group{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
  }
}

/* MASTERFIX32 — background fully visible with black screen edges + password eye inside field */
.max-public{
  background:#000!important;
}
.max-public-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}
.max-public-login-card .field{
  width:100%!important;
}
.max-public-login-card .password-field-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.max-public-login-card .password-field-wrap>input{
  width:100%!important;
  max-width:none!important;
  min-height:44px!important;
  height:44px!important;
  box-sizing:border-box!important;
  padding-right:46px!important;
}
.max-public-login-card input[type="email"]{
  width:100%!important;
  max-width:none!important;
  min-height:44px!important;
  height:44px!important;
  box-sizing:border-box!important;
}
.max-public-login-card .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;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  z-index:5!important;
}
@media(max-width:900px){
  .max-public-bg{
    width:100vw!important;
    height:100svh!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* MASTERFIX33 — MAX-Cloud login bubble black-edge treatment + hero line break */
.max-public-copy h1 span{
  white-space:pre-line!important;
}
.max-public-login-panel,
.max-public-login-card{
  background-color:#000!important;
}
@media(min-width:901px){
  .max-public-login-panel{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.44)),
      radial-gradient(ellipse at center,rgba(0,0,0,0) 42%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.70) 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;
  }
  .max-public-login-card{background:transparent!important}
}
@media(max-width:900px){
  .max-public-login-card{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.46)),
      radial-gradient(ellipse at center,rgba(0,0,0,0) 42%,rgba(0,0,0,.24) 62%,rgba(0,0,0,.72) 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;
  }
}

/* MASTERFIX35 — final marked layout geometry */
@media(min-width:1200px){
  .max-public-shell{
    grid-template-columns:minmax(520px,1fr) minmax(390px,470px) minmax(320px,380px)!important;
    gap:clamp(22px,2vw,34px)!important;
    padding-left:clamp(42px,3vw,70px)!important;
    padding-right:clamp(42px,3vw,70px)!important;
  }
  .max-public-copy-panel{grid-column:1!important}
  .max-public-apps{
    grid-column:2!important;
    width:100%!important;
    max-width:470px!important;
    justify-self:center!important;
  }
  .max-public-login-panel{
    grid-column:3!important;
    width:min(350px,100%)!important;
    justify-self:center!important;
  }
  .max-public-copy-logo-zone{
    flex:0 0 132px!important;
    min-height:132px!important;
    align-items:flex-start!important;
  }
  .max-public-copy-logo-zone img{
    width:min(390px,88%)!important;
    max-width:390px!important;
    max-height:108px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left top!important;
  }
}
@media(min-width:901px) and (max-width:1199px){
  .max-public-shell{
    grid-template-columns:minmax(0,1fr) minmax(340px,430px) minmax(300px,340px)!important;
    gap:18px!important;
  }
  .max-public-copy-logo-zone img{
    width:min(340px,88%)!important;
    max-height:96px!important;
  }
}
/* centered artwork: more zoom than contain, still black on every screen edge */
.max-public-bg{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(62vw,125svh)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(.52) saturate(.90)!important;
  background:#000!important;
}
.max-public::before{
  background:
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 32%,rgba(0,0,0,.22) 61%,rgba(0,0,0,.48) 100%)!important;
}
/* MAX-Cloud central app list: narrower column, taller cards, larger original icons */
@media(min-width:901px){
  .max-public-app-grid .app-group{margin:0 0 10px!important}
  .max-public-app-grid .app-group h3{
    margin:0 0 5px!important;
    font-size:.58rem!important;
    letter-spacing:.075em!important;
  }
  .max-public-app-grid .app-group-grid{gap:7px!important}
  .max-public-app-grid .login-app-tile{
    min-height:72px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    padding:8px 12px!important;
    border-radius:16px!important;
    background:rgba(5,12,19,.70)!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }
  .max-public-app-grid .login-app-tile img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    padding:2px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .max-public-app-grid .login-app-tile strong{
    font-size:.88rem!important;
    line-height:1.15!important;
  }
  .max-public-app-grid .login-app-tile span{
    font-size:.62rem!important;
    line-height:1.2!important;
  }
}
/* login: compact, proportional artwork, dark black outer edges */
.max-public-login-panel{
  overflow:hidden!important;
  background:#000!important;
  border-color:rgba(255,255,255,.10)!important;
}
@media(min-width:901px){
  .max-public-login-panel{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.60)),
      radial-gradient(ellipse at center,rgba(0,0,0,0) 36%,rgba(0,0,0,.24) 58%,rgba(0,0,0,.68) 82%,#000 100%),
      url('/assets/max-cloud/login-60-grad.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%,100% 100%,auto 88%!important;
  }
}
.max-public-login-card{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}
.max-public-login-card .form-grid{
  width:100%!important;
}
.max-public-login-card .field{
  width:100%!important;
  min-width:0!important;
}
.max-public-login-card input[type="email"],
.max-public-login-card .password-field-wrap,
.max-public-login-card .password-field-wrap>input{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.max-public-login-card input[type="email"],
.max-public-login-card .password-field-wrap>input{
  height:46px!important;
  min-height:46px!important;
  border-radius:14px!important;
}
.max-public-login-card .password-field-wrap>input{padding-right:46px!important}
.max-public-login-card .password-visibility-toggle{
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
}
/* yellow sign-in bubble in the actual login form */
.max-public-login-card #password-login .button.accent{
  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,.26)!important;
}
.max-public-login-card #password-login .button.accent:hover{
  background:linear-gradient(135deg,#ffe08b,#ffc14d)!important;
  color:#0b1117!important;
}
.max-public-login-card #password-login .button.accent:disabled{
  opacity:.62!important;
  background:linear-gradient(135deg,#f2ce70,#e9aa3b)!important;
  color:#1a2027!important;
}
/* forced hero line break */
.max-public-copy h1 span{white-space:pre-line!important}
/* mobile: keep center artwork larger but still black on all four edges */
@media(max-width:900px){
  .max-public-bg{
    width:min(138vw,96svh)!important;
    height:auto!important;
    object-fit:contain!important;
    filter:brightness(.50) saturate(.88)!important;
  }
  .max-public-header>.max-public-logo{
    width:min(188px,48vw)!important;
    max-width:188px!important;
    max-height:50px!important;
  }
  .max-public-login-card{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.62)),
      radial-gradient(ellipse at center,rgba(0,0,0,0) 34%,rgba(0,0,0,.26) 58%,rgba(0,0,0,.72) 82%,#000 100%),
      url('/assets/max-cloud/login-60-grad.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%,100% 100%,auto 86%!important;
  }
}

/* MASTERFIX36 — FINAL DESKTOP/MOBILE LAYOUT + FIXED BACKGROUND + EDGELESS LOGIN ART */
.max-public{
  position:relative!important;
  background:#000!important;
  isolation:isolate!important;
}
.max-public-bg{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(96vw,96vh)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:brightness(.46) saturate(.86)!important;
  z-index:0!important;
  pointer-events:none!important;
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 68%,rgba(0,0,0,.78) 80%,rgba(0,0,0,0) 100%)!important;
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 68%,rgba(0,0,0,.78) 80%,rgba(0,0,0,0) 100%)!important;
}
.max-public::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 50%,
    rgba(0,0,0,.03) 0%,
    rgba(0,0,0,.09) 36%,
    rgba(0,0,0,.23) 68%,
    rgba(0,0,0,.54) 100%)!important;
}

/* exact vertical centering for 3 internal app-bubble areas */
.max-public-app-grid .login-app-tile{
  display:grid!important;
  align-items:center!important;
  text-align:left!important;
}
.max-public-app-grid .max-app-icon-cell{
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
}
.max-public-app-grid .max-app-icon-cell img{
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.max-public-app-grid .max-app-name-cell,
.max-public-app-grid .max-app-subtext-cell{
  display:flex!important;
  align-items:center!important;
  align-self:stretch!important;
  text-align:left!important;
  justify-content:flex-start!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0!important;
}
.max-public-app-grid .max-app-name-cell{font-weight:800!important}
.max-public-app-grid .max-app-subtext-cell{color:rgba(255,255,255,.72)!important}

/* desktop: apps exactly centered over the background core; login is landscape */
@media(min-width:901px){
  .max-public{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
  }
  .max-public-shell{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    height:100svh!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr)!important;
    gap:clamp(20px,2vw,36px)!important;
    padding:86px clamp(30px,3.2vw,64px) 36px!important;
    align-items:center!important;
  }
  .max-public-copy-panel{
    grid-column:1!important;
    grid-row:1!important;
    align-self:stretch!important;
    max-width:660px!important;
    justify-self:start!important;
  }
  .max-public-copy-logo-zone{
    flex:0 0 132px!important;
    min-height:132px!important;
  }
  .max-public-copy-logo-zone img{
    width:min(390px,90%)!important;
    max-width:390px!important;
    max-height:108px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left top!important;
  }
  .max-public-apps{
    grid-column:2!important;
    grid-row:1!important;
    width:430px!important;
    max-width:430px!important;
    height:min(650px,calc(100svh - 150px))!important;
    max-height:calc(100svh - 150px)!important;
    min-height:0!important;
    justify-self:center!important;
    align-self:center!important;
    overflow:hidden!important;
  }
  .max-public-section-head{
    width:100%!important;
    margin:0 0 10px!important;
  }
  .max-public-app-grid{
    width:100%!important;
    max-width:430px!important;
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 5px 0 0!important;
  }
  .max-public-app-grid .app-group{
    margin:0 0 9px!important;
  }
  .max-public-app-grid .app-group h3{
    margin:0 0 5px!important;
    font-size:.56rem!important;
    letter-spacing:.075em!important;
    color:rgba(255,255,255,.68)!important;
  }
  .max-public-app-grid .app-group-grid{gap:7px!important}
  .max-public-app-grid .login-app-tile{
    grid-template-columns:58px 112px minmax(0,1fr)!important;
    column-gap:10px!important;
    min-height:74px!important;
    padding:8px 12px!important;
    border-radius:16px!important;
    background:rgba(5,12,19,.72)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .max-public-app-grid .max-app-icon-cell img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
  .max-public-app-grid .max-app-name-cell{
    font-size:.83rem!important;
    line-height:1.12!important;
  }
  .max-public-app-grid .max-app-subtext-cell{
    font-size:.61rem!important;
    line-height:1.25!important;
  }

  /* landscape login card */
  .max-public-login-panel{
    grid-column:3!important;
    grid-row:1!important;
    position:relative!important;
    width:min(640px,100%)!important;
    max-width:640px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    justify-self:end!important;
    align-self:center!important;
    overflow:hidden!important;
    border-radius:26px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#000!important;
    box-shadow:0 28px 80px rgba(0,0,0,.50)!important;
    isolation:isolate!important;
  }
  .max-public-login-panel::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:url('/assets/max-cloud/login-60-grad.webp') center/cover no-repeat!important;
    opacity:.58!important;
    -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.96) 52%,rgba(0,0,0,.62) 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) 52%,rgba(0,0,0,.62) 72%,rgba(0,0,0,0) 100%)!important;
    pointer-events:none!important;
  }
  .max-public-login-panel::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.24) 46%,rgba(0,0,0,.62))!important;
    pointer-events:none!important;
  }
  .max-public-login-card{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:22px!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    padding:22px!important;
    background:transparent!important;
    align-items:center!important;
  }
  .max-public-login-intro{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:10px 8px!important;
  }
  .max-public-login-intro .login-current-app-icon{
    width:66px!important;
    height:66px!important;
    margin:0 auto 10px!important;
  }
  .max-public-login-intro h2{
    margin:4px 0 6px!important;
    font-size:1.55rem!important;
  }
  .max-public-login-intro p{
    margin:0!important;
    font-size:.74rem!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.72)!important;
  }
  .max-public-login-controls{
    min-width:0!important;
    display:block!important;
  }
  .max-public-login-controls .global-legal-links{
    margin-top:10px!important;
  }
  .max-public-login-card #password-login .button.accent{
    width:100%!important;
    min-height:44px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
    color:#101820!important;
    font-weight:850!important;
  }
}

/* mobile: content scrolls; artwork never scrolls; only app rail scrolls horizontally */
@media(max-width:900px){
  html,body{
    width:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:#000!important;
  }
  .max-public{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:#000!important;
  }
  .max-public-bg{
    position:fixed!important;
    width:min(96vw,96vh)!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    filter:brightness(.45) saturate(.84)!important;
  }
  .max-public-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:68px!important;
    min-height:68px!important;
    z-index:80!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:max(8px,env(safe-area-inset-top)) 10px 7px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.28),transparent)!important;
  }
  .max-public-header>.max-public-logo{
    display:block!important;
    width:min(190px,48vw)!important;
    max-width:190px!important;
    max-height:50px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .max-public-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .max-public-actions .login-language{
    position:relative!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:50%!important;
  }
  .max-public-login-open{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#f7d477,#f4b23a)!important;
    border:0!important;
    color:#101820!important;
    font-size:.78rem!important;
    font-weight:850!important;
    box-shadow:0 7px 20px rgba(0,0,0,.28)!important;
  }

  .max-public-shell{
    position:relative!important;
    z-index:4!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:82px 12px calc(88px + env(safe-area-inset-bottom))!important;
  }
  .max-public-copy-panel{
    order:1!important;
    flex:0 0 auto!important;
    width:100%!important;
    overflow:visible!important;
  }
  .max-public-copy-logo-zone{display:none!important}
  .max-public-copy{
    width:100%!important;
    padding:20px 3px 6px!important;
    overflow:visible!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .max-public-copy h1{
    font-size:clamp(2.05rem,10.5vw,3.25rem)!important;
    line-height:.95!important;
    max-width:94vw!important;
  }
  .max-public-copy h1 span{white-space:pre-line!important}
  .max-public-copy>p{
    font-size:.78rem!important;
    line-height:1.35!important;
    max-width:90vw!important;
  }
  .max-public-subfeatures{
    margin:11px 0 8px!important;
    gap:6px!important;
  }

  .max-public-apps{
    order:2!important;
    flex:0 0 184px!important;
    width:100%!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    overflow:hidden!important;
    padding:4px 0 0!important;
  }
  .max-public-section-head{
    height:22px!important;
    margin:0 4px 5px!important;
  }
  .max-public-section-head h2,
  .max-public-section-head p{display:none!important}
  .max-public-section-head span{font-size:.54rem!important}
  .max-public-app-grid{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:154px!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 20px 5px 2px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
  }
  .max-public-app-grid::-webkit-scrollbar{display:none!important}
  .max-public-app-grid .app-group{
    position:relative!important;
    flex:0 0 auto!important;
    display:block!important;
    padding:22px 8px 0!important;
    margin:0!important;
    border:0!important;
  }
  .max-public-app-grid .app-group h3{
    position:absolute!important;
    top:2px!important;
    left:10px!important;
    transform:none!important;
    margin:0!important;
    font-size:.48rem!important;
    color:rgba(255,255,255,.70)!important;
    white-space:nowrap!important;
  }
  .max-public-app-grid .app-group-grid{
    display:flex!important;
    gap:8px!important;
  }
  .max-public-app-grid .login-app-tile{
    flex:0 0 294px!important;
    width:294px!important;
    height:88px!important;
    min-height:88px!important;
    grid-template-columns:52px 92px 126px!important;
    column-gap:8px!important;
    align-items:center!important;
    padding:7px 9px!important;
    border-radius:16px!important;
    background:rgba(5,12,19,.76)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    scroll-snap-align:start!important;
  }
  .max-public-app-grid .max-app-icon-cell img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }
  .max-public-app-grid .max-app-name-cell{
    font-size:.75rem!important;
    line-height:1.12!important;
  }
  .max-public-app-grid .max-app-subtext-cell{
    display:flex!important;
    font-size:.58rem!important;
    line-height:1.25!important;
  }

  /* full-screen overlay, landscape artwork preserved inside a scrollable mobile card */
  .max-public-login-panel{
    position:fixed!important;
    inset:0!important;
    z-index:120!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    overflow:hidden!important;
    background:rgba(0,0,0,.76)!important;
    border:0!important;
    border-radius:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .max-public-login-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .max-public-login-panel>.modal-close{
    display:block!important;
    position:absolute!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:10px!important;
    z-index:140!important;
  }
  .max-public-login-card{
    position:relative!important;
    isolation:isolate!important;
    width:min(560px,calc(100vw - 20px))!important;
    max-width:560px!important;
    max-height:calc(100dvh - 28px)!important;
    overflow-y:auto!important;
    display:block!important;
    padding:20px 16px 18px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#000!important;
    box-shadow:0 28px 90px rgba(0,0,0,.72)!important;
  }
  .max-public-login-card::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:.52!important;
    -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.56) 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,.92) 50%,rgba(0,0,0,.56) 72%,rgba(0,0,0,0) 100%)!important;
  }
  .max-public-login-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.68))!important;
    pointer-events:none!important;
  }
  .max-public-login-intro{
    text-align:center!important;
  }
  .max-public-login-intro .login-current-app-icon{
    width:58px!important;
    height:58px!important;
    margin:0 auto 8px!important;
  }
  .max-public-login-controls{
    margin-top:12px!important;
  }
  .max-public-login-card #password-login .button.accent{
    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;
  }
}

/* MASTERFIX37 — specificity lock for 3-area app bubbles */
.max-public-app-grid .login-app-tile .max-app-icon-cell{
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  width:auto!important;
  height:auto!important;
  font-size:inherit!important;
  opacity:1!important;
}
.max-public-app-grid .login-app-tile .max-app-name-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  opacity:1!important;
}
.max-public-app-grid .login-app-tile .max-app-subtext-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  opacity:1!important;
  color:rgba(255,255,255,.72)!important;
}
@media(max-width:900px){
  .max-public-app-grid .login-app-tile .max-app-icon-cell{display:grid!important}
  .max-public-app-grid .login-app-tile .max-app-name-cell{display:flex!important;text-align:left!important}
  .max-public-app-grid .login-app-tile .max-app-subtext-cell{display:flex!important;text-align:left!important}
}

/* MASTERFIX38 — larger centered MAX-Cloud artwork + white login field text */
.max-public-bg{
  width:min(124vw,124vh)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:brightness(.44) saturate(.86)!important;
}
.max-public-login-card .field,
.max-public-login-card label.field{
  color:#fff!important;
  opacity:1!important;
}
.max-public-login-card label.field{
  font-weight:700!important;
}
.max-public-login-card input[type="email"],
.max-public-login-card input[type="password"],
.max-public-login-card .password-field-wrap>input{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
}
.max-public-login-card input::placeholder{
  color:rgba(255,255,255,.62)!important;
  opacity:1!important;
}
@media(max-width:900px){
  .max-public-bg{
    width:min(124vw,118vh)!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:brightness(.43) saturate(.84)!important;
  }
  .max-public-login-card .field,
  .max-public-login-card label.field{
    color:#fff!important;
  }
}

/* MASTERFIX39 — icon cell vertically centered in every MAX-Cloud app bubble */
.max-public-app-grid .login-app-tile{
  align-items:center!important;
}
.max-public-app-grid .login-app-tile .max-app-icon-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:100%!important;
  line-height:0!important;
  margin:0!important;
  padding:0!important;
}
.max-public-app-grid .login-app-tile .max-app-icon-cell img{
  display:block!important;
  align-self:center!important;
  justify-self:center!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.max-public-app-grid .login-app-tile .max-app-name-cell,
.max-public-app-grid .login-app-tile .max-app-subtext-cell{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
@media(max-width:900px){
  .max-public-app-grid .login-app-tile .max-app-icon-cell{
    height:88px!important;
    min-height:88px!important;
  }
}

/* MASTERFIX40 — exact vertical centering + mobile page scroll lock */

/* All MAX-Cloud app bubbles: one full-height row, no vertical padding drift */
.max-public-app-grid .login-app-tile{
  grid-template-rows:minmax(0,1fr)!important;
  align-items:stretch!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.max-public-app-grid .login-app-tile .max-app-icon-cell,
.max-public-app-grid .login-app-tile .max-app-name-cell,
.max-public-app-grid .login-app-tile .max-app-subtext-cell{
  grid-row:1!important;
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.max-public-app-grid .login-app-tile .max-app-icon-cell{
  justify-content:center!important;
}
.max-public-app-grid .login-app-tile .max-app-icon-cell img{
  margin:0 auto!important;
  align-self:center!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(min-width:901px){
  .max-public-app-grid .login-app-tile{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(max-width:900px){
  html,body{
    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{
    position:fixed!important;
    inset:0!important;
  }
  #app{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#000!important;
  }
  .max-public{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .max-public-shell{
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) 178px!important;
    gap:8px!important;
    padding:8px 10px calc(70px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .max-public-copy-panel{
    grid-row:1!important;
    order:unset!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  .max-public-copy{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:8px 2px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .max-public-copy .eyebrow{
    margin:0 0 5px!important;
    font-size:.58rem!important;
  }
  .max-public-copy h1{
    margin:0!important;
    font-size:clamp(1.95rem,9vw,2.85rem)!important;
    line-height:.94!important;
  }
  .max-public-copy>p{
    margin:7px 0 0!important;
    font-size:.72rem!important;
    line-height:1.28!important;
  }
  .max-public-subfeatures{
    margin:8px 0 4px!important;
    gap:4px!important;
  }
  .max-public-subfeatures article{
    min-height:34px!important;
    padding:5px 8px!important;
  }
  .max-public-subfeatures strong{
    font-size:.62rem!important;
  }
  .max-public-subfeatures span{
    font-size:.58rem!important;
  }
  .max-public-copy .max-public-mantra{
    margin:4px 0 0!important;
    font-size:.68rem!important;
    line-height:1.2!important;
  }

  /* Only this rail is allowed to move */
  .max-public-apps{
    grid-row:2!important;
    order:unset!important;
    width:100%!important;
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .max-public-section-head{
    height:22px!important;
    margin:0 3px 4px!important;
  }
  .max-public-app-grid{
    width:100%!important;
    height:152px!important;
    min-height:152px!important;
    max-height:152px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:0 18px 4px 0!important;
  }
  .max-public-app-grid::-webkit-scrollbar{display:none!important}
  .max-public-app-grid .app-group{
    height:148px!important;
    min-height:148px!important;
    padding:20px 7px 0!important;
    overflow:hidden!important;
  }
  .max-public-app-grid .app-group-grid{
    height:112px!important;
    align-items:center!important;
  }
  .max-public-app-grid .login-app-tile{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    padding-left:9px!important;
    padding-right:9px!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-self:center!important;
  }
  .max-public-app-grid .login-app-tile .max-app-icon-cell,
  .max-public-app-grid .login-app-tile .max-app-name-cell,
  .max-public-app-grid .login-app-tile .max-app-subtext-cell{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    align-items:center!important;
  }

  /* Background is viewport-fixed, never part of scrolling content */
  .max-public-bg{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:0!important;
    pointer-events:none!important;
  }
}

/* MASTERFIX41 — MAX-Cloud mobile apps use VERTICAL scroll, never horizontal swipe */
@media(max-width:900px){
  .max-public-shell{
    grid-template-rows:minmax(0,1fr) minmax(230px,42dvh)!important;
    overflow:hidden!important;
  }

  .max-public-apps{
    grid-row:2!important;
    width:100%!important;
    height:auto!important;
    min-height:230px!important;
    max-height:42dvh!important;
    overflow:hidden!important;
    padding:0!important;
  }

  .max-public-section-head{
    position:relative!important;
    height:24px!important;
    min-height:24px!important;
    margin:0 4px 6px!important;
  }

  .max-public-section-head h2{
    display:block!important;
    font-size:.88rem!important;
    line-height:1!important;
    margin:0!important;
  }

  .max-public-section-head p{
    display:none!important;
  }

  .max-public-section-head span{
    display:block!important;
    font-size:.50rem!important;
    line-height:1!important;
    margin-bottom:3px!important;
  }

  .max-public-app-grid{
    display:block!important;
    width:100%!important;
    height:calc(100% - 30px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-x:none!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    padding:0 4px 12px 0!important;
  }

  .max-public-app-grid::-webkit-scrollbar{
    display:block!important;
    width:4px!important;
  }
  .max-public-app-grid::-webkit-scrollbar-track{
    background:transparent!important;
  }
  .max-public-app-grid::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.24)!important;
    border-radius:999px!important;
  }

  .max-public-app-grid .app-group{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:18px 0 0!important;
    margin:0 0 10px!important;
    overflow:visible!important;
    border:0!important;
  }

  .max-public-app-grid .app-group h3{
    position:absolute!important;
    top:2px!important;
    left:2px!important;
    transform:none!important;
    margin:0!important;
    font-size:.48rem!important;
    color:rgba(255,255,255,.72)!important;
    white-space:nowrap!important;
  }

  .max-public-app-grid .app-group-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    gap:7px!important;
  }

  .max-public-app-grid .login-app-tile{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    flex:none!important;
    grid-template-columns:54px 92px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    column-gap:9px!important;
    padding:0 10px!important;
    align-self:auto!important;
    scroll-snap-align:none!important;
  }

  .max-public-app-grid .login-app-tile .max-app-icon-cell,
  .max-public-app-grid .login-app-tile .max-app-name-cell,
  .max-public-app-grid .login-app-tile .max-app-subtext-cell{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    align-items:center!important;
  }

  .max-public-app-grid .login-app-tile .max-app-icon-cell img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }

  .max-public-app-grid .login-app-tile .max-app-name-cell{
    font-size:.74rem!important;
    line-height:1.12!important;
    text-align:left!important;
  }

  .max-public-app-grid .login-app-tile .max-app-subtext-cell{
    font-size:.56rem!important;
    line-height:1.22!important;
    text-align:left!important;
  }
}

/* MASTERFIX42 — mobile background sits higher behind hero and fades to black below */
@media(max-width:900px){
  .max-public{
    background:#000!important;
  }

  .max-public-bg{
    position:fixed!important;
    left:50%!important;
    top:31%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(132vw,122vh)!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:brightness(.43) saturate(.84)!important;
    z-index:0!important;
    pointer-events:none!important;

    -webkit-mask-image:
      linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.45) 7%,
        rgba(0,0,0,1) 17%,
        rgba(0,0,0,1) 62%,
        rgba(0,0,0,.78) 73%,
        rgba(0,0,0,.34) 84%,
        rgba(0,0,0,0) 96%
      )!important;
    mask-image:
      linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.45) 7%,
        rgba(0,0,0,1) 17%,
        rgba(0,0,0,1) 62%,
        rgba(0,0,0,.78) 73%,
        rgba(0,0,0,.34) 84%,
        rgba(0,0,0,0) 96%
      )!important;
  }

  .max-public::before{
    position:fixed!important;
    inset:0!important;
    background:
      linear-gradient(
        to bottom,
        rgba(0,0,0,.18) 0%,
        rgba(0,0,0,.10) 26%,
        rgba(0,0,0,.20) 52%,
        rgba(0,0,0,.62) 75%,
        #000 100%
      )!important;
  }

  /* keep content above the artwork while lower viewport remains black */
  .max-public-header,
  .max-public-shell{
    position:fixed!important;
    z-index:4!important;
  }
}

/* MASTERFIX43 — MAX-Cloud benefit bubbles match calmer Teamo landing style */
.max-public-subfeatures{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:min(620px,100%)!important;
  max-width:620px!important;
  margin:18px 0 12px!important;
}
.max-public-subfeatures article{
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 15px!important;
  border:0!important;
  border-radius:18px!important;
  background:rgba(5,12,19,.62)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.max-public-subfeatures strong{
  display:flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:#f3c56b!important;
  font-size:.76rem!important;
  line-height:1.1!important;
}
.max-public-subfeatures span{
  color:rgba(255,255,255,.82)!important;
  font-size:.72rem!important;
  line-height:1.3!important;
}
@media(max-width:900px){
  .max-public-subfeatures{
    gap:5px!important;
    margin:8px 0 4px!important;
  }
  .max-public-subfeatures article{
    min-height:36px!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:7px!important;
    padding:5px 8px!important;
    border-radius:13px!important;
  }
  .max-public-subfeatures strong{
    min-height:24px!important;
    padding:0 7px!important;
    font-size:.58rem!important;
  }
  .max-public-subfeatures span{
    font-size:.56rem!important;
    line-height:1.2!important;
  }
}

/* MASTERFIX49 — MAX-Cloud mobile artwork higher behind hero text */
@media(max-width:900px){
  .max-public-bg{
    position:fixed!important;
    left:50%!important;
    top:22%!important;
    transform:translate(-50%,-50%)!important;
    width:min(138vw,126vh)!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:brightness(.43) saturate(.84)!important;
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.52) 6%,
        rgba(0,0,0,1) 15%,
        rgba(0,0,0,1) 58%,
        rgba(0,0,0,.78) 70%,
        rgba(0,0,0,.30) 83%,
        rgba(0,0,0,0) 96%
      )!important;
    mask-image:
      linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.52) 6%,
        rgba(0,0,0,1) 15%,
        rgba(0,0,0,1) 58%,
        rgba(0,0,0,.78) 70%,
        rgba(0,0,0,.30) 83%,
        rgba(0,0,0,0) 96%
      )!important;
  }
  .max-public::before{
    background:
      linear-gradient(
        to bottom,
        rgba(0,0,0,.16) 0%,
        rgba(0,0,0,.08) 23%,
        rgba(0,0,0,.18) 47%,
        rgba(0,0,0,.58) 71%,
        #000 100%
      )!important;
  }
}

/* MASTERFIX49 — MAX-Cloud mobile hero artwork higher; lower viewport fades cleanly to black */
@media(max-width:900px){
  .max-public-bg{
    position:fixed!important;
    left:50%!important;
    top:22%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(132vw,122vh)!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:brightness(.43) saturate(.84)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.48) 6%,
      rgba(0,0,0,1) 15%,
      rgba(0,0,0,1) 58%,
      rgba(0,0,0,.74) 69%,
      rgba(0,0,0,.30) 79%,
      rgba(0,0,0,0) 89%
    )!important;
    mask-image:linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.48) 6%,
      rgba(0,0,0,1) 15%,
      rgba(0,0,0,1) 58%,
      rgba(0,0,0,.74) 69%,
      rgba(0,0,0,.30) 79%,
      rgba(0,0,0,0) 89%
    )!important;
  }
  .max-public::before{
    background:linear-gradient(
      to bottom,
      rgba(0,0,0,.16) 0%,
      rgba(0,0,0,.09) 22%,
      rgba(0,0,0,.18) 43%,
      rgba(0,0,0,.58) 68%,
      #000 88%,
      #000 100%
    )!important;
  }
}

/* MASTERFIX50 — MAX-Cloud artwork has NO visible rectangular image edges */
.max-public{
  background:#000!important;
}
.max-public-bg{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(132vw,132vh)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:brightness(.43) saturate(.84)!important;
  pointer-events:none!important;
  -webkit-mask-image:radial-gradient(
    ellipse 72% 70% at 50% 50%,
    #000 0%,
    #000 54%,
    rgba(0,0,0,.92) 64%,
    rgba(0,0,0,.62) 73%,
    rgba(0,0,0,.28) 81%,
    transparent 91%
  )!important;
  mask-image:radial-gradient(
    ellipse 72% 70% at 50% 50%,
    #000 0%,
    #000 54%,
    rgba(0,0,0,.92) 64%,
    rgba(0,0,0,.62) 73%,
    rgba(0,0,0,.28) 81%,
    transparent 91%
  )!important;
}
@media(max-width:900px){
  .max-public-bg{
    left:50%!important;
    top:20%!important;
    transform:translate(-50%,-50%)!important;
    width:min(148vw,132vh)!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:brightness(.42) saturate(.84)!important;
    -webkit-mask-image:radial-gradient(
      ellipse 76% 72% at 50% 43%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.90) 62%,
      rgba(0,0,0,.58) 71%,
      rgba(0,0,0,.25) 80%,
      transparent 91%
    )!important;
    mask-image:radial-gradient(
      ellipse 76% 72% at 50% 43%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.90) 62%,
      rgba(0,0,0,.58) 71%,
      rgba(0,0,0,.25) 80%,
      transparent 91%
    )!important;
  }
  .max-public::before{
    background:
      linear-gradient(
        to bottom,
        rgba(0,0,0,.12) 0%,
        rgba(0,0,0,.08) 24%,
        rgba(0,0,0,.22) 47%,
        rgba(0,0,0,.62) 69%,
        #000 88%,
        #000 100%
      )!important;
  }
}

/* MASTERFIX54 — MAX-Cloud app rail matches product landing bubbles */
@media(min-width:901px){
  .max-public-apps{
    width:430px!important;
    max-width:430px!important;
    height:min(690px,calc(100svh - 150px))!important;
    min-height:0!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;
    overflow:hidden!important;
  }
  .max-public-section-head{
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:12px!important;
    padding:2px 4px 6px!important;
    margin:0!important;
  }
  .max-public-section-head h2{
    margin:0!important;
    font-size:1.15rem!important;
  }
  .max-public-section-head span{
    font-size:.56rem!important;
    letter-spacing:.11em!important;
  }
  .max-public-section-head p{
    display:none!important;
  }
  .max-public-app-grid{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 3px 0 0!important;
    scrollbar-width:thin!important;
    overscroll-behavior:contain!important;
  }
  .max-public-app-grid .app-group{
    margin:0 0 10px!important;
    padding:0!important;
  }
  .max-public-app-grid .app-group h3{
    position:static!important;
    transform:none!important;
    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;
  }
  .max-public-app-grid .app-group-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .max-public-app-grid .login-app-tile{
    width:100%!important;
    min-width:0!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows: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;
    box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
    text-decoration:none!important;
  }
  .max-public-app-grid .max-app-icon-cell{
    width:54px!important;
    height:54px!important;
    min-height:54px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
  }
  .max-public-app-grid .max-app-icon-cell img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
  }
  .max-public-app-grid .max-app-copy-cell{
    min-width:0!important;
    height:100%!important;
    display:grid!important;
    align-content:center!important;
    gap:3px!important;
    text-align:left!important;
  }
  .max-public-app-grid .max-app-copy-cell strong{
    color:#fff!important;
    font-size:.82rem!important;
    line-height:1.15!important;
  }
  .max-public-app-grid .max-app-copy-cell small{
    color:rgba(255,255,255,.68)!important;
    font-size:.58rem!important;
    line-height:1.24!important;
    white-space:normal!important;
  }
}
@media(max-width:900px){
  .max-public-apps{
    width:100%!important;
    height:100%!important;
    min-height:230px!important;
    max-height:42dvh!important;
    padding:9px!important;
    border-radius:18px!important;
    background:rgba(5,12,19,.62)!important;
    overflow:hidden!important;
  }
  .max-public-section-head{
    height:26px!important;
    min-height:26px!important;
    padding:0 2px 4px!important;
    margin:0!important;
  }
  .max-public-section-head h2{
    display:block!important;
    margin:0!important;
    font-size:.88rem!important;
  }
  .max-public-section-head p{display:none!important}
  .max-public-section-head span{
    display:block!important;
    font-size:.48rem!important;
  }
  .max-public-app-grid{
    display:block!important;
    width:100%!important;
    height:calc(100% - 26px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
    scroll-snap-type:none!important;
    padding:0 2px 8px 0!important;
  }
  .max-public-app-grid .app-group{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0 0 8px!important;
    overflow:visible!important;
  }
  .max-public-app-grid .app-group h3{
    position:static!important;
    transform:none!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:.46rem!important;
    color:rgba(255,255,255,.68)!important;
    white-space:nowrap!important;
  }
  .max-public-app-grid .app-group-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    height:auto!important;
  }
  .max-public-app-grid .login-app-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:8px!important;
    padding:5px 8px!important;
    border:0!important;
    border-radius:15px!important;
    background:rgba(8,17,25,.74)!important;
    scroll-snap-align:none!important;
  }
  .max-public-app-grid .max-app-icon-cell{
    width:46px!important;
    height:46px!important;
    min-height:46px!important;
    display:grid!important;
    place-items:center!important;
  }
  .max-public-app-grid .max-app-icon-cell img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .max-public-app-grid .max-app-copy-cell{
    min-width:0!important;
    height:60px!important;
    display:grid!important;
    align-content:center!important;
    gap:2px!important;
    text-align:left!important;
  }
  .max-public-app-grid .max-app-copy-cell strong{
    color:#fff!important;
    font-size:.72rem!important;
    line-height:1.12!important;
  }
  .max-public-app-grid .max-app-copy-cell small{
    color:rgba(255,255,255,.68)!important;
    font-size:.52rem!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
}

/* MASTERFIX57 — MAX-Cloud app cards use same small centered icon bubbles */
@media(min-width:901px){
  .max-public-app-grid .login-app-tile{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    padding:7px 10px!important;
  }
  .max-public-app-grid .max-app-icon-cell{
    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;
    justify-self:center!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.09)!important;
    overflow:hidden!important;
    padding:4px!important;
    box-sizing:border-box!important;
  }
  .max-public-app-grid .max-app-icon-cell 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!important;
    margin:auto!important;
  }
}
@media(max-width:900px){
  .max-public-app-grid .login-app-tile{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
    padding:5px 8px!important;
  }
  .max-public-app-grid .max-app-icon-cell{
    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;
    align-self:center!important;
    justify-self:center!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.09)!important;
    overflow:hidden!important;
    padding:4px!important;
    box-sizing:border-box!important;
  }
  .max-public-app-grid .max-app-icon-cell 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!important;
    margin:auto!important;
  }
}

/* MASTERFIX58 — MAX-Cloud test access bubble under copy */
.max-public-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;
}
@media(max-width:900px){
  .max-public-trial-cta{
    min-width:174px!important;
    min-height:42px!important;
    margin:12px 0 6px!important;
    padding:0 16px!important;
    font-size:.70rem!important;
  }
}