.mobile-app-landing{display:none}
@media(max-width:650px){
 body.home-view.mobile-app-welcome{background:#0a2637;color:white}
 body.home-view.mobile-app-welcome .site-header,body.home-view.mobile-app-welcome footer{display:none!important}
 body.home-view.mobile-app-welcome #home>:not(#mobile-app-landing){display:none!important}
 body.home-view.mobile-app-welcome #mobile-app-landing{display:flex}
 body.home-view.mobile-app-welcome main{padding:0;min-height:100dvh}
 .mobile-app-landing{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;flex-direction:column;align-items:stretch;overflow:hidden;padding:calc(16px + env(safe-area-inset-top)) 16px calc(76px + env(safe-area-inset-bottom));background:#092c40;color:white}
 .app-landing-photo{position:absolute;z-index:-2;inset:0 0 0;background-image:linear-gradient(180deg,#061e36b3 0%,#072d4840 29%,#0a334a29 51%,#06283b9c 76%,#062338 100%),url('/assets/images/mobile-login-hero.webp');background-position:center,center -165px;background-size:cover,auto calc(100% + 150px);background-repeat:no-repeat}
 .app-landing-top{position:relative;display:flex;flex-direction:column;align-items:flex-start;line-height:1;filter:drop-shadow(0 2px 8px #061b27a6)}
 .app-landing-brand{font-size:29px;font-weight:900;letter-spacing:-1.8px;color:#fff}.app-landing-brand span{color:#66ebaa}
 .app-landing-top small{color:#e2f3ec;font-size:9px;letter-spacing:.4px;margin:3px 0 0 31px}
 .app-landing-slogan{position:absolute;right:15px;top:calc(78px + env(safe-area-inset-top));max-width:139px;margin:0;color:#fff;font:italic 15px/1.12 Georgia,serif;text-align:right;text-shadow:0 2px 9px #001e32;transform:rotate(-6deg)}
 .app-landing-card{width:100%;max-width:425px;align-self:center;margin-top:clamp(150px,24dvh,245px);padding:17px 17px 14px;border-radius:17px;background:#fff;color:#102d39;box-shadow:0 15px 40px #061a32a8}
 .app-landing-card h1{font-size:22px;line-height:1.12;letter-spacing:-.7px;margin:0 0 4px;color:#123b39}
 .app-landing-lead{font-size:11px;line-height:1.3;color:#536875;margin:0 0 10px}
 .app-landing-roles{display:grid;grid-template-columns:1fr 1fr;background:#f0f5f4;border-radius:8px;padding:3px;margin:0 0 9px}
.app-landing-roles button{border:0;border-radius:6px;background:transparent;color:#46626a;min-height:44px;font-size:11px;font-weight:750}
 .app-landing-roles button.active{background:#daf8e8;color:#065139;box-shadow:0 1px 4px #0c3f3425}
 .app-landing-card form label{display:block;font-size:10px;font-weight:700;margin:6px 0 3px;color:#31534e}
 .app-landing-card form input{width:100%;height:36px;min-height:36px;margin:0!important;padding:7px 10px!important;border:1px solid #cbdcda!important;border-radius:7px!important;background:white!important;color:#153f37;font-size:12px!important}
.app-landing-password{position:relative}.app-landing-password input{padding-right:72px!important}.app-landing-password button{position:absolute;right:0;top:-4px;min-width:64px;height:44px;padding:2px 8px;background:transparent;border:0;color:#126647;font-size:10px;font-weight:750}
.app-landing-submit{position:relative;display:block;width:100%;min-height:46px;margin-top:12px;border:0;border-radius:7px;background:#075b43;color:white;font-size:13px;font-weight:800}.app-landing-submit span{position:absolute;right:11px;font-size:23px;line-height:12px}
.app-landing-text-button{display:block;min-height:44px;margin:2px 0 2px auto;padding:10px 2px;background:transparent;border:0;color:#0b674d;font-size:10px;text-decoration:underline;text-underline-offset:2px}
 .app-landing-error{background:#fff2eb;border:1px solid #f3b998;border-radius:6px;color:#9d4226;font-size:11px;line-height:1.4;margin:7px 0;padding:7px}
.app-landing-signup{border-top:1px solid #e0eae8;padding-top:7px;text-align:center;font-size:10px;color:#52686b}.app-landing-signup button{display:block;min-height:44px;margin:0 auto;padding:10px 6px;background:transparent;border:0;color:#076347;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:2px}
 .app-landing-benefits{width:100%;max-width:425px;align-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0 0;background:transparent;border:0;box-shadow:none;padding:0}
 .app-landing-benefits>div{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;color:white;font-size:9px;text-align:center}
 .app-landing-benefits span{display:grid;place-items:center;background:#ffffff20;color:#77efae;border:1px solid #ffffff52;border-radius:50%;width:25px;height:25px;font-size:16px}.app-landing-benefits b{color:white;font-size:9px}
 .app-landing-bottom-slogan{margin:8px 0 0;text-align:center;color:white;font:italic 12px/1.03 Georgia,serif;text-shadow:0 2px 8px #08263c}
 .app-landing-nav{position:absolute;left:0;right:0;bottom:0;min-height:calc(61px + env(safe-area-inset-bottom));padding:6px 7px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#fff;color:#245147;border-radius:14px 14px 0 0;box-shadow:0 -5px 20px #061e2a35}
 .app-landing-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:46px;justify-content:center;padding:2px;background:transparent;border:0;color:#416d69;font-size:9px}.app-landing-nav button span{font-size:22px;line-height:1.05}.app-landing-nav button:first-child{color:#075b43;font-weight:800}
 .app-landing-nav button.request span{display:grid;place-items:center;width:31px;height:31px;margin-top:-10px;border-radius:50%;background:#0b9361;color:white;font-size:24px;box-shadow:0 3px 8px #095a4960}
 .app-landing-nav button.active{color:#075b43;font-weight:800}
 .app-exploring .app-landing-photo{opacity:.25}
 .app-exploring .app-landing-slogan,.app-exploring .app-landing-card,.app-exploring .app-landing-benefits,.app-exploring .app-landing-bottom-slogan{display:none}
 .app-landing-panel{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:26px;overflow-y:auto;padding:0 0 16px;color:white}
 .app-landing-panel-head{display:flex;gap:10px;align-items:center}
 .app-landing-panel-head>button{flex:none;width:36px;height:36px;border:1px solid #ffffff8c;border-radius:10px;background:#ffffff21;color:white;font-size:28px;line-height:1}
 .app-landing-panel-head p{margin:0 0 3px;color:#83e7b4;font-size:9px;font-weight:800;letter-spacing:1.3px}
 .app-landing-panel-head h1{margin:0;color:white;font-size:24px;line-height:1.1;letter-spacing:-.7px}
 .app-landing-panel>p{font-size:12px;line-height:1.45;color:#e6f4ed;margin:12px 0 15px}
 .app-landing-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .app-landing-category{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:103px;text-align:left;padding:12px;background:#ffffffed;border:1px solid #dcece7;border-radius:13px;color:#113c35}
 .app-landing-category span{color:#0b9865;font-size:22px;line-height:1}.app-landing-category strong{font-size:13px;line-height:1.2}.app-landing-category small{margin:0;color:#416b61;font-size:10px}
 .app-landing-category:active{transform:scale(.98)}
 .app-landing-faq{background:#ffffffef;color:#17453b;border-radius:13px;padding:0 15px 10px}
 .app-landing-faq details{margin:0;padding:12px 0;border-bottom:1px solid #d8e9e2}
 .app-landing-faq details:last-child{border-bottom:0}.app-landing-faq summary{font-size:12px;font-weight:750;color:#17453b}.app-landing-faq p{font-size:11px;line-height:1.45;color:#486b60}
 .app-landing-support{display:block;width:100%;margin:15px 0 0;padding:12px;border:0;border-radius:10px;background:#16a36b;color:white;text-align:center;font-size:12px;font-weight:800;text-decoration:none}
 body:has(#auth:not(.hidden)){background:#092c40}
 body:has(#auth:not(.hidden)) .site-header,body:has(#auth:not(.hidden)) footer{display:none!important}
 body:has(#auth:not(.hidden)) main{padding:0;max-width:none}
 #home~#auth.auth-layout{display:block;width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:25px 16px 44px;background:linear-gradient(180deg,#071f33cf,#0b3a48ad 38%,#092c40 75%),url('/assets/images/mobile-login-hero.webp') center top/cover no-repeat;color:white}
 #auth .intro{background:none;padding:0;border:0;box-shadow:none}
 body.home-view.mobile-app-welcome:has(#app-landing-error:not(.hidden)) #notice{display:none!important}
 #auth .intro>*:not(.auth-hero-copy){display:none}
 #auth .auth-hero-copy{display:block}
 #auth .auth-hero-copy .entry-eyebrow{margin:0 0 11px;color:#8ee4b6;font-size:9px;font-weight:850;letter-spacing:1.1px}
 #auth .auth-hero-copy h1{font-size:37px;line-height:1.02;letter-spacing:-1.6px;color:white;margin:0}
 #auth .auth-hero-copy h1 em{color:#77edaf}
 #auth .auth-hero-copy>p:not(.entry-eyebrow){color:#e8f6f1;font-size:12px;line-height:1.35;max-width:310px;margin:11px 0 0}
 #auth .auth-hero-copy .entry-perks{display:none}
 #auth .auth-card{margin:27px 0 0;padding:20px;border:0;border-radius:16px;min-height:0;box-shadow:0 15px 40px #031c2d85;color:#153b36;background:white}
 body.service-intent-view #auth .auth-card{min-height:0;margin:0;border-radius:16px;padding:20px}
 #auth .auth-card .tabs{margin-bottom:17px}
 body:has(#auth:not(.hidden)) #notice{margin:0 16px 12px;position:relative;z-index:2}
 body:has(#recovery-view:not(.hidden)){background:#0b2d3d}
 body:has(#recovery-view:not(.hidden)) .site-header{background:#0b2d3d;border:0;color:white}
 body:has(#recovery-view:not(.hidden)) .site-header .brand{color:white}
 body:has(#recovery-view:not(.hidden)) .site-header .brand span{color:#65e6a5}
 body:has(#recovery-view:not(.hidden)) main{max-width:none;min-height:calc(100dvh - 64px);padding:60px 16px;background:linear-gradient(180deg,#082e3ebd,#082638ed),url('/assets/images/mobile-login-hero.webp') center top/cover no-repeat}
 body:has(#recovery-view:not(.hidden)) #recovery-view{max-width:430px;margin:0 auto;padding:22px;border:0;border-radius:16px;box-shadow:0 16px 36px #061e2db0;background:white;color:#123d34}
}
@media(max-width:650px) and (max-height:720px){.app-landing-card{margin-top:clamp(135px,19dvh,170px)}.app-landing-bottom-slogan{display:none}.app-landing-benefits{margin-top:7px}}