* {
  box-sizing:border-box
}
html {
  background:#0b1222
}
body {
  margin:0
}
a:focus-visible {
  outline:2px solid #9ebcf0;
  outline-offset:6px
}
#nohft-night {
  --nh-accent:#9ebcf0;
  --nh-art-opacity:.48;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  background:#0b1222;
  color:#edf2fc;
  min-height:100svh;
  padding:42px max(32px, calc((100vw - 1120px) / 2)) 32px;
  font-family:Arial,sans-serif;
  color-scheme:dark;
  display:flex;
  flex-direction:column
}
#nohft-night * {
  box-sizing:border-box
}
#nohft-night .nh-background {
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:var(--nh-art-opacity);
  color:var(--nh-accent)
}
#nohft-night .nh-shade {
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(11,18,34,.78),rgba(11,18,34,.65) 45%,rgba(11,18,34,.02)),linear-gradient(0deg,#0b1222 0%,transparent 20%,transparent 85%,rgba(11,18,34,.4))
}
#nohft-night header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap
}
#nohft-night .nh-logo {
  transform:skewX(-12deg);
  transform-origin:left bottom;
  display:inline-flex;
  align-items:baseline;
  font-family:Arial,Helvetica,sans-serif;
  font-size:49px;
  line-height:1.05;
  letter-spacing:-2.5px;
  font-weight:700
}
#nohft-night .nh-no {
  display:inline-flex;
  align-items:baseline;
  color:var(--nh-accent);
  margin-right:3px
}
#nohft-night .nh-o {
  position:relative;
  display:inline-block;
  letter-spacing:-1px
}
#nohft-night .nh-o::after {
  content:"";
  position:absolute;
  width:3px;
  height:31px;
  background:var(--nh-accent);
  left:49%;
  top:16px;
  transform:rotate(35deg);
  box-shadow:0 0 0 2px #0b1222
}
#nohft-night .nh-hft {
  position:relative;
  display:inline-block;
  font-weight:700;
  letter-spacing:-2.7px;
  color:#edf2fc
}
#nohft-night .nh-signature {
  position:absolute;
  right:0;
  bottom:-5px;
  width:19px;
  height:3px;
  background:#ed737f
}
#nohft-night .nh-brand {
  flex-shrink:0
}
#nohft-night .nh-tagline {
  transform:skewX(-12deg);
  transform-origin:left bottom;
  margin-top:15px;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.3px;
  color:#a0afc8
}
#nohft-night .nh-kicker {
  font-family:monospace;
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#98a7c2;
  line-height:1.6
}
#nohft-night main {
  padding:100px 0 96px
}
#nohft-night .nh-rule {
  display:block;
  width:30px;
  height:1px;
  background:var(--nh-accent);
  margin-bottom:27px
}
#nohft-night h1 {
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(40px,6vw,78px);
  line-height:1.08;
  letter-spacing:-2.6px;
  font-weight:400;
  margin:0 0 40px;
  padding:0
}
#nohft-night h1 em {
  color:var(--nh-accent);
  font-weight:400
}
#nohft-night .nh-intro {
  font-size:17px;
  line-height:1.6;
  max-width:370px;
  margin:0 0 17px;
  color:#dce5f5
}
#nohft-night .nh-copy {
  font-size:14px;
  line-height:1.85;
  max-width:350px;
  margin:0;
  color:#a0afc8
}
#nohft-night footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-top:auto;
  padding-top:23px;
  border-top:1px solid #293751
}
#nohft-night .nh-email {
  display:inline-flex;
  align-items:center;
  gap:22px;
  font-size:14px;
  line-height:1.5;
  color:#dce5f5;
  text-decoration:none;
  padding:8px 0
}
#nohft-night .nh-email:hover {
  color:var(--nh-accent)
}
#nohft-night .nh-email span {
  color:var(--nh-accent)
}
@media(max-width:520px) {
  #nohft-night {
    padding:28px 25px;
    min-height:100svh
  }
  #nohft-night header .nh-kicker {
    display:none
  }
  #nohft-night main {
    padding:90px 0 90px
  }
  #nohft-night h1 {
    font-size:clamp(35px,8.7vw,45px);
    letter-spacing:-1.6px
  }
  #nohft-night .nh-intro {
    font-size:16px
  }
  #nohft-night footer {
    align-items:start;
    flex-direction:column;
    gap:14px
  }
  #nohft-night .nh-shade {
    background:linear-gradient(90deg,rgba(11,18,34,.8),rgba(11,18,34,.4)),linear-gradient(0deg,#0b1222,transparent 25%)
  }
  #nohft-night .nh-background {
    opacity:calc(var(--nh-art-opacity)*.8)
  }
}
#nohft-night .nh-background {
  background:url("/assets/background.svg") center / cover no-repeat
}

#nohft-night .nh-product {
  margin-top: 20px;
}