*{box-sizing:border-box}html,body{overflow-x:hidden;margin:0;padding:0}:root{--app-bar-height: 64px}#root{margin:0 auto;padding:0;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#111827;color:#fff;padding:.5rem .75rem;border-radius:.25rem;z-index:1001}.app-bar{position:fixed;top:0;left:0;width:100%;max-width:100vw;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;color:#000;height:var(--app-bar-height);right:0}.app-bar-right{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.nav-link{color:#374151;text-decoration:none;margin:0 .25rem}.nav-link:hover{color:#111827;text-decoration:underline}.app{width:100%;max-width:100vw;overflow-x:hidden}.content{max-width:min(960px,100vw);width:100%;margin:0 auto;margin-top:var(--app-bar-height);padding:1rem;box-sizing:border-box}.hero{background:linear-gradient(180deg,#049be014,#049be000);border-radius:16px;padding:2rem 1rem;margin-top:1rem;box-sizing:border-box;max-width:100%}.logo-in-text{max-width:13rem}.section-with-logo{display:flex;align-items:center;gap:1.25rem;padding-bottom:2rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.section{align-items:center;display:flex;padding:2rem 0;gap:1rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.desktop-nav{display:flex}.mobile-menu-button-wrapper{display:none}.mobile-nav{display:none;background:#fff}@media (max-width: 800px){.desktop-nav,.login-button{display:none}.mobile-menu-button-wrapper{display:inline-flex}.mobile-nav{display:flex;flex-direction:column;background:#fffffff5;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem 1rem;gap:.5rem;position:static;max-height:none;overflow:visible;top:auto;left:auto;right:auto;margin-top:var(--app-bar-height);border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;max-width:100%}.mobile-nav a{text-decoration:none;color:#111827;padding:.6rem 0;font-size:1.05rem}.mobile-nav a:hover{text-decoration:underline}.content{margin-top:calc(var(--app-bar-height) + .5rem);padding:1rem .75rem}.section-with-logo{flex-direction:column;align-items:center;text-align:center}.logo-in-text{order:-1;margin-bottom:1rem;max-width:200px}.section{flex-direction:column;align-items:center;text-align:left;flex-wrap:wrap}.section>div{order:1;width:100%}.section>img{order:2;margin-top:1rem}.section>.screenshot{order:2;margin-top:1rem;max-width:90%;width:auto;margin-left:auto;margin-right:auto}.section>.screenshot-small{order:2;margin-top:1rem;max-width:45%;width:auto;flex:0 0 45%}}@media (max-width: 640px){.content{padding:1rem .5rem}.screenshot{max-width:95%;margin:1rem auto 0;width:auto}.screenshot-small{max-width:48%;flex:0 0 48%;margin:1rem 1% 0}.logo-in-text{max-width:180px}}@media (max-width: 600px){.app-bar{padding:.5rem .25rem}.content{padding:.75rem .5rem}.hero{padding:1.5rem .75rem}.section,.section-with-logo{gap:.75rem}}@media (max-width: 480px){.content{padding:.75rem .5rem}.hero{padding:1.5rem .75rem}.hero-cta{flex-direction:column;align-items:stretch}.button{width:100%}.screenshot{max-width:100%;margin:1rem auto 0}.screenshot-small{max-width:48%;flex:0 0 48%;margin:1rem 1% 0}.section{padding:1.5rem 0}.section-with-logo{padding-bottom:1.5rem}.logo-in-text{max-width:150px}}section[id],#main{scroll-margin-top:calc(var(--app-bar-height) + 8px)}.lead{font-size:1.125rem;color:#374151}.hero-cta{margin-top:1rem;display:flex;gap:.5rem}.screenshot{max-width:70%;height:auto;margin-left:.5rem;margin-right:.5rem;border-radius:12px;box-shadow:0 6px 20px #00000014}.screenshot-small{max-width:20%;height:auto;margin-left:.5rem;margin-right:.5rem;border-radius:12px;box-shadow:0 6px 20px #00000014}.logo{height:40px}.login-button{margin-left:.5rem}.translate-button{padding-right:.5rem}.button{padding:.55rem 1rem;font-size:1rem;color:#111827;background-color:#fff;border:2px solid #049BE0;border-radius:999px;cursor:pointer;min-width:120px}.button:hover{background-color:#049be01f}.button.primary{background:#049be0;color:#fff;border-color:#049be0}.button.primary:hover{background:#037fb8}.button.secondary{background:#fff}.store-links{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0 1.5rem;flex-wrap:wrap}.site-footer{margin-top:2rem;padding:1.25rem 0;color:#6b7280;border-top:1px solid #e5e7eb;font-size:.9rem}img{max-width:100%;height:auto;display:block}h1,h2,p{overflow-wrap:anywhere;word-break:break-word}