@font-face {
  font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/fonts/e4af272ccee01ff0-s.p.woff2) format("woff2");
}

@font-face {
  font-family:Inter Fallback;
  src:local("Arial");
  ascent-override:90.44%;
  descent-override:22.52%;
  line-gap-override:0.00%;
  size-adjust:107.12%;
}

@font-face {
  font-family:GeistMono;
  src:url(/fonts/5b01f339abf2f1a5.p.woff2) format("woff2");
  font-display:swap;
  font-weight:100 900;
}

*,:after,:before {
  box-sizing:border-box;
}

:root {
  --spacing-0-5:4px;
  --spacing-1:8px;
  --spacing-1-5:12px;
  --spacing-2:16px;
  --spacing-3:24px;
  --spacing-4:32px;
  --spacing-5:40px;
  --spacing-6:48px;
  --spacing-10:96px;
  --spacing-13:224px;
  --rounding-sm:6px;
  --rounding-normal:8px;
  --rounding-lg:16px;
  --transition-duration:250ms;
  --grey-50:#e6e6e6;
  --grey-100:#cdcece;
  --grey-200:#9c9c9d;
  --grey-400:#434345;
  --grey-500:#2f3031;
  --grey-900:#07080a;
  --Base-White:#fff;
  --container-width:1204px;
  --navbar-height:58px;
  --removed-body-scroll-bar-size:0px;
  --background:var(--grey-900);
  --haze-accent:#7B9AFF;
  --haze-accent-soft:#A8BDFF;
  --font-inter:"Inter","Inter Fallback";
  --font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,monospace;
  --main-font:var(--font-inter),sans-serif;
}

@media (min-width:880px) {
  :root {
    --navbar-height:76px;
  }
}

