/* Responsive layout overrides, shared by all languages. */
html{ -webkit-text-size-adjust:100%; }img,video{max-width:100%}main{min-width:0}input,textarea,select{font-size:max(16px,1em)}
@media(max-width:1023px){
main section:first-child>div.flex{min-height:0!important}
main section:first-child>div.flex>div{flex-basis:auto!important;max-width:100%!important;width:100%;min-width:0}
main section:first-child>div.flex>div:first-child{padding:48px 28px}
main section:first-child>div.flex>div:last-child{min-height:340px!important}
main section:first-child h1{line-height:1.08!important}
main section:first-child h1 span{font-size:clamp(34px,5.5vw,56px)!important;overflow-wrap:normal}
main section:first-child p{max-width:42rem}
main section:first-child>div.flex>div:last-child>div.pointer-events-none{background:linear-gradient(to bottom,#F8FAFF,transparent 30%)!important}
main h2{overflow-wrap:break-word}main .grid>*{min-width:0}
}
@media(max-width:639px){
main section:first-child>div.flex>div:first-child{padding:36px 20px 32px}
main section:first-child>div.flex>div:last-child{min-height:250px!important;max-height:360px}
main section:first-child h1 span{font-size:clamp(30px,8.2vw,40px)!important;line-height:1.12!important}
main h2{font-size:clamp(25px,7vw,32px)!important;line-height:1.25!important}
main h3{line-height:1.35!important}main p{line-height:1.75;overflow-wrap:anywhere}
main section.py-32,main section.py-24{padding-top:48px;padding-bottom:48px}
main section.py-16{padding-top:32px;padding-bottom:32px}
main .px-8{padding-left:20px;padding-right:20px}
main button{max-width:100%;white-space:normal}
main button:not([style*="height"]){min-height:44px}
main .flex.gap-4{flex-wrap:wrap}footer{overflow-wrap:anywhere}
nav[aria-label="Languages"]{font-size:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
}

/* Keep the company name and product introduction on one line when there is room. */
@media(min-width:768px){
  div.max-w-5xl.mx-auto.text-center:has(> .relative.flex.flex-col.items-center > h1.max-w-4xl){max-width:80rem!important}
  h1.max-w-4xl.mx-auto{width:max-content;max-width:calc(100vw - 2.5rem)!important;font-size:clamp(30px,3.8vw,60px)!important;white-space:nowrap}
}
@media(min-width:1280px){
  div.max-w-7xl.mx-auto.text-center>p.text-gray-500.text-lg.mx-auto{max-width:100%!important;font-size:clamp(14px,1.15vw,18px)!important;white-space:nowrap}
}