/* menu do celular (só telas pequenas; o desktop não muda) */
.menu-btn{display:none}
@media (max-width:760px){
  html,body{overflow-x:clip}
  .top{flex-wrap:nowrap;padding-top:10px;padding-bottom:10px}
  .brand img{height:32px}
  .brand span{display:none}
  .menu-btn{display:grid;place-items:center;width:48px;height:48px;border-radius:99px;border:1px solid #3a3a3a;background:#000;color:#fff;position:relative;z-index:95;cursor:pointer;padding:0}
  .menu-btn i{position:absolute;left:14px;right:14px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.7,0,.2,1),opacity .2s}
  .menu-btn i:nth-child(1){transform:translateY(-6px)}
  .menu-btn i:nth-child(3){transform:translateY(6px)}
  body.menu-open .menu-btn i:nth-child(1){transform:rotate(45deg)}
  body.menu-open .menu-btn i:nth-child(2){opacity:0}
  body.menu-open .menu-btn i:nth-child(3){transform:rotate(-45deg)}
  .top .nav{position:fixed;inset:0;z-index:90;background:#000;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:4px;padding:90px 24px 40px;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
  body.menu-open .top .nav{opacity:1;visibility:visible;transition:opacity .3s}
  body.menu-open{overflow:hidden}
  .top .nav a{font-family:'Poppins',sans-serif;font-weight:800;font-size:46px;letter-spacing:-.03em;text-transform:none;padding:4px 0;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
  .top .nav a.on{color:#DBFF00}
  body.menu-open .top .nav a{opacity:1;transform:none}
  body.menu-open .top .nav a:nth-child(2){transition-delay:.05s}
  body.menu-open .top .nav a:nth-child(3){transition-delay:.1s}
  body.menu-open .top .nav a:nth-child(4){transition-delay:.15s}
  body.menu-open .top .nav a:nth-child(5){transition-delay:.2s}
  .top .nav a.cta{font-size:18px;font-weight:600;letter-spacing:0;margin-top:24px;padding:16px 28px;color:#000}
}