/* v15 typography after the TradePA comparison: condensed uppercase headings (Oswald) and larger, darker body text. */
/* Loaded last; !important because the v6-v14 layers set sizes with selectors of every specificity. */
:root{--display:Oswald,'Avenir Next Condensed','Arial Narrow','Roboto Condensed',sans-serif-condensed,sans-serif;--ink:#22342E;--ink-on-dark:#D3E0DA}

/* headings: пока Oswald грузится (или Google Fonts недоступен) - узкие системные шрифты, длинное слово переносится, а не раздвигает страницу */
h1,h2,h3{overflow-wrap:break-word}
h1,h2,#features h3,#everyday h3,#demo h3,#audience h3{font-family:var(--display)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.01em!important}
h1{font-size:clamp(58px,6.2vw,92px)!important;line-height:1.04!important;font-weight:700!important}
h2{font-size:clamp(40px,4.3vw,62px)!important;line-height:1.06!important}
#download h2{font-size:clamp(46px,5vw,74px)!important}
#features h3,#everyday h3,#demo h3,#audience h3{font-size:clamp(24px,2.1vw,30px)!important;line-height:1.08!important}
/* four narrow trade cards: «благоустройство» must fit or break */
#audience h3{font-size:clamp(20px,1.8vw,28px)!important;hyphens:auto;overflow-wrap:anywhere}

/* light sections: body text 17px in dark ink */
#features .benefits-three p,#everyday .everyday-card p,#audience .audience-heading>p,.referral-v10 p:not(.eyebrow),#questions .faq-intro,#questions .faq-list p{font-size:17px!important;line-height:1.6!important;color:var(--ink)!important}
#questions .faq-list summary{font-size:18px!important}
#audience .trade-names li{font-size:15px!important}
#audience .trade-details summary{font-size:13px!important}
#audience .audience-use,#audience .audience-photo span{font-size:13px!important}
.conversion-cta p{font-size:21px!important}
.conversion-cta small{font-size:14px!important;color:var(--ink)!important}
#features .benefit-count{font-size:12px!important}

/* dark sections: body text 17-19px in light ink */
.hero-lead{font-size:19px!important;line-height:1.6!important;color:#DCE7E2!important}
.hero-note{font-size:13px!important;color:#B9CCC4!important}
.hero-proof span{font-size:14px!important}
.how-lead{font-size:17px!important;line-height:1.6!important;color:var(--ink-on-dark)!important;max-width:460px!important}
.how-note{font-size:13px!important}
.how-count{font-size:12px!important}
.how-description{font-size:17px!important;line-height:1.6!important;color:var(--ink-on-dark)!important}
.how-example{font-size:15px!important;line-height:1.6!important;color:#E6EEEA!important}
.how-screen figcaption,.how-position{font-size:13px!important}
.how-tabs button{font-size:14px!important}
.field-copy p:not(.eyebrow){font-size:18px!important;line-height:1.6!important}
#money .money-copy>p:not(.eyebrow){font-size:17px!important;line-height:1.65!important;color:var(--ink-on-dark)!important}
#money .money-copy .money-subcopy{font-size:14px!important}
#money .money-rule{font-size:12px!important}
#money .money-rule>strong{font-size:14px!important}
.real-money figcaption{font-size:13px!important;color:#9DB5AA!important}
#download .closing-content>p:not(.eyebrow),#download .store-status{font-size:18px!important}
#download .download-demo{font-size:14px!important}
#download .closing-content>p:not(.eyebrow){margin-left:auto!important;margin-right:auto!important}
#audience .audience-foot>span{font-size:14px!important;color:var(--ink)!important}

/* labels, buttons, navigation */
.eyebrow{font-size:12px!important}
.button{font-size:15px!important}
.button-small{font-size:13px!important}
@media(min-width:701px){.site-header nav a{font-size:14px!important}}
.text-link{font-size:14px!important}
.hand-toggle{font-size:13px!important}
footer .footer-content,footer .footer-content p,footer .footer-content a,footer .footer-content span{font-size:13px!important}

@media(max-width:700px){
 h1{font-size:52px!important}
 h2{font-size:38px!important}
 #download h2{font-size:42px!important}
 #features h3,#everyday h3,#demo h3,#audience h3{font-size:24px!important}
 .hero-lead{font-size:17px!important}
 #features .benefits-three p,#everyday .everyday-card p,#audience .audience-heading>p,.referral-v10 p:not(.eyebrow),#questions .faq-intro,#questions .faq-list p,.how-description,.how-lead,.field-copy p:not(.eyebrow),#money .money-copy>p:not(.eyebrow){font-size:16px!important}
 #questions .faq-list summary{font-size:16px!important}
 #audience h3{font-size:19px!important}
 .how-tabs button{font-size:12px!important}
 .site-header .nav-cta{font-size:12px!important;white-space:nowrap}
}
@media(max-width:360px){h1{font-size:44px!important}h2{font-size:33px!important}#audience h3{font-size:16px!important}.how-tabs button{font-size:11px!important}}
/* tabs: the five labels must fit the tab strip at every width (after the base size above) */
@media(max-width:1100px){.how-tabs button{font-size:13px!important}}
@media(max-width:1000px){.how-tabs button{font-size:12px!important}}
@media(max-width:360px){.how-tabs button{font-size:11px!important}}
@media(max-width:360px){.site-header .nav-cta{white-space:normal}}
@media(max-width:700px){footer .footer-content nav{flex-wrap:wrap;row-gap:10px}}
/* bigger step text: keep the controls in place when switching steps */
.how-v13.is-enhanced .how-step-copy{min-height:252px!important}
@media(max-width:1000px){.how-v13.is-enhanced .how-step-copy{min-height:292px!important}}
@media(max-width:700px){.how-v13.is-enhanced .how-step-copy{min-height:0!important}}