/* SEO restructure: small keyword H1 above the display title; services as h3; B2B + FAQ sections. */
.hero h1.hero-h1{font:500 10px var(--mono);letter-spacing:.1em;line-height:1.4;text-transform:uppercase;margin:0 0 17px}
.hero .hero-title{font:800 clamp(55px,7.7vw,128px)/.77 var(--condensed);letter-spacing:-.035em;margin:0;text-transform:uppercase}
.hero .hero-title em{font-style:normal;color:var(--orange)}
a.lang{text-decoration:none;display:inline-block}
.service-list h3{margin:0;font:600 clamp(19px,2vw,28px) var(--condensed);letter-spacing:.01em}
.b2b{background:var(--blue);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,10vw,160px);padding-top:clamp(75px,10vw,140px);padding-bottom:clamp(75px,10vw,140px)}
.b2b h2,.faq h2{font:800 clamp(48px,6.2vw,94px)/.8 var(--condensed);letter-spacing:-.035em;margin:0;text-transform:uppercase}
.b2b h2{color:var(--yellow)}
.b2b-copy>p{margin:0;font-size:16px;line-height:1.75;max-width:560px}
.b2b-copy ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.25);max-width:560px}
.b2b-copy li{padding:15px 0 15px 26px;border-bottom:1px solid rgba(255,255,255,.25);position:relative;font:600 18px var(--condensed);letter-spacing:.01em}
.b2b-copy li:before{content:'';position:absolute;left:0;top:23px;width:12px;height:2px;background:var(--orange)}
.faq{background:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,10vw,160px);padding-top:clamp(75px,10vw,140px);padding-bottom:clamp(75px,10vw,140px)}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font:500 22px var(--mono);color:var(--orange)}
.faq details[open] summary:after{content:'–'}
.faq summary h3{margin:0;font:600 clamp(19px,1.8vw,24px) var(--condensed);letter-spacing:.01em}
.faq details p{margin:12px 0 0;max-width:560px;font-size:14px;line-height:1.7;color:var(--ink)}
@media(max-width:780px){
  .hero .hero-title{font-size:clamp(58px,19vw,86px)}
  .hero h1.hero-h1{font-size:10px}
  .b2b,.faq{display:block;padding-top:80px;padding-bottom:78px}
  .b2b h2,.faq h2{font-size:49px}
  .b2b-copy,.faq-list{margin-top:36px}
  .b2b-copy>p{font-size:14px}
  .b2b-copy li{font-size:17px}
}
@media(max-width:380px){.hero .hero-title{font-size:56px}.b2b h2,.faq h2{font-size:45px}}

/* Barlow Condensed has no Cyrillic: use Roboto Condensed on the Russian page. */
html[lang=ru]{--condensed:'Roboto Condensed','Barlow Condensed',sans-serif}
@media(max-width:780px){html[lang=ru] .hero .hero-title{font-size:clamp(46px,14vw,80px)}}
html[lang=ru] .proof-item .proof-label{max-width:none;margin-right:6px}