html {
  font-family:var(--main-font);
  line-height:1.15;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

html::-webkit-scrollbar {
  display:none;
}

body,html {
  padding:0;
  margin:0;
  color-scheme:dark;
}

body {
  min-height:100%;
  padding-right:var(--removed-body-scroll-bar-size)!important;
  font-family:var(--main-font);
  font-feature-settings:"liga" 1,"calt" 1,"kern" 1,"ss03" 1;
  color:#fff;
  background:var(--background);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

::selection {
  color:#fff;
  background:rgba(123,154,255,.35);
}

a:focus-visible,
button:focus-visible,
.haze-nav-toggle:focus-visible {
  outline:2px solid var(--haze-accent-soft);
  outline-offset:2px;
}

#root {
  isolation:isolate;
}

a {
  color:inherit;
  text-decoration:none;
}

button {
  font-family:inherit;
  font-size:100%;
  color:inherit;
  cursor:pointer;
  background:transparent;
  border:0;
}

.haze-fonts {
  --font-inter:"Inter","Inter Fallback";
  --font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,monospace;
}

/* Buttons */
.haze-btn {
  display:inline-flex;
  gap:var(--spacing-1);
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:var(--spacing-1) var(--spacing-1-5);
  font-size:14px;
  font-weight:500;
  line-height:16px;
  letter-spacing:.2px;
  white-space:nowrap;
  cursor:pointer;
  border:none;
  border-radius:var(--rounding-normal);
  transition:background-color .2s,box-shadow .2s ease-in-out,transform .2s ease;
}

.haze-btn>svg {
  width:16px;
  height:16px;
}

.haze-btn-light {
  color:var(--grey-500);
  background:var(--grey-50);
  box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 14px 0 rgba(255,255,255,.19),inset 0 -1px .4px 0 rgba(0,0,0,.2),inset 0 1px .4px 0 #fff;
}

.haze-btn-light:not(:disabled):hover {
  background:var(--Base-White);
  box-shadow:inset 0 -1px .4px 0 rgba(0,0,0,.2),inset 0 1px .4px 0 #fff,0 0 0 2px rgba(0,0,0,.5),0 0 14px 0 rgba(255,255,255,.19);
  transform:translateY(-1px);
}

.haze-btn-light:not(:disabled):active {
  transform:translateY(0);
}

.haze-btn-light:active {
  background:var(--grey-100);
}

.haze-btn-light:disabled {
  opacity:.55;
  cursor:not-allowed;
  background:rgba(230,230,230,.88);
  box-shadow:0 0 0 1px rgba(255,255,255,.06),inset 0 1px .4px 0 rgba(255,255,255,.35);
}

.haze-btn-soon {
  opacity:.52;
  cursor:pointer;
  color:var(--grey-400);
  background:rgba(200,203,210,.82);
  box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 1px .4px 0 rgba(255,255,255,.28);
}

.haze-btn-soon:not(.haze-btn-locked-done):hover {
  opacity:.62;
  color:var(--grey-500);
  background:rgba(215,218,225,.88);
  transform:translateY(-1px);
}

.haze-btn-soon:active:not(.haze-btn-locked-done) {
  transform:translateY(0);
  background:rgba(190,193,200,.9);
}

.haze-btn-lock {
  width:13px;
  height:13px;
  opacity:.75;
}

.haze-btn-locked-done {
  opacity:.42;
  cursor:pointer;
}

.haze-btn-locked-done:hover {
  opacity:.56;
  color:var(--grey-500);
}

/* Modal */
body.haze-modal-open {
  overflow:hidden;
}

.haze-modal {
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:var(--spacing-3);
}

.haze-modal[hidden] {
  display:none;
}

.haze-modal-backdrop {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(4px);
}

.haze-modal-panel {
  position:relative;
  z-index:1;
  width:min(420px,100%);
  padding:var(--spacing-3);
  background:linear-gradient(137deg,rgba(17,18,20,.62) 4.87%,rgba(12,13,15,.78) 75.88%);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--rounding-lg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 20px 48px rgba(0,0,0,.45);
  outline:none;
}

.haze-modal-panel .haze-about-panel-top {
  padding-right:var(--spacing-4);
}

.haze-modal-close {
  position:absolute;
  top:10px;
  right:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  color:var(--grey-400);
  border-radius:var(--rounding-sm);
  transition:color .2s ease,background .2s ease;
}

.haze-modal-close:hover {
  color:var(--grey-50);
  background:rgba(255,255,255,.05);
}

.haze-modal-close svg {
  width:14px;
  height:14px;
}

.haze-modal-title {
  margin:0;
  font-size:17px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.01em;
  color:var(--grey-50);
}

.haze-modal-text {
  margin:0 0 var(--spacing-2);
  font-size:14px;
  line-height:165%;
  color:var(--grey-200);
  text-wrap:pretty;
}

.haze-modal-text:last-of-type {
  margin-bottom:0;
}

.haze-modal-note {
  margin:var(--spacing-2) 0 var(--spacing-3);
  padding-top:var(--spacing-2);
  font-size:13px;
  line-height:1.55;
  color:var(--grey-400);
  border-top:1px solid rgba(255,255,255,.06);
}

.haze-modal-foot {
  display:flex;
  justify-content:flex-end;
  padding-top:var(--spacing-2);
}

@media (prefers-reduced-motion:reduce) {
  .haze-btn-soon:not(.haze-btn-locked-done):hover {
    transform:none;
  }
}

/* Hero */
.haze-hero {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100svh;
  padding:calc(var(--navbar-height) + var(--spacing-4)) var(--spacing-2) var(--spacing-5);
}

.haze-hero-inner {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:var(--spacing-4);
  align-items:center;
  width:100%;
  max-width:818px;
}

.haze-hero-main {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-5);
  align-items:center;
  width:100%;
}

@media (min-width:720px) {
  .haze-hero-inner {
    gap:var(--spacing-6);
  }

  .haze-hero-main {
    gap:var(--spacing-6);
  }
}

.haze-fade,.haze-fade-delay,.haze-fade-delay-2,.haze-fade-delay-3 {
  opacity:0;
  transform:translateY(16px);
  animation:haze-fade-up .85s cubic-bezier(.22,1,.36,1) forwards;
}

.haze-fade-delay {
  animation-delay:.35s;
}

.haze-fade-delay-2 {
  animation-delay:.55s;
}

.haze-fade-delay-3 {
  animation-delay:.75s;
}

@keyframes haze-fade-up {
  to {
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .haze-fade,.haze-fade-delay,.haze-fade-delay-2,.haze-fade-delay-3 {
    animation:none;
    opacity:1;
    transform:none;
  }

  .haze-banner-dot {
    animation:none;
  }

  .haze-btn-light:not(:disabled):hover {
    transform:none;
  }

  .haze-banner:hover {
    transform:none;
  }
}

.haze-hero-text {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2);
  align-items:center;
  text-align:center;
}

