.wing-home-hero {
  position: relative;
  overflow: hidden;
}

.wing-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 26%, rgba(159, 92, 255, .16), transparent 28rem),
    radial-gradient(circle at 25% 10%, rgba(39, 215, 255, .10), transparent 28rem);
}

.wing-home-hero .container { position: relative; }
.wing-home-hero h1 { max-width: 780px; }

.wing-home-preview {
  border-color: rgba(39, 215, 255, .20);
  box-shadow: 0 30px 100px rgba(4, 10, 26, .42), 0 0 60px rgba(79, 124, 255, .08);
}

.wing-preview-chat {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 16px;
  background: rgba(3, 8, 19, .72);
  font: .78rem/1.55 "JetBrains Mono", monospace;
}

.wing-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.wing-preview-head strong { color: #eef6ff; }
.wing-preview-head span { color: #43e6a8; font-size: .7rem; }
.wing-preview-chat p { margin: 8px 0; color: #a9b8ca; }
.wing-preview-chat p strong { color: #27d7ff; }
.wing-preview-chat p:nth-of-type(2) strong { color: #d88cff; }
.wing-preview-chat p:nth-of-type(3) strong { color: #f5c85b; }
.wing-preview-chat p:nth-of-type(4) strong { color: #43e6a8; }

.nav a[href="/chat"] {
  color: #dff9ff;
}

.nav a[href="/chat"]::after {
  background: linear-gradient(90deg, #27d7ff, #9f5cff);
}

body.is-wing-route {
  overflow: hidden;
  background: #050914;
}

body.is-wing-route [data-component="footer"],
body.is-wing-route [data-component="cookie-banner"] {
  display: none;
}

body.is-wing-route #network-bg {
  opacity: .15;
}