/* Mobile fit for the fixed nav: same elements, tighter spacing so nothing is clipped. */
@media (max-width:640px){
  [data-nav]{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  [data-nav]>div:first-child{gap:2px!important;min-width:0}
  [data-nav]>div:first-child a{gap:8px!important}
  [data-nav]>div:first-child a span{font-size:20px!important}
  [data-nav]>div:first-child a img{width:34px!important;height:34px!important}
  [data-nav]>div:first-child button{width:30px!important}
  [data-nav]>div[style*="contents"]>div:last-child{grid-column:2!important;gap:6px!important}
  [data-nav]>div[style*="contents"]>div:last-child a{padding:0 14px!important}
}
@media (max-width:360px){
  [data-nav]>div[style*="contents"]>div:last-child a:first-child{display:none!important}
}

/* How it works on mobile: the section grows with its content and the mockup lives inside the open item. */
@media (max-width:839px){
  #benefits{height:auto!important;min-height:0!important}
  #benefits>div{flex:none!important}
  #benefits>div>div:first-child{padding-bottom:0!important}
  [data-astage].au-mob-stage{margin:24px 0 0 0!important;min-height:460px;width:100%}
}
/* Pricing accordion */
.au-plan-open .au-plus{transform:rotate(45deg)}