/* Mobile forms stay in document flow so the keyboard cannot trap their controls. */
@media(max-width:700px){
 .studio .hero-station{height:auto;min-height:100svh;padding:88px 0 40px}
 .studio .hero{position:relative!important;top:auto!important;left:auto!important;translate:none!important;margin:0 auto!important;min-height:calc(100svh - 128px)!important;height:auto!important;padding:20px 0!important}
 .studio input,.studio select,.studio textarea,.studio #demo-email,.studio .chatbox input,.studio #hero-business,.studio #business{font-size:16px!important}
 .studio input,.studio select,.studio .send{min-height:44px}
 .studio nav .navlinks>a[href="/entrar"]{display:inline-flex!important;align-items:center;min-height:44px}
 .studio nav .navlinks{gap:10px!important}
 .studio nav .nav-try{min-height:44px;padding:10px 12px!important}
 .studio .footerlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;max-width:100%;min-width:0}
 .studio .footerlinks a{display:inline-flex;align-items:center;min-height:44px}
 .studio footer{flex-wrap:wrap;gap:18px;max-width:100%}
 .studio .mobile-tabs button,.studio .demo-modes button,.studio .suggestions button,.studio .tour-controls button{min-height:44px!important}
 .studio .suggestions{flex-wrap:wrap}
 #demo-email-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px}
 #demo-email-close{min-width:44px;min-height:44px;top:4px;right:4px}
 #demo-email-title{padding-right:10px}
 .places-popover ul{max-height:min(250px,35dvh)!important;overscroll-behavior:contain}
 .hero-search-input:focus-within,.setup-business-search:focus-within{z-index:45}
 .places-popover.opens-up{top:auto!important;bottom:calc(100% + 6px)!important}
 .studio .hero .hero-search-row{overflow:visible!important}
 .studio .generation-stage{max-height:none!important}
}
@media(max-width:360px){.studio nav{padding:0 12px!important}.studio nav .logo{font-size:23px!important}.studio nav .navlinks{gap:8px!important;font-size:12px!important}.studio nav .nav-try{font-size:11px!important;padding:8px 10px!important}}
@media(max-width:700px) and (max-height:500px){.studio .hero-station{padding-top:78px}.studio .hero h1{font-size:34px!important}.studio .hero-business-form{margin-top:24px!important}.studio .hero{min-height:0!important}}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px){
 .studio .hero-station{height:auto;min-height:100svh;padding:100px 0 36px}
 .studio .hero{position:relative!important;left:auto!important;top:auto!important;translate:none!important;margin:auto!important;height:auto!important;min-height:0!important;padding:0!important}
 .studio .hero h1{font-size:42px!important;letter-spacing:-2px!important}
 .studio .hero-business-form{margin-top:24px!important}
 .studio input{font-size:16px!important}
 .studio .after-hero>.presentation-section{max-width:min(760px,95vw)!important}
 .studio .demo-scroll-stage .workspace{grid-template-columns:minmax(0,280px)!important}
 .studio .demo-shell{width:280px!important}
 .scroll-product{height:auto!important}
 .scroll-product-stage{position:relative!important;height:auto!important;min-height:560px;padding-top:50px;padding-bottom:50px}
 .scroll-product-intro{display:none!important}
 .scroll-product-content{opacity:1!important;transform:none!important;gap:32px!important}
 .story-device{width:250px;height:460px}
 .scroll-promises p{font-size:36px!important}
}
@media(max-width:700px){.studio .experience .workspace .phone-frame .chatbox input#message{font-size:16px!important;min-height:44px!important}.studio .experience .workspace .phone-frame .chatbox .send{min-width:44px!important;min-height:44px!important}}
@media(max-width:1000px){.studio .hero input#hero-business,.studio #setup input#business,.studio #demo-email-dialog input#demo-email,.studio .experience .workspace .phone-frame .chatbox input#message{font-size:16px!important}}