@media (max-width: 860px){
  .wrap{padding:10px 10px 48px}
  .hero{padding:22px 18px;border-radius:20px;margin-bottom:10px}
  .hero h1{font-size:32px;line-height:1.08}
  .hero p{font-size:15px}

  .layout{display:block}
  .side{
    position:sticky;
    top:8px;
    z-index:50;
    display:block;
    overflow:visible;
    border-radius:18px;
    margin:0 0 14px;
    padding:10px;
    background:#36413f;
    box-shadow:0 8px 22px rgba(28,38,35,.16);
  }

  .mobile-nav-header{
    display:flex;
    align-items:center;
    gap:11px;
    min-height:48px;
  }
  .mobile-menu-toggle{
    min-width:86px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:#4a5854;
    color:#fff;
    font-weight:800;
    cursor:pointer;
  }
  .mobile-menu-icon{font-size:20px;line-height:1}
  .mobile-current-step{min-width:0;display:flex;flex-direction:column;line-height:1.2}
  .mobile-step-eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b9c5c1;font-weight:800}
  .mobile-current-step strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .progress{padding:9px 3px 5px;color:#e8efeb;font-size:11px}
  .bar{height:5px;margin-top:4px}

  .nav{
    display:none;
    width:100%;
    text-align:left;
    margin:3px 0;
    padding:12px 13px;
    border-radius:12px;
    font-size:14px;
  }
  .mobile-menu-open .nav{display:block}
  .mobile-menu-open .progress{margin-bottom:7px}
  .mobile-menu-open .nav.active{background:#eef4f0;color:#314039;font-weight:900}

  .mobile-next-step{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:8px;
    padding:10px 11px;
    border-radius:14px;
    background:#f5f1eb;
    color:#314039;
  }
  .mobile-menu-open .mobile-next-step{display:none}
  .mobile-next-copy{min-width:0;display:flex;flex-direction:column;line-height:1.25}
  .mobile-next-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7f8985;font-weight:800}
  .mobile-next-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-next-button{
    flex:none;
    min-height:42px;
    border:0;
    border-radius:11px;
    padding:0 13px;
    background:#8f626e;
    color:#fff;
    font-weight:900;
    cursor:pointer;
  }

  .side-note,.fresh-workspace{display:none!important}

  .panel{scroll-margin-top:154px}
  .card{padding:19px 17px;border-radius:18px}
  .card h2{font-size:25px}
  .grid2,.grid3,.identityRow,.revealGrid,.downloads{grid-template-columns:1fr}
  textarea{min-height:124px}
  .footerNav{gap:10px}
  .footerNav .btn{flex:1;min-height:44px}
  .downloadAll{align-items:flex-start;flex-direction:column}
  .downloadAll .btn{width:100%}
}

@media (min-width: 861px){
  .mobile-nav-header,.mobile-next-step{display:none!important}
}