*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background-color:#f3f6fb}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){.page-root{height:auto!important;min-height:100vh;min-height:100dvh;overflow:auto!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top-bar{padding:1.25rem 1.5rem .75rem!important}.top-bar .logo{font-size:2.5rem!important}.hero{flex-direction:column!important;gap:3rem!important;padding:2rem 1.5rem 3rem!important;align-items:center!important;justify-content:flex-start!important}.hero-copy{padding-right:0!important}.hero-copy h1{font-size:2rem!important;white-space:normal!important}.hero-copy .subtitle{font-size:.78rem!important}.hero-mockup img{height:auto!important;width:260px!important;max-height:none!important}}