.haze-hero-kicker {
  margin:0;
  font-family:var(--font-geist-mono);
  font-size:11px;
  line-height:1.4;
  color:var(--grey-400);
  letter-spacing:.06em;
  text-transform:uppercase;
}

.haze-hero-text>h1 {
  max-width:540px;
  margin:0;
  font-size:52px;
  font-weight:600;
  font-feature-settings:"ss08" on,"ss02" on,"liga" off;
  line-height:100%;
  letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff 20%,rgba(255,255,255,.68) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.haze-hero-text>p {
  max-width:460px;
  margin:0;
  font-size:15px;
  line-height:160%;
  color:var(--grey-200);
  text-wrap:balance;
}

@media (min-width:420px) {
  .haze-hero-text>h1 {
    font-size:64px;
  }
}

@media (min-width:720px) {
  .haze-hero-text {
    gap:var(--spacing-3);
  }

  .haze-hero-text>h1 {
    font-size:80px;
  }

  .haze-hero-text>p {
    font-size:17px;
  }
}

.haze-scroll-cue {
  display:inline-flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  margin-top:var(--spacing-1);
  font-family:var(--font-geist-mono);
  font-size:11px;
  color:var(--grey-400);
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:color .2s ease,transform .2s ease;
}

.haze-scroll-cue svg {
  width:16px;
  height:16px;
  opacity:.7;
  animation:haze-scroll-bob 2.4s ease-in-out infinite;
}

.haze-scroll-cue:hover {
  color:var(--grey-200);
  transform:translateY(2px);
}

@keyframes haze-scroll-bob {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(4px); }
}

@media (prefers-reduced-motion:reduce) {
  .haze-scroll-cue svg {
    animation:none;
  }
}

.haze-hero-bg {
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:var(--grey-900);
  overflow:hidden;
}

.haze-hero-bg:before {
  position:absolute;
  top:18%;
  left:50%;
  width:min(720px,90vw);
  height:min(420px,50vh);
  content:"";
  background:radial-gradient(ellipse at center,rgba(123,154,255,.14) 0%,rgba(123,154,255,.04) 42%,transparent 72%);
  filter:blur(40px);
  transform:translateX(-50%);
  pointer-events:none;
}

.haze-hero-bg:after {
  position:absolute;
  inset:0;
  content:"";
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(168,189,255,.06) 0%,transparent 55%),
    linear-gradient(to bottom,transparent 85%,var(--grey-900) 100%),
    linear-gradient(to left,transparent,var(--grey-900)),
    linear-gradient(to right,transparent,var(--grey-900));
  background-size:100% 100%,100% 100%,5% 100%,5% 100%;
  background-repeat:no-repeat;
  background-position:center top,center,left,right;
  pointer-events:none;
}

/* Download */
.haze-dl {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2);
  align-items:center;
  scroll-margin-top:calc(var(--navbar-height) + var(--spacing-3));
}

.haze-dl-btns {
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-2);
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.haze-dl-mac-hint {
  margin:0;
  font-family:var(--font-geist-mono);
  font-size:11px;
  line-height:1.4;
  color:var(--grey-400);
  letter-spacing:.01em;
  text-align:center;
}

.haze-dl-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  font-family:var(--font-geist-mono);
  font-size:12px;
  line-height:16px;
  color:var(--grey-400);
  letter-spacing:.01em;
}

.haze-dl-meta span {
  display:inline-flex;
  align-items:center;
}

.haze-dl-meta span+span::before {
  display:inline-block;
  width:3px;
  height:3px;
  margin:0 11px;
  content:"";
  background:var(--grey-400);
  border-radius:50%;
  opacity:.55;
}

/* Banner */
.haze-banner-wrap {
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
}

.haze-banner {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 16px;
  font-size:13px;
  font-weight:500;
  letter-spacing:.01em;
  color:var(--grey-200);
  white-space:nowrap;
  background:linear-gradient(137deg,rgba(17,18,20,.62) 4.87%,rgba(12,13,15,.78) 75.88%);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--rounding-normal);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.haze-banner:hover {
  color:var(--grey-100);
  background:linear-gradient(137deg,rgba(19,21,25,.78) 4.87%,rgba(13,14,17,.9) 75.88%);
  border-color:rgba(123,154,255,.14);
  transform:translateY(-1px);
}

