body.landing-page .nav-menu-toggle{
  display:none;
}

@media(max-width:860px){
  body.landing-page{
    overflow-x:hidden;
  }

  body.landing-page .nav{
    position:sticky;
    top:0;
    height:auto;
    min-height:64px;
    align-items:stretch;
    background:#000;
    z-index:120;
  }

  body.landing-page .nav-inner{
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:10px;
    padding:10px 16px;
  }

  body.landing-page .nav-logo{
    min-width:0;
    font-size:20px;
    line-height:1.1;
    flex-wrap:nowrap;
  }

  body.landing-page .nav-logo .logo{
    height:44px;
    width:auto;
  }

  body.landing-page .nav-menu-toggle{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid var(--c-border2);
    border-radius:10px;
    background:#050910;
    color:var(--c-text);
    cursor:pointer;
  }

  body.landing-page .nav-menu-toggle span{
    width:18px;
    height:2px;
    display:block;
    background:var(--c-text);
    transition:transform .2s var(--ease-out),opacity .2s var(--ease-out);
  }

  body.landing-page .nav-menu-toggle span + span{
    margin-top:4px;
  }

  body.landing-page .nav.open .nav-menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }

  body.landing-page .nav.open .nav-menu-toggle span:nth-child(2){
    opacity:0;
  }

  body.landing-page .nav.open .nav-menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }

  body.landing-page .nav-links,
  body.landing-page .nav-cta{
    grid-column:1 / -1;
    width:100%;
    display:none !important;
  }

  body.landing-page .nav.open .nav-links{
    display:grid !important;
    grid-template-columns:1fr;
    gap:6px;
    padding:10px 0 4px;
  }

  body.landing-page .nav.open .nav-links li{
    list-style:none;
  }

  body.landing-page .nav.open .nav-links a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--c-border2);
    border-radius:10px;
    background:#050910;
    color:var(--c-text);
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
  }

  body.landing-page .nav.open .nav-cta{
    display:grid !important;
    grid-template-columns:1fr;
    gap:10px;
    padding:4px 0 8px;
  }

  body.landing-page .nav-social{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    width:100%;
  }

  body.landing-page .social-link{
    width:100%;
    height:42px;
  }

  body.landing-page .nav-cta .btn{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  body.landing-page #hero{
    padding-top:42px;
  }

  body.landing-page .benefit-title{
    max-width:min(100%, 620px);
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    letter-spacing:0;
    overflow-wrap:normal;
    word-break:normal;
  }

  body.landing-page .benefit-title .benefit-brand{
    display:inline-block;
    white-space:nowrap;
  }

  body.landing-page .benefit-title .benefit-accountable{
    display:inline-block;
    white-space:nowrap;
  }

}

@media(max-width:420px){
  body.landing-page .nav-inner{
    padding:9px 12px;
  }

  body.landing-page .nav-logo{
    font-size:18px;
  }

  body.landing-page .nav-logo .logo{
    height:38px;
  }

  body.landing-page .nav-menu-toggle{
    width:40px;
    height:40px;
  }

  body.landing-page .benefit-title{
    max-width:360px;
    font-size:clamp(29px,9vw,36px);
    line-height:1.12;
  }

  body.landing-page .benefit-title .benefit-brand{
    display:grid;
    justify-content:center;
    gap:0;
    width:100%;
    margin:0 auto 4px;
    white-space:normal;
    line-height:.98;
  }
   body.landing-page .benefit-title .benefit-accountable{
    transform:translateX(-0.55em);
  }
}