/* Responsive refinements shared by the public website. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.header,.footer,.product-hero,.product-sections>section{min-width:0}
.product-hero>div,.product-sections>section>div{min-width:0}
.product-hero h1,.product-sections h2,.product-hero p,.product-sections p{overflow-wrap:anywhere}
.language-options{max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
.mobile-menu{overscroll-behavior:contain;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}
@media(min-width:1921px){body[data-page="website-home"] .hero{max-width:1920px;margin-inline:auto}body[data-page="website-home"] .header{max-width:1920px;margin-inline:auto}body[data-page="website-home"] .hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,var(--bg),transparent 8%,transparent 92%,var(--bg))}}
@media(min-width:761px) and (max-width:1100px){
body[data-page="website-home"] .hero-copy{top:0;padding-top:180px;width:42%;max-width:42%}
body[data-page="website-home"] .hero h1,html[lang=ru] body[data-page="website-home"] .hero h1,html[lang=it] body[data-page="website-home"] .hero h1{font-size:clamp(36px,5.5vw,61px)}
body[data-page="website-home"] .hero-copy p{font-size:17px;line-height:1.45;white-space:normal}
body[data-page="website-home"] .hero-conversation{width:29%;top:55%;font-size:12px;padding:14px}
.conversation-heading{gap:12px}.conversation-heading>span:first-child{padding-right:12px}
.product-hero{gap:5%;padding-top:44px}.product-hero h1{font-size:clamp(34px,4.6vw,50px)}.product-hero>img{height:380px}
.header nav{gap:24px}.support-header{flex-wrap:wrap}.support-header nav{gap:18px}
.footer{flex-wrap:wrap}.footer nav{gap:18px}
}
@media(max-width:760px){
.header .language-toggle,.header .mobile-toggle{min-height:44px;min-width:44px;justify-content:center}
.header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}
.footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}
.products-menu{width:min(480px,calc(100vw - 32px))}
.product-hero>img{height:auto;aspect-ratio:1.4;object-fit:cover}
.product-hero h1{font-size:clamp(32px,9vw,46px)}
.product-sections h2{font-size:clamp(25px,7vw,32px)}
.legal{padding-inline:5%}.legal nav{gap:14px}.legal h1{overflow-wrap:anywhere}
.support-header>nav a{min-height:44px;display:inline-flex;align-items:center}
body[data-page="website-home"] .mobile-card-description{font-size:clamp(12px,3vw,15px)}
}
@media(hover:none){.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@supports not (backdrop-filter:blur(1px)){.hero-conversation{background:#092127}}
@media(min-width:761px) and (max-width:1100px){body[data-page="website-home"] .hero-conversation{left:5%;right:auto;top:auto;bottom:28px;width:35%;max-width:330px}}
@media(min-width:1101px){html[lang=ru] body[data-page="website-home"] .hero h1,html[lang=it] body[data-page="website-home"] .hero h1{font-size:clamp(54px,4.7vw,82px)}}
@media(min-width:761px) and (max-width:1100px){body[data-page="website-home"] .hero{height:780px;min-height:780px}}