:root{
  --bg-dark:#0b0f19;
  --gradient-hero:radial-gradient(circle at 30% 30%, #142033, #060910 70%);
  --text-light:#fff;
  --text-muted:#8892a2;
}

body,html{
  color:var(--text-light);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;
  margin:0;
  min-height:100%;
  padding:0;
}

body,body.page-landing,html{
  background:var(--bg-dark);
}

.hero{
  background:var(--gradient-hero);
  min-height:72vh;
  overflow:hidden;
  padding:4rem 0 3rem;
  position:relative;
}

.hero .hero__headline{
  line-height:1.1;
}

.hero .hero__subheadline{
  color:var(--text-muted);
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
}

.hero .btn{
  font-weight:600;
}

section{
  scroll-margin-top:80px;
}

.how-it-works{
  background:var(--bs-light);
  color:var(--bs-dark);
}

.how-it-works .step{
  transition:transform .25s ease,box-shadow .25s ease;
}

.how-it-works .step:hover{
  box-shadow:0 8px 24px -4px rgba(0,0,0,.15);
  transform:translateY(-4px);
}
#site-footer,footer{
  background:#0b0f19;
  color:var(--text-muted);
}

@media (width <= 768px){
  .hero{
    padding:3.5rem 0 2.5rem;
  }
  
  .hero .hero__headline{
    font-size:2.15rem;
  }
}
html.no-aos [data-aos]{
  opacity:1 !important;
  transform:none !important;
}

html.no-aos .hero h1,html.no-aos .hero p{
  opacity:1 !important;
  visibility:visible !important;
}