@media(max-width:760px){
  html,body{overflow-x:hidden}
  .site-header{width:100%;justify-content:space-between}
  .site-header .header-actions{display:flex;margin-left:auto;flex:0 0 auto}
  .site-header .btn-white{display:inline-flex}
  .site-header .logo img{display:block}
  .hero,.hero-copy,.hero-product{min-width:0;width:100%}
  .hero{width:calc(100% - 28px)}
  .hero-copy{overflow:hidden}
  .hero h1{font-size:43px;letter-spacing:-2.5px;overflow-wrap:anywhere}
  .hero-product{position:relative;overflow:hidden}
  .dashboard-preview{position:absolute;left:50%;top:15px;transform:translateX(-50%) scale(.72);transform-origin:top center}
  .hero-copy>p{max-width:100%;padding:0 4px}
}