.haze-banner-dot {
  flex-shrink:0;
  width:5px;
  height:5px;
  margin-right:9px;
  background:var(--haze-accent-soft);
  border-radius:50%;
  box-shadow:0 0 6px rgba(123,154,255,.35);
}

.haze-banner-label {
  color:rgba(230,230,230,.92);
}

.haze-banner-cta {
  display:inline-flex;
  gap:5px;
  align-items:center;
  margin-left:11px;
  padding-left:11px;
  font-size:12px;
  font-weight:400;
  color:var(--grey-400);
  border-left:1px solid rgba(255,255,255,.06);
  transition:color .2s ease;
}

.haze-banner:hover .haze-banner-cta {
  color:var(--haze-accent-soft);
}

.haze-banner-cta>svg {
  width:14px;
  height:14px;
  transition:transform .2s ease;
}

.haze-banner:hover .haze-banner-cta>svg {
  transform:translateX(2px);
}

/* About */
.haze-about {
  position:relative;
  padding:var(--spacing-6) var(--spacing-2) var(--spacing-6);
  scroll-margin-top:calc(var(--navbar-height) + var(--spacing-3));
}

.haze-about:after {
  position:absolute;
  top:20%;
  left:50%;
  z-index:-1;
  width:min(680px,100%);
  height:50%;
  content:"";
  background:radial-gradient(ellipse at center,rgba(123,154,255,.06) 0%,transparent 70%);
  transform:translateX(-50%);
  pointer-events:none;
}

.haze-reveal {
  opacity:0;
  transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}

.haze-reveal.is-visible {
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion:reduce) {
  .haze-reveal {
    opacity:1;
    transform:none;
    transition:none;
  }
}

.haze-about:before {
  position:absolute;
  top:0;
  left:50%;
  width:min(900px,100%);
  height:1px;
  content:"";
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-50%);
  pointer-events:none;
}

.haze-about-inner {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-5);
  width:100%;
  max-width:920px;
  margin:0 auto;
}

.haze-about-head {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2);
  max-width:560px;
  margin:0 auto;
  text-align:center;
}

.haze-about-kicker {
  margin:0;
  font-family:var(--font-geist-mono);
  font-size:11px;
  line-height:1.4;
  color:var(--grey-400);
  letter-spacing:.06em;
  text-transform:uppercase;
}

.haze-about-title {
  margin:0;
  font-size:28px;
  font-weight:600;
  line-height:118%;
  letter-spacing:-.025em;
  color:var(--grey-50);
  text-wrap:balance;
}

.haze-about-lead {
  margin:0;
  font-size:15px;
  line-height:165%;
  color:var(--grey-200);
  text-wrap:balance;
}

/* App preview — frame border only */
.haze-preview {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2);
  margin:0;
  overflow:visible;
}

.haze-preview-cap {
  margin:0;
  font-family:var(--font-geist-mono);
  font-size:11px;
  line-height:1.4;
  color:var(--grey-400);
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;
}

.haze-frame {
  position:relative;
  width:100%;
  max-width:min(1204px,calc(100vw - var(--spacing-4)));
  height:auto;
  margin:0 auto;
  padding:var(--spacing-1);
  overflow:visible;
  border:1px solid rgba(255,255,255,.08);
  border-radius:19px;
  box-shadow:
    0 0 40px 20px rgba(255,255,255,.03),
    inset 0 .5px 0 0 rgba(255,255,255,.3);
}

.haze-frame-wrap {
  position:relative;
  height:auto;
  overflow:visible;
  user-select:none;
}

.haze-frame-inner {
  position:relative;
  z-index:1;
  height:auto;
  overflow:hidden;
  line-height:0;
  background:#07080a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  box-shadow:
    0 0 2px 0 rgba(255,255,255,.19),
    inset 0 .5px 0 0 rgba(255,255,255,.1);
}

.haze-frame-media {
  position:relative;
}

.haze-frame-video {
  display:block;
  width:100%;
  height:auto;
  vertical-align:top;
  cursor:pointer;
  background:#07080a;
}

.haze-frame-video-toggle {
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  color:var(--grey-100);
  cursor:pointer;
  background:rgba(17,18,20,.72);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}

.haze-frame-video-toggle:hover {
  color:var(--Base-White);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
}

.haze-frame-video-toggle:active {
  transform:scale(.96);
}

.haze-frame-video-icon {
  width:14px;
  height:14px;
}

.haze-frame-video-toggle .is-play {
  display:none;
}

