/* Space for longer Russian headings and labels. */
.hero h1{min-width:0;margin:0}
.hero-product{display:block;margin-left:-.04em}
.hero-message{display:block;max-width:20ch;margin-top:24px;font-family:Telka,Arial,sans-serif;font-size:clamp(32px,4.4vw,68px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.hero-shade{background:linear-gradient(180deg,#00000005 25%,#00000015 45%,#00000099 100%)}
.faq-intro h2{font-size:clamp(36px,3.5vw,56px);line-height:1.08}
.app-card h3,.workflow-caption h3{overflow-wrap:break-word}
@media(max-width:600px){
 .hero-message{font-size:clamp(30px,8.5vw,44px);margin-top:20px;max-width:19ch}
 .workflow-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:24px;gap:4px;padding:6px}
 .workflow-tabs button{min-width:0;font-size:14px;padding:12px 8px}
 .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workflow-grid>.workflow-card{min-width:0;width:100%;aspect-ratio:auto!important;height:285px}
 .workflow-caption h3{font-size:16px;line-height:1.2}
 .club-copy h2{line-height:1.3}
}