/* Единый ритм страницы: заголовки, отступы, левый край, подписи на фото. Только публичная главная. */
main .section-heading h2,
main .platform-section .section-heading h2,
main .application-showcase .section-heading h2,
#platform .pd-heading h2,
main .contact-section h2{font-size:clamp(32px,4.4vw,64px);line-height:1.08;margin-bottom:20px}
main .section-heading{margin-bottom:clamp(32px,4vw,56px)}
#platform .pd-heading{margin-bottom:32px}
main > section.section{padding-block:clamp(64px,7.5vw,108px)}
main > #platform.platform-section{width:min(100%,1440px);max-width:1440px;padding-top:clamp(48px,5vw,72px);padding-inline:clamp(20px,3.2vw,76px)}
main > section.application-showcase.wrap{width:min(100%,1440px);max-width:1440px;padding-inline:clamp(20px,3.2vw,76px)}

/* Польза: заголовок не ломается на 4 строки */
.benefit-section .benefit-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(32px,4vw,64px)}
.benefit-section .section-heading h2{font-size:clamp(32px,3.9vw,56px)}
@media(max-width:980px){.benefit-section .benefit-layout{grid-template-columns:1fr}}

/* Подписи на фотографиях читаются на светлом небе */
.application-photo:after{background:linear-gradient(180deg,#00000014 0%,#00000033 30%,#000000b3 62%,#000000f0 100%)}
.application-photo-copy span{font-size:11px;text-shadow:0 1px 8px #000,0 0 2px #000}

/* Кнопки «показать контакт» выглядят как остальные кнопки блока */
button.contact-action{appearance:none;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;text-align:left;cursor:pointer}
button.contact-action:focus-visible,a.contact-action:focus-visible{outline:2px solid #f4b000;outline-offset:3px}

/* Shared text wordmark: Onest 700, matching the cabinet. */
html body .site-header .header-inner > a.brand,html body .site-footer > a.brand{display:inline-flex!important;align-items:center;gap:11px!important;font-family:'Onest','Segoe UI',sans-serif!important;font-weight:700!important;font-size:clamp(20px,1.7vw,24px)!important;letter-spacing:.14em!important;line-height:1!important;white-space:nowrap}
html body .site-header .header-inner > a.brand{color:#0b0f12!important}
html body .site-footer > a.brand{color:#f4f6f8!important}
html body .site-header .header-inner > a.brand::before,html body .site-footer > a.brand::before{content:none!important;display:none!important;background:none!important;border:0!important}
html body .site-header .header-inner > a.brand > span,html body .site-footer > a.brand > span{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important;color:inherit}
html body .site-footer > a.brand > img{display:none!important}
@media(max-width:600px){html body .site-header .header-inner > a.brand{font-size:17px!important}html body .site-header .header-inner > a.brand::before{width:20px!important;height:20px!important;border-width:2.5px}}

/* Balance the copy with the original 1672 x 941 image within the first screen. */
@media(min-width:981px){
 .hero{min-height:0;padding-block:24px 40px;--hero-media-height:clamp(620px,calc(100svh - 140px),820px)}
 .hero-copy{align-self:center;padding-top:0}
 .hero-visual .hero-diagram{width:min(132%,calc(var(--hero-media-height) * 1672 / 941))}
 html body .site-header .header-inner > a.brand{font-size:clamp(22px,2vw,28px)!important}
 .hero h1{font-size:clamp(44px,3.2vw,58px);line-height:1.1;margin-bottom:24px}
 .site-header .desktop-nav a{font-size:clamp(16px,.95vw,18px);font-weight:550}
 .site-header .desktop-nav{gap:clamp(18px,1.3vw,28px)}
}
@media(min-width:981px) and (max-width:1180px){
 .site-header .desktop-nav a{font-size:15px}
 .site-header .desktop-nav{gap:14px}
}

@media(max-width:600px){html body .site-header .header-inner > a.brand{font-size:19px!important}}

/* Clear, consistent symbols for the audience roles. */
.audience-section .audience-grid > div > b{display:flex;align-items:center;gap:12px;min-height:28px}
.audience-section .audience-role-icon{display:block;flex:none;width:28px;height:28px;color:var(--amber)}

/* Restored yellow ring, shared with the browser favicon. */
html body .site-header .header-inner > a.brand::before{content:""!important;display:block!important;position:static;width:24px!important;height:24px!important;flex:none;box-sizing:border-box;border:3px solid #f4b000!important;border-radius:50%;background:radial-gradient(circle,#f4b000 0 34%,transparent 38%)!important}
@media(max-width:600px){html body .site-header .header-inner > a.brand::before{width:20px!important;height:20px!important;border-width:2.5px!important;background:radial-gradient(circle,#f4b000 0 34%,transparent 38%)!important}}