@media (max-width: 768px){
  .container{padding:14px}
  .nav{position:static}
  .nav-inner{flex-direction:column;align-items:flex-start}
  .menu{width:100%}
  .menu a{flex:1 1 45%;text-align:center}

  .hero-cta{position:static;transform:none;padding:12px}
  .btn{width:100%;justify-content:center}
  .grid{grid-template-columns:1fr}
  .card.span6,.card.span4{grid-column:span 12}

  .row > *{min-width:100%}
  .kpis{flex-direction:column}

  .topbar{flex-direction:column;gap:10px;align-items:flex-start}
  .panel .grid{grid-template-columns:1fr}
  .col{min-height:auto}
  .bottom{grid-template-columns:1fr}
  .note{flex-direction:column;align-items:flex-start}
  .table-wrap{max-height:none}
}