.mobile-nav{display:none;position:relative;margin:0}
.mobile-nav summary{list-style:none;cursor:pointer;user-select:none}
.mobile-nav summary::-webkit-details-marker{display:none}

@media(max-width:800px){
  .site-header,.app-header{gap:8px}
  .site-header>nav{display:none}
  .sub-header .logo span{font-size:21px}
  .mobile-nav{display:block;flex:0 0 auto;margin-left:0}
  .mobile-nav summary{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:2px solid var(--line);border-radius:8px;box-shadow:2px 2px 0 var(--line);font-size:22px;line-height:1}
  .mobile-nav summary b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .mobile-nav[open] summary{background:var(--pink,#f4c9c4)}
  .site-header .mobile-nav nav,.app-header .mobile-nav nav{display:grid;position:fixed;left:0;right:0;top:64px;z-index:80;background:var(--paper);border-bottom:3px solid var(--line);padding:10px 12px 14px;box-shadow:0 8px 0 rgba(73,59,50,.18);gap:7px}
  .site-header .mobile-nav nav{top:66px}
  .mobile-nav nav a{display:block;text-decoration:none;background:#fff;border:2px solid var(--line);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:900;color:var(--ink)}
  .mobile-nav nav a:last-child{background:var(--navy,#24324a);color:#fff}
  .site-header .mini-cta{margin-left:auto;font-size:14px;padding:8px 10px;background:linear-gradient(135deg,#d19a42 0%,#31808a 55%,#1f5966 100%);color:#fff}
  .app-header-actions{margin-left:auto}
  .app-header .avatar{display:none}
}

@media(max-width:360px){
  .mobile-nav summary{width:40px;height:40px}
  .site-header .mini-cta,.app-header .trial-link{font-size:12px;padding:7px 8px}
}