.haze-frame-video-toggle.is-paused .is-pause {
  display:none;
}

.haze-frame-video-toggle.is-paused .is-play {
  display:block;
}

.haze-about-panel-top {
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-1);
  align-items:center;
  margin-bottom:var(--spacing-2);
}

.haze-about-badge {
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 8px;
  font-family:var(--font-geist-mono);
  font-size:10px;
  line-height:1.3;
  color:var(--grey-400);
  letter-spacing:.04em;
  text-transform:uppercase;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:999px;
}

.haze-about-foot {
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-1) var(--spacing-2);
  align-items:center;
  justify-content:center;
  margin:var(--spacing-2) 0 0;
  font-size:14px;
  line-height:1.5;
  color:var(--grey-400);
  text-align:center;
}

.haze-about-cta {
  display:inline-flex;
  gap:6px;
  align-items:center;
  font-weight:500;
  color:var(--haze-accent-soft);
  transition:color .2s ease;
}

.haze-about-cta:after {
  display:inline-block;
  width:14px;
  height:14px;
  content:"";
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 4.75 13.25 8m0 0-3.5 3.25M13.25 8H2.75'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease;
}

.haze-about-cta:hover {
  color:#fff;
}

.haze-about-cta:hover:after {
  transform:translateX(2px);
}

.haze-site-foot {
  padding:var(--spacing-4) var(--spacing-2) var(--spacing-6);
  text-align:center;
}

.haze-site-foot p {
  margin:0;
  font-family:var(--font-geist-mono);
  font-size:11px;
  line-height:1.4;
  color:var(--grey-400);
  letter-spacing:.02em;
}

.haze-site-foot a {
  color:var(--grey-200);
  transition:color .2s ease;
}

.haze-site-foot a:hover {
  color:var(--haze-accent-soft);
}

@media (min-width:720px) {
  .haze-about {
    padding:var(--spacing-10) var(--spacing-2) var(--spacing-6);
  }

  .haze-about-inner {
    gap:var(--spacing-6);
  }

  .haze-about-title {
    font-size:36px;
  }

  .haze-about-lead {
    font-size:16px;
  }
}

/* Nav */
.haze-link {
  display:inline-flex;
  gap:6px;
  align-items:center;
  padding:var(--spacing-1-5) var(--spacing-1);
  font-size:14px;
  font-weight:500;
  color:var(--grey-200);
  letter-spacing:.2px;
  white-space:nowrap;
  border-radius:var(--rounding-sm);
  transition:color .2s ease-in-out;
}

.haze-link:hover {
  color:var(--Base-White);
}

.haze-link.is-active,
.haze-signin-soon-btn[aria-expanded="true"] {
  color:var(--Base-White);
}

button.haze-link {
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  border:0;
}

.haze-link-tag {
  display:inline-flex;
  align-items:center;
  min-height:16px;
  padding:1px 5px;
  font-family:var(--font-geist-mono);
  font-size:9px;
  font-weight:500;
  line-height:1;
  color:var(--grey-400);
  letter-spacing:.04em;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}

.haze-link:hover .haze-link-tag,
.haze-link.is-active .haze-link-tag,
.haze-signin-soon-btn[aria-expanded="true"] .haze-link-tag {
  color:var(--grey-200);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
}

.haze-nav-wrap {
  position:fixed;
  top:0;
  left:50%;
  z-index:90;
  display:flex;
  justify-content:center;
  width:100%;
  padding:var(--spacing-2) calc(var(--spacing-2) + var(--removed-body-scroll-bar-size)) 0 var(--spacing-2);
  transform:translateX(-50%);
  pointer-events:none;
}

.haze-nav-wrap .haze-nav {
  pointer-events:auto;
}

.haze-nav-wrap.haze-nav-open {
  min-height:100vh;
  max-height:100vh;
  padding-bottom:var(--spacing-3);
  overflow-y:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.haze-nav-wrap.haze-nav-open::-webkit-scrollbar {
  display:none;
}

.haze-nav-wrap.haze-nav-open .haze-nav {
  height:auto;
  overflow:visible;
}

.haze-nav {
  display:grid;
  grid-template-rows:24px auto;
  width:100%;
  max-width:var(--container-width);
  height:var(--navbar-height);
  padding:var(--spacing-2);
  overflow:hidden;
  background:linear-gradient(137deg,rgba(17,18,20,.75) 4.87%,rgba(12,13,15,.9) 75.88%);
  backdrop-filter:blur(5px);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--rounding-lg);
  box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.15);
  transition:height .3s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
}

