@media(max-width:980px){
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;left:calc((var(--sidebar-width) + 20px) * -1);width:var(--sidebar-width);transition:left var(--transition-standard)}
  .sidebar.open{left:0}
  .overlay.show{display:block;position:fixed;inset:0;background:var(--overlay);z-index:25}
  .mobile-only{display:block}
  .topbar{padding:0 var(--space-4);gap:var(--space-3)}
  .top-actions{gap:var(--space-2);min-width:0}
  .search{width:min(220px,30vw)}
  .search-status{min-width:min(220px,70vw)}
  main{padding:var(--space-5)}
  .hero{grid-template-columns:1fr;padding:var(--space-8)}
  .hero-visual{min-height:320px}
  .features,.stats{grid-template-columns:repeat(2,1fr)}
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  h1{font-size:clamp(2.25rem,10vw,2.625rem)}h2{font-size:clamp(1.875rem,8vw,2.25rem)}
  .topbar{height:auto;min-height:80px;flex-wrap:wrap;padding-top:var(--space-3);padding-bottom:var(--space-3)}
  .top-actions{width:100%;order:3}
  .search-wrap{flex:1}
  .search{width:100%}
  .search-status{left:0;right:auto;min-width:min(100%,280px)}
  main{padding:var(--space-4)}
  .hero{padding:var(--space-7) var(--space-5);border-radius:var(--radius-xl)}
  .actions{flex-direction:column}.actions button{width:100%}
  .trust{flex-direction:column;gap:var(--space-2)}
  .features,.stats{grid-template-columns:1fr}
  .dash-head{align-items:flex-start;flex-direction:column}
  .beto-hero-image{width:min(270px,82vw);height:320px}
}
@media(max-width:380px){
  main{padding:var(--space-3)}
  .topbar{padding-left:var(--space-3);padding-right:var(--space-3)}
  .hero{padding:var(--space-6) var(--space-4)}
  .float-card{font-size:14px}
}