html{scroll-behavior:smooth}
body{margin:0;background:#070D18}
img{max-width:100%}
input,textarea,button{font-family:Barlow,sans-serif}
.hv0:hover{background:rgba(120,160,220,0.1) !important;color:#FFFFFF !important}
.hv1:hover{border-color:#35B6F5 !important;color:#FFFFFF !important}
.hv2:hover{background:#4E8FF0 !important}
.hv3:hover{color:#7FB4FF !important}
.hv4:hover{color:#FFFFFF !important}
.hv5:hover{background:#4ADE80 !important}

.hv-trial:hover{background:#4ADE80 !important}
.hv-deck:hover{background:#4E8FF0 !important}
@media (max-width: 900px) {
  h1 { font-size: 42px !important; letter-spacing: -0.02em !important; }
  h2 { font-size: 30px !important; }
  div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  div[style*="max-width:1440px"] { padding-left: 20px !important; padding-right: 20px !important; }
  p[style*="font-size:23px"] { font-size: 19px !important; }
}
@media (max-width: 760px) {
  /* header: static (too tall to stay stuck) and stacked: logo / menu / buttons */
  div[style*="position:sticky"] { position: static !important; }
  div[style*="position:sticky"] > div {
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px !important;
    gap: 10px !important;
  }
  div[style*="position:sticky"] a { font-size: 15px !important; }
  div[style*="position:sticky"] > div > div:last-child { justify-content: center !important; }
  /* hero paddings */
  div[style*="padding:96px 48px"], div[style*="padding:100px 48px"] {
    padding-top: 56px !important; padding-bottom: 40px !important;
  }
}