.haze-nav-wrap.haze-nav-scrolled .haze-nav {
  background:linear-gradient(137deg,rgba(17,18,20,.92) 4.87%,rgba(12,13,15,.96) 75.88%);
  border-color:rgba(255,255,255,.09);
  box-shadow:
    inset 0 1px 1px 0 rgba(255,255,255,.12),
    0 12px 40px rgba(0,0,0,.35);
}

.haze-nav-logo {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.haze-nav-logo>a.haze-logo {
  display:inline-block;
  font-family:var(--font-inter),sans-serif;
  font-size:22px;
  font-weight:600;
  line-height:1;
  color:#E6E6E6;
  letter-spacing:-.02em;
  transition:transform .2s ease;
}

.haze-nav-logo .haze-logo:hover {
  transform:scale(1.03);
}

@media (min-width:880px) {
  .haze-nav-logo .haze-logo {
    font-size:24px;
  }
}

.haze-nav-toggle {
  position:relative;
  width:24px;
  height:16px;
  cursor:pointer;
  transition:transform .5s ease;
}

.haze-nav-open .haze-nav-toggle {
  transform:rotate(180deg);
}

.haze-nav-line {
  position:absolute;
  left:50%;
  width:100%;
  height:1px;
  background:rgba(255,255,255,.9);
  transition:transform .5s,opacity .25s;
  transform:translate(-50%,-50%);
}

.haze-nav-line:first-child {
  top:10%;
}

.haze-nav-line:nth-child(2) {
  top:50%;
}

.haze-nav-line:nth-child(3) {
  top:90%;
}

.haze-nav-open .haze-nav-toggle .haze-nav-line:first-child {
  top:50%;
  transform:translate(-50%) rotate(-45deg);
}

.haze-nav-open .haze-nav-toggle .haze-nav-line:nth-child(2) {
  opacity:0;
}

.haze-nav-open .haze-nav-toggle .haze-nav-line:nth-child(3) {
  top:50%;
  transform:translate(-50%) rotate(45deg);
}

.haze-nav-links {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-0-5);
  padding:var(--spacing-6) 0 var(--spacing-4);
}

.haze-nav-links .haze-link {
  justify-content:flex-start;
  width:100%;
  padding:var(--spacing-2) var(--spacing-2);
}

.haze-nav-actions {
  display:flex;
  padding-top:var(--spacing-4);
  border-top:1px solid rgba(255,255,255,.1);
}

.haze-nav-actions .haze-signin-soon-btn {
  justify-content:center;
  width:100%;
  padding:var(--spacing-2) var(--spacing-3);
}

.haze-nav-wide {
  display:flex;
  gap:var(--spacing-3);
  align-items:center;
}

.haze-nav-wide .haze-nav-dl {
  display:none;
}

.haze-nav-medium {
  display:none;
  align-items:center;
}

@media (min-width:880px) {
  .haze-nav {
    position:relative;
    display:flex;
    justify-content:center;
    padding:var(--spacing-2) var(--spacing-4);
    overflow:visible;
  }

  .haze-nav-logo {
    position:absolute;
    top:50%;
    left:var(--spacing-4);
    width:auto;
    transform:translateY(-50%);
  }

  .haze-nav-toggle {
    display:none;
  }

  .haze-nav-links {
    flex-direction:row;
    gap:var(--spacing-1);
    align-items:center;
    padding:0;
  }

  .haze-nav-links .haze-link {
    justify-content:center;
    width:auto;
    padding:var(--spacing-1-5) var(--spacing-1);
  }

  .haze-nav-actions {
    position:absolute;
    top:50%;
    right:var(--spacing-4);
    padding:0;
    border-top:none;
    transform:translateY(-50%);
  }

  .haze-nav-actions .haze-signin-soon-btn {
    justify-content:center;
    width:auto;
    padding:var(--spacing-1-5) var(--spacing-1);
  }

  .haze-nav-wide {
    display:none;
  }

  .haze-nav-medium {
    display:flex;
  }
}

@media (min-width:1064px) {
  .haze-nav-wide {
    display:flex;
  }

  .haze-nav-wide>.haze-nav-dl {
    display:flex;
  }

  .haze-nav-medium {
    display:none;
  }
}