html { background: #070C13; }
body {
  margin: 0;
  background: #070C13;
  color: #E9F1F7;
  font-family: Manrope, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
a { color: #E9F1F7; text-decoration: none; }
a:hover { color: #34D6D6; }
::selection { background: #34D6D6; color: #061019; }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 26px; }
header {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 14px 0;
  backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(7,12,19,.92), rgba(7,12,19,.55));
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.nav {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.brand { display: flex; align-items: center; gap: 11px; font: 800 19px/1 Unbounded, sans-serif; }
.brand img { display: block; filter: drop-shadow(0 0 12px rgba(52,214,214,.5)); }
.nav-links { display: flex; gap: 18px; flex-wrap: wrap; }
.nav-links a { font: 500 13px/1 Manrope, sans-serif; color: #9DB0C2; }
.eyebrow {
  display: inline-block;
  font: 400 11px/1 "JetBrains Mono", monospace;
  letter-spacing: .2em;
  color: #34D6D6;
  text-transform: uppercase;
}
h1 {
  margin: 16px 0 0;
  font: 800 clamp(28px, 4vw, 48px)/1.08 Unbounded, sans-serif;
  letter-spacing: -.035em;
}
.lead { margin: 18px 0 0; font: 300 17px/1.6 Manrope, sans-serif; color: #A8BCCD; }
.note {
  margin: 22px 0 0;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(52,214,214,.28);
  background: rgba(52,214,214,.08);
  font: 400 14px/1.55 Manrope, sans-serif;
  color: #C7E9E9;
}
article { padding: 56px 0 80px; }
h2 { margin: 36px 0 10px; font: 600 20px/1.3 Manrope, sans-serif; }
p, li { font: 400 15px/1.7 Manrope, sans-serif; color: #B7C8D6; }
ul { padding-left: 1.2em; }
footer {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 22px 26px 40px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  font: 400 10px/1.6 "JetBrains Mono", monospace;
  letter-spacing: .1em;
  color: #5F7488;
}
footer a { color: #7E93A6; }
@media (max-width: 720px) {
  .nav-links { display: none; }
}