/* Extra-tight tweaks for very small screens */
@media(max-width:420px){
  .title{font-size:28px}
  .kpis{grid-template-columns:1fr}
  .menu{display:none !important}
  .btn{padding:11px 16px}
  .hero-main{border-radius:18px}
  .ribbon .mini{padding:8px 10px}
}