/* Build 120: branded landing page and Settings-only save details. */
.landingIntro.landingBrand{align-items:center;padding:32px clamp(24px,4vw,54px);background:#040835;text-align:center}
.landingBrandLogo{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 0 20px;border-radius:14px}
.landingBrand h1{font-size:clamp(23px,2.4vw,30px);line-height:1.2;margin:0;color:#fff}
.landingBrand p{font-size:15px;line-height:1.5;max-width:380px;margin:14px 0 0;color:#fff}
.landingBrand .landingFeatures{justify-content:center;margin-top:20px}
.landingShell .loginLogoWrap{width:180px;height:180px;border-radius:18px;margin:0 auto 18px;background:#040835;border:0;box-shadow:none}
.landingShell .brand,.landingShell .subbrand,.landingShell .loginField span{color:#000}
.dashboardBrandLogo{width:160px;height:160px;flex:0 0 160px;object-fit:contain;border-radius:16px;background:#040835}
.settingsSaveStatus{margin:14px 0;padding:14px 16px;border:1px solid #b5caba;border-radius:12px}
.settingsSaveStatus strong{font-size:16px}
.settingsSaveStatus #saveStatusDetail{font-size:13px;line-height:1.5}
.settingsSaveStatus .saveStatusActions button{min-height:42px;font-size:13px}
@media(min-width:821px){.landingShell .loginLogoWrap{display:none}}
@media(min-width:821px) and (max-height:760px){.landingBrandLogo{width:240px;margin-bottom:14px}.landingIntro.landingBrand{padding-top:24px;padding-bottom:24px}}
@media(max-width:820px){.landingShell .loginLogoWrap{display:grid}.landingShell .loginBox{padding:26px 24px}.landingShell .brand{font-size:23px}}
@media(max-width:680px){.dashboardWelcome{flex-wrap:wrap;gap:18px}.dashboardBrandLogo{width:110px;height:110px;flex-basis:110px}.settingsSaveStatus{align-items:stretch;flex-direction:column;padding:12px}.settingsSaveStatus .saveStatusActions{flex-direction:row;flex-wrap:wrap}.settingsSaveStatus .saveStatusActions button{flex:1 1 120px}}
@media(max-width:820px) and (max-height:760px){.landingShell .loginLogoWrap{width:140px;height:140px;margin-bottom:12px}}
