/* dark-a12: hero fills the first screen under the sticky nav; content centered (scroll cue removed in dark-a14) */
:root{--nav-h:81px}                     /* real .site-head height (sticky) */
@media (max-width:640px){:root{--nav-h:69px}}
.hero{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h))}
.hero>.wrap{width:100%}
@media (max-width:767.98px){.hero{min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h))}}
/* dark-a12 hero spacing (box bottom -> next box top); breakpoint 768 like the H1 */
.hero h1{margin-bottom:0!important}
.hero .ctas>*{margin-top:0}
@media (min-width:768px){
  .hero{padding-top:76px;padding-bottom:76px}
  .hero .sub{margin-top:36px!important;max-width:640px!important}
  .hero .ctas{margin-top:52px!important}
  .hero .trust{margin:72px 0 0!important}
}
@media (max-width:767.98px){
  .hero .sub{margin-top:22px!important}
  .hero .ctas{margin-top:32px!important}
  .hero .trust{margin:40px 0 0!important}
}