/* Shared compact hero and spacing for every internal SEO page. */
.topbar{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:64px;
  background:linear-gradient(180deg,rgba(3,7,12,.96),rgba(3,7,12,.66));
  backdrop-filter:blur(5px);
}
.site-nav{
  position:absolute;
  z-index:11;
  top:64px;
  right:0;
  left:0;
  padding:7px 9px;
  background:rgba(4,9,15,.70);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 26px rgba(0,0,0,.22);
}
.site-nav a{padding:7px 10px;background:rgba(5,10,17,.38)}
.hero{
  min-height:0;
  padding:315px 18px 18px;
  background-position:54% 27%;
  background-size:cover;
}
.hero h1{margin:8px 0 12px}
.hero p{line-height:1.55}
.actions{margin-top:17px}
.action{min-height:54px}
.content{padding:30px 18px 40px}
.content h2{margin-bottom:15px}
.content h3{margin-top:20px}
.facts{margin-top:18px}
.fact{padding:14px 13px}
.related{margin-top:20px}
.cta{padding:40px 18px 48px}
footer{padding-top:29px}
@media(max-width:370px){
  .hero{padding-top:300px}
  .content{padding-top:28px;padding-bottom:36px}
}