/* SFN0331_MAIN_SITE_VISUAL_ALIGNMENT
   Public website only. Do not reuse in /central/. */

/* Fixed header should never cover section titles when navigating by anchors. */
html{scroll-padding-top:96px}
#features,#industries,#showcases,#solutions,#compare,#pricing,#start,#trust,#contact,#demo-form{scroll-margin-top:96px}

/* Keep the marketing header geometrically stable across sections. */
.sf-nav{min-height:76px}
.sf-navin{min-height:76px}
.sf-nav nav a,.sf-login,.sf-nav-demo{white-space:nowrap}

/* The industry area has seven cards. Four columns gives a cleaner 4+3 desktop rhythm. */
@media(min-width:1100px){
  .sf-industries.sf-all-industries{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sf-industries.sf-all-industries article{min-height:184px}
}

/* Prevent section headings from feeling cropped directly below the fixed header. */
.sf-section,.sfn289,.sfn283,.sfn287,.sfn291,.sfn292,.sfn293,.sfn294,.sf-pricing,.sf-trust-zone{position:relative}

/* Small visual alignment tweaks based on the stabilized 0330 desktop render. */
.sf-head h2,.sf-industry h2{text-wrap:balance}
.sf-head p,.sf-industry p{max-width:760px;margin-left:auto;margin-right:auto}
.sf-card h3,.sf-card p{overflow-wrap:anywhere}

@media(max-width:900px){
  html{scroll-padding-top:84px}
  #features,#industries,#showcases,#solutions,#compare,#pricing,#start,#trust,#contact,#demo-form{scroll-margin-top:84px}
}
@media(max-width:600px){
  html{scroll-padding-top:76px}
  #features,#industries,#showcases,#solutions,#compare,#pricing,#start,#trust,#contact,#demo-form{scroll-margin-top:76px}
}