/* NEXORA dark-neon system: black first, with a restrained blue atmosphere. */
:root {
  color-scheme: dark;
  --bg: #030405;
  --bg-soft: #07090c;
  --panel: #090b0e;
  --panel-light: #0d1116;
  --panel2: #0a0d11;
  --surface: #090b0e;
  --surface-raised: #101419;
  --line: #1a2027;
  --line-soft: #12171c;
  --line-bright: #263440;
  --blue: #149ff5;
  --cyan: #4bc5ff;
  --accent: #149ff5;
  --accent-strong: #087bbd;
  --accent-soft: #0b1b27;
}

html {
  min-height: 100%;
  background: #030405;
}

body {
  background-color: #030405 !important;
  background-image:
    radial-gradient(ellipse 46% 30% at 52% -3%, rgb(0 116 194 / 13%), transparent 100%),
    radial-gradient(ellipse 28% 34% at 0% 43%, rgb(0 91 159 / 6%), transparent 100%),
    radial-gradient(ellipse 24% 28% at 100% 77%, rgb(0 78 139 / 5%), transparent 100%),
    linear-gradient(180deg, #050608 0%, #030405 48%, #040506 100%) !important;
  background-attachment: fixed !important;
}

.ambient,
.visual-halo,
.cta-orb {
  opacity: .08;
}

.site-header,
.topbar,
.preview-header {
  border-color: #1a2026;
  background: rgb(5 7 9 / 91%);
  box-shadow: 0 12px 36px rgb(0 0 0 / 38%), inset 0 1px rgb(100 190 245 / 3%);
  backdrop-filter: blur(20px);
}

.dashboard-window,
.feature-card,
.workspace-feature-card,
.workspace-category-card,
.feature-banner,
.panel,
.stat-card,
.quick-module,
.account-card,
.account-side-note,
.premium-state,
.status-overview,
.status-metric,
.status-section,
.uptime-panel,
.incident-panel {
  border-color: #1a2027;
  background-color: #080a0d;
  background-image: linear-gradient(145deg, rgb(15 22 29 / 70%), rgb(6 7 9 / 96%) 64%);
  box-shadow: inset 0 1px rgb(160 205 235 / 3%), 0 18px 48px rgb(0 0 0 / 32%);
}

.dashboard-window {
  border-color: #1c2a35;
  box-shadow: 0 28px 78px rgb(0 0 0 / 60%), 0 0 36px rgb(0 133 215 / 6%);
}

.feature-card::before,
.workspace-feature-card::before,
.workspace-category-card::before {
  opacity: .14;
}

.feature-card:hover,
.workspace-feature-card:hover,
.workspace-category-card:hover,
.panel:hover,
.quick-module:hover {
  border-color: #24516d;
  box-shadow: inset 0 1px rgb(112 205 255 / 8%), 0 18px 48px rgb(0 0 0 / 42%), 0 0 22px rgb(0 139 220 / 8%);
}

.button:not(.button-secondary),
.button-primary,
.account-submit {
  border-color: #168fe0;
  background: linear-gradient(135deg, #087bb9, #1099e7);
  box-shadow: 0 5px 20px rgb(0 135 220 / 18%), inset 0 1px rgb(255 255 255 / 13%);
}

.button:not(.button-secondary):hover,
.button-primary:hover,
.account-submit:hover {
  border-color: #58c8ff;
  background: linear-gradient(135deg, #0b8ccf, #1aaaf5);
  box-shadow: 0 7px 25px rgb(0 145 235 / 26%), inset 0 1px rgb(255 255 255 / 18%);
}

.button-secondary {
  border-color: #28323a;
  background: linear-gradient(145deg, #101317, #090b0d);
  box-shadow: inset 0 1px rgb(255 255 255 / 3%);
}

.button-secondary:hover {
  border-color: #28506a;
  background: #0c1217;
}

.nav-item.active,
.rail-item.active,
.account-tab.active {
  border-color: #174968;
  background: linear-gradient(100deg, #0b1a24, #090d11 78%);
  box-shadow: inset 2px 0 #19a9ff, 0 0 20px rgb(0 137 220 / 8%);
}

.nav-item.active .nav-icon,
.rail-item.active,
.feature-card .ui-icon,
.workspace-category-card .ui-icon,
.workspace-feature-card .ui-icon {
  color: #49bdff;
}

.hero h1 span,
.section-intro h2 span,
.studio-copy h2 span {
  background: linear-gradient(100deg, #94ddff 0%, #45bdff 58%, #168fe8 100%);
  background-clip: text;
}

.brand > img,
.brand-logo,
.metric-icon,
.stat-icon,
.feature-card-icon,
.workspace-feature-card .feature-card-icon {
  box-shadow: 0 0 17px rgb(0 141 224 / 8%);
}

.metric-icon,
.stat-icon,
.feature-card-icon,
.workspace-feature-card .feature-card-icon,
.rail-item.active {
  border-color: #174765;
  background-color: #0b1821;
}

.nav-item.active,
.rail-item.active,
.button:focus-visible,
.nav-item:focus-visible,
.rail-item:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid rgb(39 174 255 / 58%);
  outline-offset: 2px;
}

.live-dot,
.eyebrow-mark {
  box-shadow: 0 0 9px rgb(25 166 245 / 58%);
}

.main-nav > a {
  position: relative;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 9px;
}

.closing-cta {
  position: relative;
  isolation: isolate;
  min-height: 190px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  overflow: hidden;
  margin-top: 74px;
  padding: 31px 38px;
  border: 1px solid #1c2832;
  border-radius: 18px;
  background: linear-gradient(112deg, #0a0d10, #060708 67%, #080b0e);
  box-shadow: inset 0 1px rgb(147 209 242 / 4%), 0 24px 65px rgb(0 0 0 / 45%);
}

.closing-cta::before {
  position: absolute;
  z-index: -1;
  top: 20%;
  bottom: 20%;
  left: 0;
  width: 2px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, transparent, #1aaeff, transparent);
  box-shadow: 0 0 13px rgb(26 174 255 / 46%);
  content: "";
}

.closing-cta .cta-orb {
  z-index: -1;
  top: 50%;
  right: 12%;
  width: 270px;
  height: 150px;
  transform: translateY(-50%);
  background: radial-gradient(ellipse, rgb(0 126 203 / 14%), transparent 72%);
  filter: blur(38px);
  opacity: .8;
}

.cta-main {
  position: relative;
  display: flex;
  align-items: center;
  gap: 19px;
  min-width: 0;
}

.cta-brand-mark {
  width: 52px;
  height: 52px;
  display: grid;
  flex: none;
  place-items: center;
  border: 1px solid #1b5271;
  border-radius: 14px;
  background: linear-gradient(145deg, #0d1921, #080a0d);
  box-shadow: 0 0 24px rgb(0 144 224 / 12%), inset 0 1px rgb(255 255 255 / 5%);
}

.cta-brand-mark img {
  width: 41px;
  height: 41px;
  border-radius: 10px;
  object-fit: cover;
}

.cta-copy { min-width: 0; }
.cta-copy .eyebrow { font-size: 8px; }
.cta-copy h2 { margin: 9px 0 5px; font: 650 clamp(19px, 2.2vw, 26px)/1.18 var(--display); letter-spacing: -.04em; }
.cta-copy h2 span { color: #54c4ff; text-shadow: 0 0 20px rgb(24 160 235 / 18%); }
.cta-copy p { margin: 0; color: #8795a1; font-size: 10px; line-height: 1.6; }
.closing-cta .cta-actions { position: relative; display: grid; justify-items: stretch; gap: 9px; width: min(245px, 25vw); margin: 0; }
.closing-cta .cta-actions .button { min-height: 43px; font-size: 10px; }
.closing-cta .cta-actions .button-secondary { color: #c1ccd5; }

@media (max-width: 780px) {
  .closing-cta { grid-template-columns: 1fr; gap: 20px; padding: 25px; }
  .closing-cta .cta-actions { width: min(100%, 420px); margin-left: 0; }
}

@media (max-width: 480px) {
  .closing-cta { gap: 16px; padding: 19px 16px; }
  .cta-main { align-items: flex-start; gap: 12px; }
  .cta-brand-mark { width: 42px; height: 42px; border-radius: 11px; }
  .cta-brand-mark img { width: 34px; height: 34px; }
  .cta-copy .eyebrow { font-size: 6px; }
  .cta-copy h2 { margin-top: 7px; font-size: 18px; }
  .cta-copy p { font-size: 9px; }
  .closing-cta .cta-actions { margin-left: 0; }
}

.editor-column,
.rail,
.sidebar,
.window-nav {
  background-color: #060709;
}

.editor-column,
.rail,
.sidebar,
.topbar,
.preview-column {
  border-color: #171e24;
}

.panel-section,
.emoji-chip,
.input-wrap,
.account-tabs,
.alias-copy {
  border-color: #202a33;
  background-color: #080b0e;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; }
}
@media(max-width:780px){.closing-cta.page-width{grid-template-columns:minmax(0,1fr);gap:20px}.closing-cta .cta-main{width:100%;min-width:0}.closing-cta .cta-copy{min-width:0;flex:1}.closing-cta .cta-copy h2,.closing-cta .cta-copy p{overflow-wrap:anywhere}}
@media(max-width:780px){.closing-cta.page-width>.cta-main,.closing-cta.page-width>.cta-actions{grid-column:1}}