/* Responsive refinements for the supplied PRASTORA landing pages.
   Keep the original colour/gradient system while preventing mobile text clipping. */
@media(max-width:640px){
 nav.fixed.top-0>div.max-w-screen-2xl{padding:12px 14px;gap:10px}
 nav.fixed.top-0 a[aria-label^="PRASTORA"] .heading-font{font-size:1.13rem;letter-spacing:-.05em}
 nav.fixed.top-0 a[aria-label^="PRASTORA"] .w-9{width:32px;height:32px;border-radius:10px;font-size:21px}
 nav.fixed.top-0 .gap-x-4{gap:8px}
 nav.fixed.top-0 a[title^="Switch"],nav.fixed.top-0 a[title^="Перейти"]{font-size:12px;padding:9px 10px}
 .hero-bg .max-w-screen-2xl{padding-left:20px;padding-right:20px;gap:36px}
 .hero-bg .space-y-8{min-width:0}
 .hero-bg h1{font-size:clamp(2.08rem,9.2vw,2.75rem)!important;line-height:1.08!important;overflow-wrap:normal}
 .hero-bg p.text-2xl{font-size:1.12rem;line-height:1.56}
 .hero-bg .flex.items-center.gap-x-10.pt-6{flex-wrap:wrap;gap:18px 22px}
 .hero-bg .flex.items-center.gap-x-10.pt-6>div{min-width:130px}
 .hero-bg .text-5xl{font-size:2.02rem}
 .hero-bg .text-xl{font-size:1.06rem}
 .hero-bg .px-10{padding-left:24px;padding-right:24px}
 .hero-bg .py-6{padding-top:18px;padding-bottom:18px}
 .hero-bg .absolute.-bottom-6.-right-6{right:0;bottom:-15px}
 section h2{overflow-wrap:anywhere}
 section h2.text-5xl{font-size:clamp(1.88rem,8.2vw,2.5rem)}
 section .text-6xl{font-size:clamp(2.25rem,10vw,3.1rem)}
}