/* G091 — better first fold on dedicated public pages, no global CSS edits.
   Keep labels, brand, navy navigation and original content intact. */
.info-page{padding-top:29px;padding-bottom:56px}
.info-intro{padding-bottom:16px;margin-bottom:18px}
.info-intro h1{font-size:clamp(24.8px,2.36vw,32px);line-height:1.12;margin:8px 0 9px;letter-spacing:-.035em}
.info-intro p{font-size:14px;line-height:1.58;margin:0;max-width:920px}
.info-layout{gap:22px}
.info-content{line-height:1.67}
.mp-grid{gap:14px}
.mp-card{padding:19px 20px}
.mp-card h2{margin:5px 0 7px;font-size:19px}
.mp-card p{line-height:1.55;margin-bottom:7px}
.mp-steps{gap:10px}
.mp-steps article{padding:17px 20px}
.mp-steps article h2{margin:0 0 5px;font-size:19px}
.mp-pricing{margin-top:0;margin-bottom:20px}
.mp-pricing-top{padding:20px 23px}
.mp-pricing-top>strong{font-size:clamp(32px,3.8vw,45px);margin:7px 0}
.info-cta{margin-top:19px}
.info-listing article{padding:19px 21px}
.mp-trial-form{margin-top:8px;padding:19px;gap:15px}
/* Blog navigation duplicates the global menu/footer. Wide readable article. */
.info-layout.info-layout-wide .info-content.blog-first-fold-content{max-width:940px;margin-right:auto}
@media(min-width:921px) and (max-height:820px){
 .info-page{padding-top:23px}
 .info-intro{padding-bottom:12px;margin-bottom:15px}
 .info-intro h1{margin:6px 0 7px;font-size:clamp(24px,2.24vw,30.4px)}
 .info-intro p{line-height:1.5}
}
@media(max-width:920px){
 .info-page{padding-top:24px;padding-bottom:45px}
 .info-intro{padding-bottom:14px;margin-bottom:17px}
 .info-intro h1{font-size:clamp(24px,3.6vw,28.8px)}
}
@media(max-width:540px){
 .info-page{padding-top:22px}
 .info-intro h1{font-size:24.8px}
 .mp-card{padding:17px 17px}
 .mp-steps article{padding:16px}
 .mp-pricing-top{padding:19px}
 .mp-trial-form{padding:16px}
}