@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* NAVO — CLEAN DESIGN SYSTEM */
:root {
  --nv-bg: #08090b;
  --nv-bg-soft: #0d1015;
  --nv-surface: #11141a;
  --nv-surface-2: #151920;
  --nv-border: rgba(255,255,255,.10);
  --nv-border-strong: rgba(255,255,255,.16);
  --nv-text: #f5f6f8;
  --nv-muted: #a6adb8;
  --nv-dim: #727985;
  --nv-red: #ef2b36;
  --nv-red-hover: #ff3944;
  --nv-red-soft: rgba(239,43,54,.12);
  --nv-radius: 18px;
  --nv-shadow: 0 20px 60px rgba(0,0,0,.28);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
  background: var(--nv-bg);
}

body,
button,
input,
select,
textarea {
  font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  color: var(--nv-text) !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(239,43,54,.055), transparent 28rem),
    var(--nv-bg) !important;
}

img, svg, video, canvas { image-rendering: auto; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--nv-red) !important;
  outline-offset: 3px !important;
}

/* Navigation */
.navo-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  height: 72px !important;
  background: rgba(9,11,15,.92) !important;
  border-bottom: 1px solid var(--nv-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(135%);
}

.navo-nav::after { display: none !important; }

.navo-nav-inner {
  width: min(calc(100% - 40px), 1180px) !important;
  height: 72px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 32px !important;
}

.navo-logo {
  grid-column: 1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  color: var(--nv-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
}

.navo-logo img {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 5px 12px rgba(239,43,54,.18)) !important;
}

.navo-links {
  grid-column: 2 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
}

.navo-links a {
  position: relative !important;
  padding: 25px 0 24px !important;
  color: #b6bdc8 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: color .18s ease !important;
}

.navo-links a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 16px !important;
  width: 0 !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: var(--nv-red) !important;
  transform: translateX(-50%) !important;
  transition: width .18s ease !important;
  box-shadow: none !important;
}

.navo-links a:hover { color: #fff !important; transform: none !important; }
.navo-links a:hover::after { width: 18px !important; }

.navo-right {
  grid-column: 3 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.navo-lang-trigger {
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #bbc3ce !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.navo-lang-trigger:hover {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
  border-color: var(--nv-border) !important;
}

.navo-dashboard {
  min-width: 100px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  color: #101217 !important;
  background: #f2f4f7 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.2) !important;
  transition: transform .16s ease, background .16s ease !important;
}

.navo-dashboard:hover {
  color: #101217 !important;
  background: #fff !important;
  border-color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.25) !important;
}

.navo-lang-menu {
  margin-top: 10px !important;
  background: #11151b !important;
  border: 1px solid var(--nv-border-strong) !important;
  border-radius: 14px !important;
  box-shadow: var(--nv-shadow) !important;
}

.navo-lang-search {
  color: var(--nv-text) !important;
  background: #0b0e13 !important;
  border-color: var(--nv-border) !important;
}

.navo-lang-option { color: #c1c7d0 !important; }
.navo-lang-option:hover, .navo-lang-option.active {
  color: #fff !important;
  background: var(--nv-red-soft) !important;
}

/* Hero */
.hero-scvxx {
  min-height: 650px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

.hero-scvxx .hx-container {
  width: min(calc(100% - 40px), 1120px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 92px 0 84px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-scvxx .hx-content {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.hero-scvxx .hx-title {
  margin: 0 !important;
  color: var(--nv-text) !important;
  font-family: inherit !important;
  font-size: clamp(52px, 5.5vw, 72px) !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  text-shadow: none !important;
}

.hero-scvxx .hx-title-accent {
  color: var(--nv-red) !important;
  background: linear-gradient(90deg, #f29aa0 0%, var(--nv-red) 55%, #ff1725 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.hero-scvxx .hx-desc {
  max-width: 620px !important;
  margin: 24px auto 0 !important;
  color: var(--nv-muted) !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.hero-scvxx .hx-buttons {
  width: auto !important;
  margin-top: 30px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
}

.hero-scvxx .hx-btn-primary,
.hero-scvxx .hx-btn-secondary {
  min-height: 50px !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.hero-scvxx .hx-btn-primary {
  background: var(--nv-red) !important;
  border-color: var(--nv-red) !important;
  box-shadow: 0 12px 32px rgba(239,43,54,.22) !important;
}

.hero-scvxx .hx-btn-primary:hover {
  background: var(--nv-red-hover) !important;
  transform: translateY(-1px) !important;
}

.hero-scvxx .hx-btn-secondary {
  color: #d7dbe1 !important;
  background: rgba(255,255,255,.025) !important;
  border-color: var(--nv-border) !important;
}

.hero-scvxx .hx-inline-stats {
  margin: 28px auto 0 !important;
  color: var(--nv-dim) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* Products */
#products {
  padding: 88px 0 100px !important;
  background: #0a0c10 !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
}

.pp-container {
  width: min(calc(100% - 40px), 1120px) !important;
  margin: 0 auto !important;
}

.pp-header { margin-bottom: 42px !important; }
.pp-eyebrow, .rv-eyebrow {
  color: var(--nv-red) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: .14em !important;
}

.pp-title, .rv-header h2 {
  margin-top: 10px !important;
  color: var(--nv-text) !important;
  font-family: inherit !important;
  font-size: clamp(38px, 4vw, 50px) !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}

.pp-subtitle {
  max-width: 620px !important;
  margin: 14px auto 0 !important;
  color: var(--nv-muted) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.pp-grid-single { max-width: 540px !important; margin: 0 auto !important; }
.pp-card {
  padding: 38px !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #13161c, #0f1217) !important;
  box-shadow: var(--nv-shadow) !important;
}

.pp-card.featured { border-color: rgba(239,43,54,.38) !important; }
.pp-best-badge {
  background: var(--nv-red) !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
}

.pp-name, .pp-price-row, .pp-features, .pp-btn, .pp-trust {
  font-family: inherit !important;
}

.pp-name { color: var(--nv-text) !important; font-size: 20px !important; font-weight: 700 !important; }
.pp-price { color: var(--nv-text) !important; }
.pp-price-suffix, .pp-features { color: var(--nv-muted) !important; }
.pp-features { line-height: 1.8 !important; }
.pp-btn.primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  background: var(--nv-red) !important;
  font-weight: 700 !important;
}
.pp-trust { color: var(--nv-dim) !important; }

/* Reviews */
#reviews {
  padding: 88px 0 96px !important;
  background: var(--nv-bg) !important;
}

.rv-container {
  width: min(calc(100% - 40px), 1120px) !important;
  margin: 0 auto !important;
}

.rv-header { margin-bottom: 40px !important; }
.rv-grid { gap: 16px !important; }
.rv-card {
  min-height: 146px !important;
  padding: 24px !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 16px !important;
  background: var(--nv-surface) !important;
  box-shadow: none !important;
}

.rv-card:hover {
  border-color: var(--nv-border-strong) !important;
  background: var(--nv-surface-2) !important;
  transform: translateY(-2px) !important;
}

.rv-headline {
  color: #e8eaed !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

.rv-product-tag {
  color: #e4626b !important;
  font-family: inherit !important;
  font-size: 12px !important;
}

.rv-discord-bar {
  margin-top: 18px !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 16px !important;
  background: var(--nv-surface) !important;
}

.rv-discord-title, .rv-discord-sub, .rv-discord-btn { font-family: inherit !important; }
.rv-discord-sub { color: var(--nv-muted) !important; }
.rv-discord-btn { border-radius: 11px !important; background: var(--nv-red) !important; }

/* Footer */
footer {
  background: #090b0f !important;
  border-top: 1px solid var(--nv-border) !important;
}

.ft-container, .ft-brand-desc, .ft-col-title, .ft-links, .ft-discord-title,
.ft-discord-sub, .ft-copy, .ft-terms, .ft-disclaimer {
  font-family: inherit !important;
}

.ft-brand-desc, .ft-link, .ft-discord-sub, .ft-copy, .ft-disclaimer { color: var(--nv-muted) !important; }

/* Customer dashboard */
.scvxx-dash {
  padding-top: 76px !important;
  color: var(--nv-text) !important;
  background: var(--nv-bg) !important;
}

.scvxx-dash .sd-header h2,
.scvxx-dash .sd-title,
.scvxx-dash h2,
.scvxx-dash h3,
.scvxx-dash h4 {
  color: var(--nv-text) !important;
  font-family: inherit !important;
}

.scvxx-dash .sd-sub,
.scvxx-dash p,
.scvxx-dash small { color: var(--nv-muted) !important; }

.scvxx-dash .sd-card,
.scvxx-dash .sd-tabbar,
.scvxx-dash .sd-quickcard,
.scvxx-dash .sd-launcher,
.scvxx-dash .sd-reqs {
  background: var(--nv-surface) !important;
  border-color: var(--nv-border) !important;
  box-shadow: none !important;
}

.scvxx-dash .sd-tab { color: var(--nv-muted) !important; }
.scvxx-dash .sd-tab:hover { color: #fff !important; background: rgba(255,255,255,.04) !important; }
.scvxx-dash .sd-tab-active { color: #ff626b !important; background: var(--nv-red-soft) !important; }

@media (max-width: 980px) {
  .navo-nav-inner { grid-template-columns: 1fr auto !important; }
  .navo-links { display: none !important; }
  .navo-right { grid-column: 2 !important; }
}

@media (max-width: 700px) {
  .navo-nav, .navo-nav-inner { height: 66px !important; }
  .navo-nav-inner { width: calc(100% - 24px) !important; }
  .navo-logo span { display: none !important; }
  .navo-logo img { width: 29px !important; height: 29px !important; }
  .navo-right { gap: 6px !important; }
  .navo-dashboard { min-width: 82px !important; min-height: 38px !important; padding: 0 14px !important; }
  .hero-scvxx { min-height: 600px !important; }
  .hero-scvxx .hx-container { width: calc(100% - 28px) !important; padding: 72px 0 68px !important; }
  .hero-scvxx .hx-title { font-size: clamp(42px, 13vw, 58px) !important; }
  .hero-scvxx .hx-desc { font-size: 16px !important; }
  .hero-scvxx .hx-buttons { width: 100% !important; flex-direction: column !important; }
  .hero-scvxx .hx-btn-primary, .hero-scvxx .hx-btn-secondary { width: 100% !important; }
  #products, #reviews { padding: 70px 0 76px !important; }
  .pp-container, .rv-container { width: calc(100% - 28px) !important; }
  .pp-card { padding: 28px 22px !important; }
  .rv-grid { grid-template-columns: 1fr !important; }
}

/* ===== NAVO ATMOSPHERIC BACKGROUNDS ===== */
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(239,43,54,.065), transparent 24rem),
    radial-gradient(circle at 88% 34%, rgba(72,42,96,.055), transparent 30rem),
    #08090b !important;
}

.hero-scvxx {
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 48% 42% at 50% 48%, rgba(239,43,54,.15), transparent 70%),
    radial-gradient(circle at 18% 22%, rgba(89,38,62,.10), transparent 26rem),
    radial-gradient(circle at 84% 72%, rgba(40,54,82,.08), transparent 30rem),
    linear-gradient(180deg, #08090b 0%, #09090c 58%, #08090b 100%) !important;
}

.hero-scvxx::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  mask-image: radial-gradient(ellipse 68% 62% at 50% 48%, #000 18%, transparent 78%) !important;
  -webkit-mask-image: radial-gradient(ellipse 68% 62% at 50% 48%, #000 18%, transparent 78%) !important;
  opacity: .56 !important;
}

.hero-scvxx::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(8,9,11,.86), transparent 20%, transparent 80%, rgba(8,9,11,.86)),
    linear-gradient(180deg, rgba(8,9,11,.35), transparent 28%, transparent 72%, #08090b) !important;
}

.hero-scvxx .hx-glow {
  width: 760px !important;
  height: 760px !important;
  background:
    radial-gradient(circle, rgba(239,43,54,.12) 0%, rgba(151,32,49,.055) 34%, transparent 70%) !important;
  filter: blur(8px) !important;
}

.hero-scvxx .hx-container {
  z-index: 2 !important;
}

#products {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 54% 38% at 50% 12%, rgba(239,43,54,.085), transparent 72%),
    radial-gradient(circle at 8% 78%, rgba(44,58,86,.06), transparent 25rem),
    linear-gradient(180deg, #0a0c10 0%, #0b0d12 50%, #090b0f 100%) !important;
}

#products::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.024) 46.1% 46.2%, transparent 46.3% 100%),
    linear-gradient(60deg, transparent 0 58%, rgba(239,43,54,.025) 58.1% 58.2%, transparent 58.3% 100%) !important;
  background-size: 340px 340px, 420px 420px !important;
  opacity: .7 !important;
}

#products::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(760px, 84vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(239,43,54,.48), transparent) !important;
  box-shadow: 0 0 28px rgba(239,43,54,.16) !important;
}

#reviews {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(239,43,54,.065), transparent 24rem),
    radial-gradient(circle at 88% 78%, rgba(48,62,92,.065), transparent 28rem),
    linear-gradient(145deg, #08090b 0%, #0a0c10 48%, #08090b 100%) !important;
}

#reviews::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(135deg, transparent 0 38px, rgba(255,255,255,.014) 39px, transparent 40px) !important;
  mask-image: linear-gradient(90deg, #000, transparent 42%, transparent 58%, #000) !important;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 42%, transparent 58%, #000) !important;
}

.rv-card,
.pp-card {
  backdrop-filter: blur(12px) saturate(115%) !important;
}

footer {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(239,43,54,.07), transparent 25rem),
    linear-gradient(180deg, #090b0f, #07080a) !important;
}

footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: radial-gradient(rgba(255,255,255,.055) .7px, transparent .7px) !important;
  background-size: 22px 22px !important;
  mask-image: linear-gradient(180deg, #000, transparent 72%) !important;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 72%) !important;
  opacity: .35 !important;
}

.scvxx-dash {
  background:
    radial-gradient(circle at 78% 12%, rgba(239,43,54,.075), transparent 28rem),
    radial-gradient(circle at 18% 70%, rgba(43,57,87,.055), transparent 30rem),
    #08090b !important;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-scvxx .hx-glow {
    animation: navo-ambient-drift 12s ease-in-out infinite alternate !important;
  }

  @keyframes navo-ambient-drift {
    from { opacity: .72; transform: translate(-52%, -50%) scale(.96); }
    to { opacity: 1; transform: translate(-48%, -52%) scale(1.08); }
  }
}

@media (max-width: 700px) {
  .hero-scvxx::before {
    background-size: 38px 38px !important;
    opacity: .34 !important;
  }

  #products,
  #reviews {
    background-position: center top !important;
  }
}

/* ===== NAVO SEAMLESS SECTIONS ===== */
.hero-scvxx {
  margin-bottom: -1px !important;
}

#products {
  border-top: 0 !important;
  margin-top: 0 !important;
}

#products::after {
  display: none !important;
}

#products::before {
  top: -1px !important;
}

#reviews {
  border-top: 0 !important;
  margin-top: -1px !important;
}

footer {
  margin-top: -1px !important;
}

/* ===== NAVO MATCHED SECTION EDGES ===== */
.hero-scvxx {
  background:
    radial-gradient(ellipse 48% 42% at 50% 48%, rgba(239,43,54,.15), transparent 70%),
    radial-gradient(circle at 18% 22%, rgba(89,38,62,.10), transparent 26rem),
    radial-gradient(circle at 84% 72%, rgba(40,54,82,.08), transparent 30rem),
    linear-gradient(180deg, #08090b 0%, #09090c 58%, #0a0c10 100%) !important;
}

.hero-scvxx::after {
  background:
    linear-gradient(90deg, rgba(8,9,11,.86), transparent 20%, transparent 80%, rgba(8,9,11,.86)),
    linear-gradient(180deg, rgba(8,9,11,.28), transparent 28%, transparent 74%, #0a0c10) !important;
}

#products {
  background:
    radial-gradient(ellipse 54% 38% at 50% 12%, rgba(239,43,54,.085), transparent 72%),
    radial-gradient(circle at 8% 78%, rgba(44,58,86,.06), transparent 25rem),
    linear-gradient(180deg, #0a0c10 0%, #0b0d12 50%, #090b0f 100%) !important;
}

#reviews {
  background:
    radial-gradient(circle at 16% 20%, rgba(239,43,54,.065), transparent 24rem),
    radial-gradient(circle at 88% 78%, rgba(48,62,92,.065), transparent 28rem),
    linear-gradient(180deg, #090b0f 0%, #0a0c10 38%, #08090b 100%) !important;
}

/* ===== NAVO CONTINUOUS CANVAS ===== */
html,
body,
#app,
.flex-wrapper {
  background-color: #08090b !important;
}

.hero-scvxx,
#products,
#reviews {
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.hero-scvxx {
  background-image:
    radial-gradient(ellipse 48% 42% at 50% 48%, rgba(239,43,54,.15), transparent 70%),
    radial-gradient(circle at 18% 22%, rgba(89,38,62,.10), transparent 26rem),
    radial-gradient(circle at 84% 72%, rgba(40,54,82,.08), transparent 30rem) !important;
}

.hero-scvxx::after {
  background:
    linear-gradient(90deg, rgba(8,9,11,.74), transparent 20%, transparent 80%, rgba(8,9,11,.74)),
    linear-gradient(180deg, rgba(8,9,11,.16), transparent 24%, transparent 88%, rgba(8,9,11,.12)) !important;
}

#products {
  background-image:
    radial-gradient(ellipse 54% 38% at 50% 22%, rgba(239,43,54,.085), transparent 72%),
    radial-gradient(circle at 8% 78%, rgba(44,58,86,.06), transparent 25rem) !important;
}

#products::before {
  top: 0 !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 88%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 88%, transparent 100%) !important;
}

#reviews {
  background-image:
    radial-gradient(circle at 16% 24%, rgba(239,43,54,.065), transparent 24rem),
    radial-gradient(circle at 88% 74%, rgba(48,62,92,.065), transparent 28rem) !important;
}

#reviews::before {
  mask-image: radial-gradient(ellipse 86% 78% at center, #000 32%, transparent 100%) !important;
  -webkit-mask-image: radial-gradient(ellipse 86% 78% at center, #000 32%, transparent 100%) !important;
}

footer {
  border-top: 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(239,43,54,.07), transparent 25rem),
    #08090b !important;
}

/* ===== NAVO ZERO-SEAM BACKGROUND ===== */
html {
  background: #08090b !important;
}

body,
#app,
.flex-wrapper {
  background:
    radial-gradient(circle at 50% 14%, rgba(239,43,54,.105), transparent 34rem),
    radial-gradient(circle at 10% 46%, rgba(50,64,94,.055), transparent 30rem),
    radial-gradient(circle at 88% 72%, rgba(111,38,68,.06), transparent 32rem),
    linear-gradient(180deg, #08090b 0%, #090b0f 48%, #08090b 100%) !important;
  background-attachment: fixed !important;
}

.hero-scvxx,
#products,
#reviews {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hero-scvxx::before,
.hero-scvxx::after,
#products::before,
#products::after,
#reviews::before,
#reviews::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-scvxx .hx-glow {
  display: block !important;
  background: radial-gradient(circle, rgba(239,43,54,.13) 0%, rgba(151,32,49,.045) 38%, transparent 72%) !important;
}

footer {
  margin: 0 !important;
  border: 0 !important;
  background: rgba(6,7,9,.42) !important;
}

/* ===== NAVO FAQ CONTINUITY FIX ===== */
#reviews {
  padding-bottom: 64px !important;
}

#faq.nv-faq {
  margin: 0 !important;
  padding: 68px 40px 96px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#faq.nv-faq::before,
#faq.nv-faq::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  #reviews {
    padding-bottom: 52px !important;
  }

  #faq.nv-faq {
    padding: 56px 20px 76px !important;
  }
}

/* ===== NAVO SOFT SECTION FADES ===== */
.hero-scvxx {
  background:
    radial-gradient(ellipse 52% 46% at 50% 48%, rgba(239,43,54,.13), transparent 72%),
    linear-gradient(180deg, transparent 0%, rgba(92,25,40,.025) 34%, rgba(239,43,54,.035) 58%, transparent 100%) !important;
}

#products {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(239,43,54,.025) 12%,
      rgba(102,28,45,.045) 38%,
      rgba(35,44,65,.028) 76%,
      transparent 100%) !important;
}

#reviews {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(45,54,76,.025) 12%,
      rgba(239,43,54,.04) 42%,
      rgba(101,28,47,.025) 78%,
      transparent 100%) !important;
}

#faq.nv-faq {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(239,43,54,.028) 18%,
      rgba(76,25,40,.035) 48%,
      rgba(34,43,63,.022) 78%,
      transparent 100%) !important;
}

footer {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(6,7,9,.32) 28%,
      rgba(6,7,9,.62) 100%) !important;
}

/* ===== NAVO DEEPER SOFT FADES ===== */
#products {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(239,43,54,.012) 10%,
      rgba(239,43,54,.04) 24%,
      rgba(105,29,48,.065) 46%,
      rgba(40,49,72,.04) 72%,
      rgba(20,24,34,.012) 90%,
      transparent 100%) !important;
}

#reviews {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(44,53,74,.012) 9%,
      rgba(239,43,54,.04) 25%,
      rgba(126,31,51,.068) 48%,
      rgba(91,27,45,.04) 72%,
      rgba(22,25,35,.012) 91%,
      transparent 100%) !important;
}

#faq.nv-faq {
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(239,43,54,.014) 9%,
      rgba(239,43,54,.042) 25%,
      rgba(91,27,45,.06) 50%,
      rgba(40,49,70,.035) 76%,
      rgba(20,23,32,.01) 92%,
      transparent 100%) !important;
}

/* ===== NAVO MAXIMUM RENDER QUALITY ===== */
body,
body div:not([class^="fa-"]):not([class*=" fa-"]),
body span:not([class^="fa-"]):not([class*=" fa-"]),
body p,
body a,
body button,
body input,
body select,
body textarea,
body label,
body li,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  font-kerning: auto !important;
  font-synthesis: none !important;
}

.navo-logo span {
  font-weight: 700 !important;
  letter-spacing: -.1px !important;
}

.navo-links a {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.hero-scvxx .hx-title,
.hero-scvxx .hx-title-accent {
  font-family: "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(52px, 5.5vw, 72px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.028em !important;
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

.hero-scvxx .hx-desc,
.hero-scvxx .hx-buttons,
.hero-scvxx .hx-inline-stats {
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

.hero-scvxx .hx-title {
  animation: navo-crisp-fade .42s ease-out .05s both !important;
}

.hero-scvxx .hx-title-accent {
  animation: navo-crisp-fade .42s ease-out .12s both !important;
}

.hero-scvxx .hx-desc {
  animation: navo-crisp-fade .42s ease-out .18s both !important;
}

.hero-scvxx .hx-buttons {
  animation: navo-crisp-fade .42s ease-out .24s both !important;
}

.hero-scvxx .hx-inline-stats {
  animation: navo-crisp-fade .42s ease-out .30s both !important;
}

@keyframes navo-crisp-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.pp-title,
.rv-header h2,
.nf-title {
  font-family: "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.024em !important;
  line-height: 1.12 !important;
}

.pp-name,
.rv-headline,
.nf-question,
.ft-logo-text {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.pp-subtitle,
.pp-features,
.rv-discord-sub,
.nf-answer,
.ft-brand-desc,
.ft-disclaimer {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.pp-card,
.rv-card,
.rv-discord-bar,
.nf-item,
.navo-nav,
.navo-lang-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.pp-card,
.rv-card,
.rv-discord-bar,
.nf-item {
  transform: none;
  will-change: auto !important;
  background-color: #11141a !important;
}

.pp-card:hover,
.rv-card:hover,
.nf-item:hover {
  transform: translateY(-1px) !important;
}

.navo-nav {
  background: #090b0f !important;
}

img,
svg {
  image-rendering: auto !important;
  shape-rendering: geometricPrecision;
}

@media (prefers-reduced-motion: reduce) {
  .hero-scvxx .hx-title,
  .hero-scvxx .hx-title-accent,
  .hero-scvxx .hx-desc,
  .hero-scvxx .hx-buttons,
  .hero-scvxx .hx-inline-stats {
    animation: none !important;
    opacity: 1 !important;
  }
}

/* ===== NAVO PREMIUM MANROPE TYPE ===== */
body,
body div:not([class^="fa-"]):not([class*=" fa-"]),
body span:not([class^="fa-"]):not([class*=" fa-"]),
body p,
body a,
body button,
body input,
body select,
body textarea,
body label,
body li,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1 !important;
  font-kerning: normal !important;
}

.navo-logo span {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
}

.navo-links a {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -.005em !important;
}

.navo-lang-trigger,
.navo-dashboard {
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.hero-scvxx .hx-title,
.hero-scvxx .hx-title-accent {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
}

.hero-scvxx .hx-desc {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: -.012em !important;
}

.hero-scvxx .hx-btn-primary,
.hero-scvxx .hx-btn-secondary {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.hero-scvxx .hx-inline-stats {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -.005em !important;
}

.pp-title,
.rv-header h2,
.nf-title {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.042em !important;
}

.pp-eyebrow,
.rv-eyebrow,
.nf-eyebrow {
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

.pp-subtitle {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: -.01em !important;
}

.pp-name {
  font-size: 20px !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}

.pp-features {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
  letter-spacing: -.008em !important;
}

.rv-headline,
.rv-discord-title {
  font-weight: 700 !important;
  letter-spacing: -.018em !important;
}

.rv-product-tag,
.rv-discord-sub {
  font-weight: 500 !important;
  letter-spacing: -.005em !important;
}

.nf-question {
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
}

.nf-answer {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: -.006em !important;
}

.ft-logo-text,
.ft-col-title,
.ft-discord-title {
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
}

.ft-brand-desc,
.ft-link,
.ft-discord-sub,
.ft-copy,
.ft-terms,
.ft-disclaimer {
  font-weight: 500 !important;
  letter-spacing: -.006em !important;
}

.scvxx-dash,
.scvxx-dash button,
.scvxx-dash a,
.scvxx-dash input {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
}

.scvxx-dash .sd-header h2,
.scvxx-dash .sd-title {
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}

.scvxx-dash .sd-tab {
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
}

/* ===== NAVO INTER + NAV REVEAL ===== */
.navo-nav {
  animation: navo-nav-shell-in .55s cubic-bezier(.22,1,.36,1) both !important;
}

.navo-logo,
.navo-links,
.navo-right {
  opacity: 0;
  animation: navo-nav-item-in .48s cubic-bezier(.22,1,.36,1) both !important;
}

.navo-logo { animation-delay: .12s !important; }
.navo-links { animation-delay: .18s !important; }
.navo-right { animation-delay: .24s !important; }

.navo-logo span {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.018em !important;
}

.navo-links a {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
}

.navo-lang-trigger,
.navo-dashboard {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}

@keyframes navo-nav-shell-in {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes navo-nav-item-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .navo-nav,
  .navo-logo,
  .navo-links,
  .navo-right {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ===== NAVO KRYPTON GLASS NAV ===== */
.navo-nav {
  height: 88px !important;
  background:
    linear-gradient(105deg, rgba(8,12,18,.64), rgba(9,13,20,.52) 52%, rgba(8,12,18,.62)) !important;
  border-bottom: 1px solid rgba(144,169,200,.14) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.navo-nav-inner {
  width: min(calc(100% - 56px), 1240px) !important;
  height: 88px !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 42px !important;
}

.navo-logo {
  gap: 13px !important;
}

.navo-logo img {
  width: 36px !important;
  height: 36px !important;
  filter: drop-shadow(0 6px 14px rgba(239,43,54,.2)) !important;
}

.navo-logo span {
  color: #f3f6fa !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  letter-spacing: -.025em !important;
}

.navo-links {
  gap: 43px !important;
}

.navo-links a {
  padding: 32px 0 30px !important;
  color: #b9c8da !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .005em !important;
}

.navo-links a::after {
  bottom: 22px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #e8535c, #ef2b36) !important;
}

.navo-links a:hover {
  color: #f6f9fc !important;
}

.navo-right {
  gap: 15px !important;
}

.navo-lang-trigger {
  min-height: 42px !important;
  padding: 0 10px !important;
  color: #c2cfde !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}

.navo-lang-trigger:hover,
.navo-lang-trigger[aria-expanded="true"] {
  color: #fff !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(167,188,214,.13) !important;
}

.navo-dashboard {
  min-width: 104px !important;
  min-height: 44px !important;
  padding: 0 21px !important;
  color: #0b1119 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  border: 1px solid rgba(224,237,251,.52) !important;
  border-radius: 999px !important;
  background: rgba(210,227,247,.90) !important;
  box-shadow:
    0 9px 26px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.68) !important;
}

.navo-dashboard:hover {
  color: #08101a !important;
  background: rgba(228,239,252,.98) !important;
  border-color: rgba(238,246,255,.8) !important;
  transform: translateY(-1px) !important;
}

.navo-lang-menu {
  background: rgba(12,17,24,.94) !important;
  border-color: rgba(153,179,210,.18) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
}

@media (max-width: 980px) {
  .navo-nav,
  .navo-nav-inner {
    height: 72px !important;
  }

  .navo-nav-inner {
    width: calc(100% - 28px) !important;
    grid-template-columns: 1fr auto !important;
  }

  .navo-links {
    display: none !important;
  }

  .navo-right {
    grid-column: 2 !important;
  }

  .navo-logo img {
    width: 31px !important;
    height: 31px !important;
  }

  .navo-logo span {
    font-size: 15px !important;
  }
}

@media (max-width: 480px) {
  .navo-logo span {
    display: none !important;
  }

  .navo-dashboard {
    min-width: 84px !important;
    min-height: 39px !important;
    padding: 0 14px !important;
  }

  .navo-right {
    gap: 6px !important;
  }
}

/* ===== NAVO EXACT REFERENCE NAV ===== */
.navo-nav {
  height: 96px !important;
  background:
    linear-gradient(110deg, rgba(8,12,18,.76), rgba(10,14,21,.66) 52%, rgba(8,12,18,.74)) !important;
  border-bottom: 1px solid rgba(135,164,199,.17) !important;
  backdrop-filter: blur(15px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(135%) !important;
  box-shadow: none !important;
}

.navo-nav-inner {
  width: calc(100% - 64px) !important;
  max-width: 1540px !important;
  height: 96px !important;
  padding: 0 !important;
  grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr) !important;
  gap: 48px !important;
}

.navo-logo {
  gap: 16px !important;
  overflow: visible !important;
}

.navo-logo img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  transform: scale(1.28) !important;
  transform-origin: center !important;
  filter: drop-shadow(0 5px 12px rgba(239,43,54,.18)) !important;
}

.navo-logo span {
  font-family: "Space Grotesk", "Inter", sans-serif !important;
  color: #f4f7fb !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -.025em !important;
}

.navo-links {
  gap: 48px !important;
}

.navo-links a {
  padding: 36px 0 34px !important;
  font-family: "Space Grotesk", "Inter", sans-serif !important;
  color: #bfd0e4 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .005em !important;
}

.navo-links a::after {
  bottom: 25px !important;
}

.navo-right {
  gap: 18px !important;
}

.navo-lang-trigger {
  min-height: 44px !important;
  padding: 0 9px !important;
  font-family: "Space Grotesk", "Inter", sans-serif !important;
  color: #c4d2e2 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.navo-dashboard {
  min-width: 108px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  font-family: "Space Grotesk", "Inter", sans-serif !important;
  color: #09111b !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  border: 1px solid rgba(197,220,247,.72) !important;
  background: rgba(164,198,235,.94) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.42) !important;
}

.navo-dashboard:hover {
  background: #b8d5f3 !important;
  border-color: #c8e0f8 !important;
}

@media (max-width: 1100px) {
  .navo-nav-inner {
    width: calc(100% - 36px) !important;
    grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr) !important;
    gap: 28px !important;
  }

  .navo-links {
    gap: 30px !important;
  }
}

@media (max-width: 900px) {
  .navo-nav,
  .navo-nav-inner {
    height: 72px !important;
  }

  .navo-nav-inner {
    width: calc(100% - 26px) !important;
    grid-template-columns: 1fr auto !important;
  }

  .navo-links {
    display: none !important;
  }

  .navo-logo img {
    width: 32px !important;
    height: 32px !important;
    transform: scale(1.18) !important;
  }

  .navo-logo span {
    font-size: 16px !important;
  }

  .navo-right {
    grid-column: 2 !important;
  }
}


/* ===== NAVO BOLDER NAV TYPE ===== */
header nav a,
header nav button,
header nav [role="button"],
header nav .nav-link,
header nav .language-selector,
header nav .language-trigger,
header nav .dashboard-button {
  font-weight: 650 !important;
}


/* ===== NAVO LARGER BOLDER NAV ===== */
header,
header nav {
  min-height: 108px !important;
}
header nav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
header nav a,
header nav button,
header nav [role="button"],
header nav .nav-link,
header nav .language-selector,
header nav .language-trigger,
header nav .dashboard-button {
  font-size: 16px !important;
  font-weight: 700 !important;
}
header nav .dashboard-button,
header nav a[href*="dashboard"] {
  min-height: 48px !important;
  padding: 0 24px !important;
}
header nav img {
  transform: scale(1.12);
  transform-origin: left center;
}


/* ===== NAVO EXTRA LARGE NAV ===== */
header,
header nav {
  min-height: 118px !important;
}
header nav a,
header nav button,
header nav [role="button"],
header nav .nav-link,
header nav .language-selector,
header nav .language-trigger,
header nav .dashboard-button {
  font-size: 18px !important;
  font-weight: 700 !important;
}
header nav .dashboard-button,
header nav a[href*="dashboard"] {
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 28px !important;
}
header nav img {
  transform: scale(1.25);
  transform-origin: left center;
}


/* ===== NAVO BIGGER NAV FONT ONLY ===== */
header nav a,
header nav button,
header nav [role="button"],
header nav .nav-link,
header nav .language-selector,
header nav .language-trigger,
header nav .dashboard-button {
  font-size: 21px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}


/* ===== NAVO HUGE NAV FONT ===== */
header nav a,
header nav button,
header nav [role="button"],
header nav .nav-link,
header nav .language-selector,
header nav .language-trigger,
header nav .dashboard-button {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}


/* ===== NAVO VERIFIED HUGE NAV TEXT ===== */
.navo-nav .navo-logo,
.navo-nav .navo-links a,
.navo-nav .navo-language,
.navo-nav .navo-language button,
.navo-nav .navo-dashboard {
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}


/* ===== NAVO BALANCED NAV TEXT ===== */
.navo-nav .navo-logo,
.navo-nav .navo-links a,
.navo-nav .navo-language,
.navo-nav .navo-language button,
.navo-nav .navo-dashboard {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}


/* ===== NAVO ORGANIZED DASHBOARD CATEGORIES ===== */
.sd-tabbar[data-categorized="true"] {
  display: block !important;
  padding: 10px !important;
  overflow: visible !important;
  background: rgba(13, 17, 24, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 18px !important;
}
.sd-category-grid {
  display: grid;
  grid-template-columns: 1.65fr 1fr 1fr;
  gap: 10px;
}
.sd-category {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}
.sd-category-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 5px 9px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sd-category-heading i {
  color: #f22735;
  font-size: 11px;
}
.sd-category-items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sd-category-items .sd-tab {
  flex: 1 1 auto;
  min-width: max-content;
  justify-content: center;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}
.sd-category-items .sd-tab-active {
  background: linear-gradient(135deg, rgba(242, 39, 53, 0.24), rgba(242, 39, 53, 0.13)) !important;
  box-shadow: inset 0 0 0 1px rgba(242, 39, 53, 0.18);
}
@media (max-width: 1050px) {
  .sd-category-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sd-category:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  .sd-category-grid {
    grid-template-columns: 1fr;
  }
  .sd-category:first-child {
    grid-column: auto;
  }
  .sd-category-items .sd-tab {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
  }
}


/* ===== NAVO CLEARER DASHBOARD CATEGORIES ===== */
.sd-tabbar[data-categorized="true"] {
  background: rgba(17, 22, 31, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24) !important;
}
.sd-category {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}
.sd-category-heading {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px !important;
}
.sd-category-heading i {
  color: #ff3d4b !important;
  filter: drop-shadow(0 0 7px rgba(242, 39, 53, 0.35));
}
.sd-category-items .sd-tab {
  color: rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.sd-category-items .sd-tab:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
.sd-category-items .sd-tab-active {
  color: #ff4b57 !important;
  background: linear-gradient(135deg, rgba(242, 39, 53, 0.26), rgba(242, 39, 53, 0.14)) !important;
  border-color: rgba(242, 39, 53, 0.32) !important;
}


/* ===== NAVO LARGE DASHBOARD CATEGORIES ===== */
.sd-tabbar[data-categorized="true"] {
  padding: 14px !important;
  border-radius: 20px !important;
}
.sd-category-grid {
  gap: 14px !important;
}
.sd-category {
  min-height: 138px;
  padding: 15px !important;
  border-radius: 16px !important;
}
.sd-category-heading {
  gap: 10px !important;
  padding: 2px 6px 13px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}
.sd-category-heading i {
  font-size: 15px !important;
}
.sd-category-items {
  gap: 9px !important;
}
.sd-category-items .sd-tab {
  min-height: 48px !important;
  padding: 13px 16px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  gap: 9px !important;
}
.sd-category-items .sd-tab i {
  font-size: 15px !important;
}
@media (max-width: 700px) {
  .sd-category {
    min-height: auto;
  }
  .sd-category-heading {
    font-size: 14px !important;
  }
  .sd-category-items .sd-tab {
    min-height: 46px !important;
    font-size: 14px !important;
  }
}


/* ===== NAVO HOMEPAGE TRUST STRIP ===== */
.navo-trust-strip { position:relative; z-index:2; padding:26px 24px 38px; background:radial-gradient(60% 100% at 50% 0%,rgba(242,39,53,.07),transparent 72%),linear-gradient(180deg,rgba(10,14,21,.98),rgba(8,12,18,.96)); }
.navo-trust-inner { width:min(1180px,100%); margin:0 auto; padding:18px 20px 22px; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:linear-gradient(145deg,rgba(20,26,36,.88),rgba(12,17,25,.82)); box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04); }
.navo-trust-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,.9fr); align-items:center; }
.navo-trust-item,.navo-trust-secure { display:flex; align-items:center; gap:11px; min-width:0; padding:7px 16px; border-right:1px solid rgba(255,255,255,.08); }
.navo-trust-secure { border-right:0; }
.navo-trust-icon,.navo-trust-secure>i { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border:1px solid rgba(242,39,53,.24); border-radius:12px; color:#ff4250; background:rgba(242,39,53,.09); }
.navo-trust-item>span:last-child,.navo-trust-secure>span { display:flex; min-width:0; flex-direction:column; }
.navo-trust-item strong,.navo-trust-secure strong { color:#f6f8fb; font-size:13px; font-weight:750; line-height:1.25; }
.navo-trust-item small,.navo-trust-secure small { margin-top:2px; color:rgba(255,255,255,.48); font-size:10px; line-height:1.3; }
.navo-trust-secure small { margin:0 0 2px; color:#ff5260; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.navo-trust-divider { display:flex; align-items:center; gap:14px; margin:22px auto 15px; color:rgba(255,255,255,.42); font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.navo-trust-divider::before,.navo-trust-divider::after { content:''; height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12)); }
.navo-trust-divider::after { background:linear-gradient(90deg,rgba(255,255,255,.12),transparent); }
.navo-launcher-row { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.navo-launcher { display:flex; align-items:center; gap:9px; min-height:43px; padding:0 16px; border:1px solid rgba(255,255,255,.1); border-radius:12px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.035); font-size:12px; font-weight:650; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.navo-launcher:hover { transform:translateY(-2px); border-color:rgba(242,39,53,.3); background:rgba(242,39,53,.07); }
.navo-launcher i { color:#ff4250; }
@media (max-width:1000px) { .navo-trust-benefits{grid-template-columns:repeat(2,1fr);gap:8px}.navo-trust-item,.navo-trust-secure{border:0}.navo-trust-secure{grid-column:1/-1;justify-content:center} }
@media (max-width:620px) { .navo-trust-strip{padding:18px 14px 28px}.navo-trust-inner{padding:12px 12px 18px;border-radius:17px}.navo-trust-benefits{grid-template-columns:1fr}.navo-trust-secure{grid-column:auto;justify-content:flex-start}.navo-launcher{width:calc(50% - 5px);justify-content:center;padding:0 10px} }


/* ===== NAVO HERO TO TRUST STRIP JOIN ===== */
.hero-scvxx .hx-inline-stats {
  display: none !important;
}
.hero-scvxx {
  height: 540px !important;
  min-height: 540px !important;
}
.navo-trust-strip {
  margin-top: -1px !important;
  padding-top: 0 !important;
  background:
    linear-gradient(180deg, rgba(9,13,20,.98), rgba(8,12,18,.96)) !important;
}
.navo-trust-inner {
  opacity: 0;
  transform: translateY(16px);
  animation: navoTrustFadeIn .9s cubic-bezier(.22,.75,.25,1) .12s forwards;
}
@keyframes navoTrustFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 700px) {
  .hero-scvxx {
    height: auto !important;
    min-height: 520px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .navo-trust-inner {
    opacity: 1;
    transform: none;
    animation: none;
  }
}


/* ===== NAVO BLENDED TRUST STRIP EDGES ===== */
.navo-trust-strip {
  padding-top: 20px !important;
  padding-bottom: 64px !important;
  background:
    radial-gradient(55% 75% at 50% 38%, rgba(242,39,53,.055), transparent 78%),
    linear-gradient(
      180deg,
      rgba(8,12,18,0) 0%,
      rgba(8,12,18,.82) 14%,
      rgba(8,12,18,.94) 46%,
      rgba(8,12,18,.78) 82%,
      rgba(8,12,18,0) 100%
    ) !important;
}
.navo-trust-inner {
  border-color: rgba(255,255,255,.075) !important;
  background:
    radial-gradient(80% 120% at 50% 0%, rgba(43,54,72,.18), transparent 72%),
    linear-gradient(145deg, rgba(19,25,35,.78), rgba(12,17,25,.7)) !important;
  box-shadow:
    0 25px 70px rgba(0,0,0,.22),
    0 0 90px rgba(24,34,49,.12),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.navo-trust-inner::before {
  content: '';
  position: absolute;
  inset: -28px;
  z-index: -1;
  pointer-events: none;
  border-radius: 42px;
  background: radial-gradient(65% 70% at 50% 50%, rgba(34,44,60,.13), transparent 78%);
  filter: blur(18px);
}
.navo-trust-inner {
  position: relative;
  isolation: isolate;
}
#products {
  margin-top: -30px !important;
  padding-top: 92px !important;
}
@media (max-width: 620px) {
  .navo-trust-strip {
    padding-top: 12px !important;
    padding-bottom: 46px !important;
  }
  #products {
    margin-top: -22px !important;
    padding-top: 72px !important;
  }
}


/* ===== NAVO DEEPER TRUST STRIP BLEND ===== */
.navo-trust-strip {
  padding-top: 12px !important;
  padding-bottom: 82px !important;
  background:
    radial-gradient(62% 82% at 50% 40%, rgba(242,39,53,.045), transparent 82%),
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(9,13,20,.38) 11%,
      rgba(9,13,20,.72) 35%,
      rgba(9,13,20,.68) 64%,
      rgba(9,13,20,.28) 86%,
      transparent 100%
    ) !important;
}
.navo-trust-inner {
  border-color: rgba(255,255,255,.045) !important;
  background:
    radial-gradient(95% 150% at 50% -20%, rgba(53,66,86,.2), transparent 70%),
    linear-gradient(145deg, rgba(20,27,38,.62), rgba(12,17,25,.54)) !important;
  box-shadow:
    0 22px 65px rgba(0,0,0,.16),
    0 0 120px 30px rgba(18,28,43,.1),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.navo-trust-inner::before {
  inset: -46px !important;
  border-radius: 60px !important;
  background:
    radial-gradient(70% 78% at 50% 50%, rgba(38,49,68,.16), transparent 82%) !important;
  filter: blur(26px) !important;
}
#products {
  margin-top: -52px !important;
  padding-top: 114px !important;
}
@media (max-width:620px) {
  .navo-trust-strip { padding-bottom:60px !important; }
  #products { margin-top:-38px !important; padding-top:88px !important; }
}


/* ===== NAVO HIGHER TRUST STRIP ===== */
.navo-trust-strip {
  margin-top: -64px !important;
}
@media (max-width: 700px) {
  .navo-trust-strip {
    margin-top: -34px !important;
  }
}


/* ===== NAVO HOMEPAGE GUI PREVIEW ===== */
.navo-gui-section { position:relative; z-index:2; padding:100px 24px 110px; background:radial-gradient(60% 65% at 50% 45%,rgba(242,39,53,.075),transparent 76%); }
.navo-gui-heading { width:min(760px,100%); margin:0 auto 32px; text-align:center; }
.navo-gui-heading>span { color:#ff3443; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.navo-gui-heading h2 { margin:10px 0 12px; color:#f7f8fb; font-size:clamp(32px,4vw,48px); font-weight:800; letter-spacing:-.04em; }
.navo-gui-heading p { color:rgba(255,255,255,.55); font-size:15px; }
.navo-gui-shell { display:grid; grid-template-columns:260px 1fr; width:min(1120px,100%); height:610px; margin:0 auto; overflow:hidden; border:1px solid rgba(242,39,53,.25); border-radius:22px; background:rgba(8,12,18,.92); box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 80px rgba(242,39,53,.07),inset 0 1px 0 rgba(255,255,255,.04); }
.navo-gui-sidebar { display:flex; flex-direction:column; min-width:0; padding:22px 16px 16px; border-right:1px solid rgba(255,255,255,.08); background:rgba(5,9,14,.72); }
.navo-gui-brand { display:flex; align-items:center; gap:12px; padding:0 7px 18px; border-bottom:1px solid rgba(255,255,255,.07); }
.navo-gui-mark,.navo-gui-avatar { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#ff2d3d,#8e0711); font-size:20px; font-weight:900; box-shadow:0 8px 24px rgba(242,39,53,.23); }
.navo-gui-brand>span:last-child,.navo-gui-user>span:nth-child(2) { display:flex; flex-direction:column; }
.navo-gui-brand strong { color:#fff; font-size:16px; }
.navo-gui-brand small,.navo-gui-user small { margin-top:2px; color:rgba(255,255,255,.4); font-size:11px; }
.navo-gui-label { margin:18px 9px 8px; color:rgba(255,255,255,.35); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.navo-gui-label.general { margin-top:24px; }
.navo-gui-categories { display:flex; flex-direction:column; gap:6px; }
.navo-gui-categories button,.navo-gui-general span { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 13px; border:0; border-radius:11px; color:rgba(255,255,255,.56); background:transparent; font:inherit; font-size:14px; font-weight:650; text-align:left; cursor:pointer; }
.navo-gui-categories button i,.navo-gui-general i { width:18px; color:rgba(255,255,255,.42); text-align:center; }
.navo-gui-categories button:hover { color:#fff; background:rgba(255,255,255,.04); }
.navo-gui-categories button.active { color:#ff4a57; background:linear-gradient(90deg,rgba(242,39,53,.2),rgba(242,39,53,.07)); box-shadow:inset 3px 0 #f22735; }
.navo-gui-categories button.active i { color:#ff4a57; }
.navo-gui-general { display:flex; flex-direction:column; }
.navo-gui-general span { min-height:38px; }
.navo-gui-user { display:flex; align-items:center; gap:10px; margin-top:auto; padding:11px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.025); }
.navo-gui-avatar { width:38px; height:38px; flex-basis:38px; font-size:16px; }
.navo-gui-user strong { color:#fff; font-size:13px; }
.navo-gui-user>i { width:8px; height:8px; margin-left:auto; border-radius:50%; background:#1de978; box-shadow:0 0 12px #1de978; }
.navo-gui-main { display:flex; min-width:0; flex-direction:column; }
.navo-gui-top { display:flex; align-items:center; justify-content:space-between; min-height:78px; padding:0 24px; border-bottom:1px solid rgba(242,39,53,.4); color:rgba(255,255,255,.7); }
.navo-gui-top strong { color:#ff3c4a; }
.navo-gui-search { display:flex; align-items:center; gap:10px; width:min(280px,45%); height:40px; padding:0 13px; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:rgba(255,255,255,.025); color:rgba(255,255,255,.35); }
.navo-gui-search input { min-width:0; width:100%; border:0; outline:0; color:#fff; background:transparent; font:inherit; font-size:12px; }
.navo-gui-search input::placeholder { color:rgba(255,255,255,.3); }
.navo-gui-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:22px; overflow:auto; }
.navo-gui-module { display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:0 16px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.022); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.navo-gui-module:hover { transform:translateY(-2px); border-color:rgba(242,39,53,.2); background:rgba(242,39,53,.035); }
.navo-gui-module>span { display:flex; min-width:0; flex-direction:column; }
.navo-gui-module strong { color:#f7f8fb; font-size:15px; }
.navo-gui-module small { margin-top:6px; color:rgba(255,255,255,.35); font-size:10px; }
.navo-gui-module kbd { padding:2px 5px; border:1px solid rgba(255,255,255,.1); border-radius:4px; color:rgba(255,255,255,.55); background:rgba(255,255,255,.035); font:inherit; }
.navo-gui-toggle { position:relative; width:50px; height:28px; flex:0 0 50px; border:0; border-radius:999px; background:#303b4b; cursor:pointer; transition:background .2s ease; }
.navo-gui-toggle i { position:absolute; top:4px; left:4px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .22s ease; }
.navo-gui-toggle.enabled { background:#f22735; }
.navo-gui-toggle.enabled i { transform:translateX(22px); }
.navo-gui-demo-note { margin:auto 22px 18px; color:rgba(255,255,255,.32); font-size:10px; text-align:center; }
.navo-gui-demo-note i { margin-right:6px; color:#ff3c4a; }
.navo-gui-empty { grid-column:1/-1; padding:80px 20px; color:rgba(255,255,255,.35); text-align:center; }
@media (max-width:850px) { .navo-gui-shell{grid-template-columns:190px 1fr}.navo-gui-module-grid{grid-template-columns:1fr}.navo-gui-general{display:none} }
@media (max-width:620px) { .navo-gui-section{padding:70px 14px 80px}.navo-gui-shell{display:block;height:auto}.navo-gui-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.navo-gui-brand,.navo-gui-label,.navo-gui-user{display:none}.navo-gui-categories{display:grid;grid-template-columns:repeat(2,1fr)}.navo-gui-categories button{justify-content:center}.navo-gui-main{min-height:520px}.navo-gui-top{padding:0 14px}.navo-gui-search{width:55%}.navo-gui-module-grid{padding:14px}.navo-gui-heading h2{font-size:32px} }


/* ===== NAVO COMPLETE GUI POLISH ===== */
.navo-gui-complete { padding-top:110px; }
.navo-gui-complete .navo-gui-shell { grid-template-columns:280px 1fr; height:690px; border-color:rgba(255,255,255,.1); border-radius:28px; background:linear-gradient(145deg,rgba(15,18,25,.97),rgba(8,11,16,.97)); box-shadow:0 45px 130px rgba(0,0,0,.5),0 0 110px rgba(242,39,53,.08),inset 0 1px 0 rgba(255,255,255,.055); }
.navo-gui-complete .navo-gui-sidebar { padding:28px 18px 18px; background:linear-gradient(180deg,rgba(22,24,31,.88),rgba(10,13,18,.9)); }
.navo-gui-complete .navo-gui-brand { display:flex; align-items:flex-start; flex-direction:column; gap:5px; padding:0 12px 24px; }
.navo-wordmark { color:#f7f8fb; font-size:31px; font-weight:900; letter-spacing:.025em; }
.navo-wordmark b { color:#f22735; }
.navo-gui-complete .navo-gui-brand>small { color:rgba(255,255,255,.35); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.navo-gui-complete .navo-gui-categories { gap:7px; margin-top:18px; }
.navo-gui-complete .navo-gui-categories button { min-height:52px; padding:0 15px; border:1px solid transparent; border-radius:13px; font-size:15px; }
.navo-gui-complete .navo-gui-categories button i { width:21px; font-size:16px; }
.navo-gui-complete .navo-gui-categories button small { display:grid; place-items:center; min-width:25px; height:22px; margin-left:auto; border-radius:7px; color:rgba(255,255,255,.35); background:rgba(255,255,255,.045); font-size:10px; }
.navo-gui-complete .navo-gui-categories button.active { color:#fff; border-color:rgba(255,255,255,.055); background:linear-gradient(90deg,rgba(242,39,53,.2),rgba(255,255,255,.035)); box-shadow:inset 3px 0 #f22735,0 8px 25px rgba(0,0,0,.13); }
.navo-gui-complete .navo-gui-categories button.active small { color:#ff5965; background:rgba(242,39,53,.13); }
.navo-gui-complete .navo-gui-user { padding:13px; }
.navo-gui-complete .navo-gui-top { min-height:90px; padding:0 28px; border-bottom-color:rgba(255,255,255,.08); }
.navo-gui-complete .navo-gui-top>div:first-child { display:flex; flex-direction:column; gap:3px; }
.navo-gui-complete .navo-gui-top>div:first-child small { color:rgba(255,255,255,.35); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.navo-gui-complete .navo-active-category { color:#fff; font-size:19px; }
.navo-gui-complete .navo-gui-search { width:min(340px,55%); height:46px; border-radius:14px; background:rgba(255,255,255,.035); }
.navo-gui-results { min-height:0; flex:1; overflow:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.2) transparent; }
.navo-gui-complete .navo-gui-module-grid { overflow:visible; padding:24px 26px; }
.navo-gui-complete .navo-gui-module { min-height:76px; padding:0 18px; border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012)); }
.navo-gui-complete .navo-gui-module.featured { border-color:rgba(242,39,53,.15); background:linear-gradient(145deg,rgba(242,39,53,.055),rgba(255,255,255,.018)); }
.navo-gui-complete .navo-gui-module.featured strong::after { content:''; display:inline-block; width:6px; height:6px; margin-left:8px; border-radius:2px; background:#ff3443; transform:rotate(45deg); box-shadow:0 0 8px rgba(242,39,53,.6); vertical-align:2px; }
.navo-gui-complete .navo-gui-module strong { font-size:14px; letter-spacing:.01em; }
.navo-gui-complete .navo-gui-module small { color:rgba(255,255,255,.3); }
.navo-gui-complete .navo-gui-toggle { width:48px; height:27px; flex-basis:48px; }
.navo-gui-complete .navo-gui-toggle i { width:19px; height:19px; }
.navo-gui-complete .navo-gui-toggle.enabled i { transform:translateX(21px); }
@media(max-width:850px){.navo-gui-complete .navo-gui-shell{grid-template-columns:220px 1fr}.navo-gui-complete .navo-gui-module-grid{grid-template-columns:1fr}}
@media(max-width:620px){.navo-gui-complete{padding-top:75px}.navo-gui-complete .navo-gui-shell{display:block;height:auto;border-radius:20px}.navo-gui-complete .navo-gui-sidebar{padding:14px}.navo-gui-complete .navo-gui-brand,.navo-gui-complete .navo-gui-user{display:none}.navo-gui-complete .navo-gui-categories{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.navo-gui-complete .navo-gui-categories button{min-height:46px;font-size:13px}.navo-gui-complete .navo-gui-main{min-height:600px}.navo-gui-complete .navo-gui-top{padding:0 15px}.navo-gui-complete .navo-gui-search{width:58%}.navo-gui-complete .navo-gui-module-grid{padding:14px}}


/* ===== NAVO MODULES GUI PLACEHOLDER FIX ===== */
#md-navpills .md-navpill[data-navo-gui] {
  border-color: rgba(242,39,53,.30) !important;
}
#md-navpills .md-navpill[data-navo-gui] i { color:#ff3443 !important; }
#md-navpills .md-navpill[data-navo-gui]:hover,
#md-navpills .md-navpill[data-navo-gui].navo-gui-selected {
  color:#fff !important;
  border-color:rgba(242,39,53,.55) !important;
  background:rgba(242,39,53,.12) !important;
  box-shadow:0 8px 24px rgba(242,39,53,.09) !important;
}
.navo-modules-gui-placeholder {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  min-height:380px !important;
  margin:58px 0 26px !important;
  padding:58px 28px !important;
  border:1px solid rgba(242,39,53,.20) !important;
  border-radius:26px !important;
  background:
    radial-gradient(55% 100% at 50% 100%,rgba(242,39,53,.11),transparent 74%),
    linear-gradient(145deg,rgba(20,25,34,.88),rgba(9,13,19,.92)) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035) !important;
  text-align:center !important;
}
.navo-modules-gui-icon {
  display:grid !important;
  place-items:center !important;
  width:66px !important;
  height:66px !important;
  margin:0 auto 20px !important;
  border:1px solid rgba(242,39,53,.32) !important;
  border-radius:19px !important;
  color:#ff3b49 !important;
  background:rgba(242,39,53,.11) !important;
  font-size:25px !important;
  box-shadow:0 12px 36px rgba(242,39,53,.12) !important;
}
.navo-modules-gui-placeholder>span {
  color:#ff3b49 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.navo-modules-gui-placeholder h3 {
  margin:11px 0 10px !important;
  color:#f7f8fb !important;
  font-size:clamp(28px,4vw,42px) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}
.navo-modules-gui-placeholder p {
  margin:0 !important;
  color:rgba(255,255,255,.52) !important;
  font-size:14px !important;
}
.navo-modules-gui-status {
  margin-top:24px !important;
  padding:11px 16px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:999px !important;
  color:rgba(255,255,255,.68) !important;
  background:rgba(255,255,255,.04) !important;
  font-size:11px !important;
  font-weight:650 !important;
}
.navo-modules-gui-status i { margin-right:7px !important; color:#ff3b49 !important; }


/* ===== NAVO FULL GUI MENU VIEW ===== */
.navo-gui-menu { min-height:720px; padding:16px; overflow:auto; background:radial-gradient(75% 85% at 50% 100%,rgba(62,46,120,.2),transparent 70%),linear-gradient(145deg,#101118,#08090e); scrollbar-width:thin; scrollbar-color:#45464d transparent; }
.navo-gui-menu-columns { display:grid; grid-template-columns:repeat(6,minmax(220px,1fr)); align-items:start; gap:14px; min-width:1380px; }
.navo-gui-menu-panel { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:19px; background:linear-gradient(160deg,rgba(22,22,29,.98),rgba(14,14,19,.98)); box-shadow:0 18px 42px rgba(0,0,0,.3); }
.navo-gui-menu-panel header { display:flex; align-items:center; gap:14px; min-height:58px; padding:0 17px; border-bottom:1px solid rgba(255,255,255,.055); color:#fff; }
.navo-gui-menu-panel header i { width:22px; font-size:17px; text-align:center; }
.navo-gui-menu-panel header strong { font-size:18px; font-weight:850; text-transform:uppercase; }
.navo-gui-menu-items { display:flex; max-height:620px; flex-direction:column; padding:10px 9px 14px; overflow:auto; scrollbar-width:thin; scrollbar-color:#3f4046 transparent; }
.navo-gui-menu-items button { min-height:40px; padding:0 10px; border:0; border-radius:9px; color:#898a91; background:transparent; font:inherit; font-size:13px; font-weight:780; text-align:left; text-transform:uppercase; cursor:default; transition:color .16s ease,background .16s ease; }
.navo-gui-menu-items button.enabled { color:#f4f4f6; }
.navo-gui-menu-panel:first-child .navo-gui-menu-items button { cursor:pointer; }
.navo-gui-menu-panel:first-child .navo-gui-menu-items button:hover { color:#fff; background:rgba(239,23,37,.1); }
.navo-gui-menu-items button.enabled:hover { background:rgba(255,255,255,.055); }
.navo-gui-menu-panel:last-child .navo-gui-menu-items button:nth-child(2),
.navo-gui-menu-panel:last-child .navo-gui-menu-items button:nth-child(3),
.navo-gui-menu-panel:last-child .navo-gui-menu-items button:nth-child(5),
.navo-gui-menu-panel:last-child .navo-gui-menu-items button:last-child { background:rgba(255,255,255,.08); }
.navo-combat-back { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(239,23,37,.28); border-radius:10px; color:#ff4854; background:rgba(239,23,37,.08); font:inherit; font-size:11px; font-weight:800; text-transform:uppercase; cursor:pointer; }
.navo-combat-stagehead .navo-combat-back + span { margin-left:12px; }
@media(max-width:720px){.navo-gui-menu{min-height:640px;padding:10px}.navo-gui-menu-columns{grid-template-columns:repeat(6,210px);min-width:max-content}.navo-gui-menu-panel header strong{font-size:15px}.navo-gui-menu-items button{font-size:12px}.navo-combat-stagehead>div:last-child{display:none}}


/* ===== NAVO GUI FIT + ACCESSIBILITY ===== */
.navo-gui-menu {
  padding: 12px !important;
  overflow-x: hidden !important;
}
.navo-gui-menu-columns {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 9px !important;
  min-width: 0 !important;
  width: 100% !important;
}
.navo-gui-menu-panel {
  min-width: 0 !important;
  border-radius: 15px !important;
}
.navo-gui-menu-panel header {
  gap: 9px !important;
  min-height: 52px !important;
  padding: 0 11px !important;
}
.navo-gui-menu-panel header i {
  width: 18px !important;
  flex: 0 0 18px;
  font-size: 14px !important;
}
.navo-gui-menu-panel header strong {
  min-width: 0;
  font-size: clamp(12px, 1.15vw, 16px) !important;
  line-height: 1.15;
}
.navo-gui-menu-items {
  max-height: 600px !important;
  padding: 8px 6px 12px !important;
}
.navo-gui-menu-items button {
  min-height: 40px !important;
  padding: 5px 7px !important;
  color: #b0b1b8 !important;
  font-size: clamp(9px, .88vw, 12px) !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}
.navo-gui-menu-items button.enabled {
  color: #ffffff !important;
}
.navo-gui-menu-items button:hover {
  color: #ffffff !important;
}
.navo-gui-menu-items button:focus-visible,
.navo-combat-list button:focus-visible,
.navo-combat-toggle:focus-visible,
.navo-combat-select:focus-visible,
.navo-combat-back:focus-visible {
  outline: 3px solid #ff3b49 !important;
  outline-offset: 2px !important;
}
.navo-combat-back,
.navo-combat-toggle,
.navo-combat-select,
.navo-gui-menu-items button {
  touch-action: manipulation;
}
.navo-combat-window[hidden],
.navo-gui-menu[hidden] {
  display: none !important;
}
@media (max-width: 1080px) {
  .navo-gui-menu-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .navo-gui-menu-items button {
    font-size: 12px !important;
  }
}
@media (max-width: 680px) {
  .navo-gui-menu {
    min-height: 0 !important;
  }
  .navo-gui-menu-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .navo-gui-menu-panel header strong {
    font-size: 14px !important;
  }
  .navo-gui-menu-items {
    max-height: none !important;
  }
  .navo-gui-menu-items button {
    min-height: 44px !important;
    font-size: 11px !important;
  }
}
@media (max-width: 430px) {
  .navo-gui-menu-columns {
    grid-template-columns: 1fr !important;
  }
  .navo-gui-menu-items button {
    font-size: 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .navo-gui-menu *,
  .navo-combat-window * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


/* ===== NAVO COMBAT SETTINGS STYLE RESTORE ===== */
.navo-combat-host { display:block!important; min-height:0!important; padding:0!important; overflow:hidden!important; border-radius:26px!important; text-align:left!important; }
.navo-combat-window { display:grid!important; grid-template-columns:240px minmax(0,1fr)!important; width:100%!important; height:720px!important; color:#f3f3f6!important; background:linear-gradient(145deg,#15161d,#090a10)!important; font-family:Inter,Arial,sans-serif!important; }
.navo-combat-window[hidden] { display:none!important; }
.navo-combat-sidebar { display:flex!important; flex-direction:column!important; min-width:0!important; padding:20px 13px 15px!important; border-right:1px solid rgba(255,255,255,.1)!important; background:linear-gradient(180deg,rgba(21,22,28,.99),rgba(11,12,17,.98))!important; }
.navo-combat-title { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; padding:0 10px 17px!important; color:#fff!important; font-size:21px!important; }
.navo-combat-title i { color:#fff!important; font-size:16px!important; }
.navo-combat-list { display:flex!important; min-height:0!important; flex:1!important; flex-direction:column!important; gap:3px!important; overflow:auto!important; scrollbar-width:thin!important; scrollbar-color:#404149 transparent!important; }
.navo-combat-list button { display:block!important; width:100%!important; min-height:39px!important; padding:0 11px!important; border:0!important; border-radius:10px!important; color:#92939a!important; background:transparent!important; font:inherit!important; font-size:12px!important; font-weight:780!important; line-height:1.15!important; text-align:left!important; text-transform:uppercase!important; cursor:pointer!important; }
.navo-combat-list button:hover { color:#fff!important; background:rgba(255,255,255,.04)!important; }
.navo-combat-list button.active { color:#fff!important; background:rgba(255,255,255,.065)!important; box-shadow:inset 3px 0 #ef1725!important; }
.navo-combat-foot { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; padding:14px 7px 0!important; border-top:1px solid rgba(255,255,255,.08)!important; }
.navo-combat-avatar { display:grid!important; place-items:center!important; width:38px!important; height:38px!important; flex:0 0 38px!important; border-radius:8px!important; color:#fff!important; background:linear-gradient(145deg,#ff3341,#79050d)!important; font-weight:900!important; }
.navo-combat-foot strong { color:#fff!important; font-size:13px!important; }
.navo-combat-foot>i { display:block!important; width:8px!important; height:8px!important; margin-left:auto!important; border-radius:50%!important; background:#22e67a!important; box-shadow:0 0 12px #22e67a!important; }
.navo-combat-stage { display:flex!important; min-width:0!important; flex-direction:column!important; background:radial-gradient(80% 80% at 50% 100%,rgba(62,46,120,.18),transparent 72%),#090a10!important; }
.navo-combat-stagehead { display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:76px!important; padding:0 20px!important; border-bottom:1px solid rgba(239,23,37,.28)!important; }
.navo-combat-stagehead>span { display:flex!important; flex-direction:column!important; margin-right:auto!important; }
.navo-combat-stagehead small { color:#ef1725!important; font-size:9px!important; font-weight:900!important; letter-spacing:.16em!important; }
.navo-combat-stagehead strong { margin-top:2px!important; color:#fff!important; font-size:18px!important; }
.navo-combat-stagehead>div { color:#85868d!important; font-size:10px!important; font-weight:700!important; text-transform:uppercase!important; }
.navo-combat-stagehead>div i { margin-right:6px!important; color:#ef1725!important; font-size:7px!important; }
.navo-combat-back { display:flex!important; align-items:center!important; gap:7px!important; margin-right:12px!important; padding:8px 11px!important; border:1px solid rgba(239,23,37,.3)!important; border-radius:10px!important; color:#ff4854!important; background:rgba(239,23,37,.09)!important; font:inherit!important; font-size:11px!important; font-weight:800!important; text-transform:uppercase!important; cursor:pointer!important; }
.navo-combat-cards { display:grid!important; grid-template-columns:repeat(3,minmax(205px,1fr))!important; align-items:start!important; gap:13px!important; min-height:0!important; padding:17px!important; overflow:auto!important; scrollbar-width:thin!important; scrollbar-color:#494a52 transparent!important; }
.navo-combat-card { display:block!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:17px!important; color:#f1f1f4!important; background:linear-gradient(155deg,rgba(24,24,31,.99),rgba(14,14,19,.99))!important; box-shadow:0 16px 38px rgba(0,0,0,.3)!important; text-align:left!important; }
.navo-combat-card header { display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:42px!important; padding:0 13px!important; border-bottom:1px solid rgba(239,23,37,.25)!important; }
.navo-combat-card header strong { color:#f5f5f7!important; font-size:13px!important; font-weight:850!important; line-height:1.15!important; text-transform:uppercase!important; }
.navo-combat-card header button { width:28px!important; height:28px!important; padding:0!important; border:0!important; color:#96979d!important; background:transparent!important; font-size:22px!important; line-height:1!important; cursor:pointer!important; }
.navo-combat-bind { display:block!important; margin:10px 11px!important; padding:7px 10px!important; border:0!important; border-radius:999px!important; color:#a0a1a7!important; background:#292a30!important; font-size:12px!important; font-weight:800!important; text-align:left!important; }
.navo-combat-settings { display:block!important; padding:0 11px 12px!important; }
.navo-combat-setting { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; min-height:37px!important; color:#eeeef1!important; font-size:10px!important; font-weight:800!important; line-height:1.15!important; text-align:left!important; text-transform:uppercase!important; }
.navo-combat-setting.slider { display:block!important; min-height:0!important; padding:5px 0 8px!important; }
.navo-combat-setting.slider label { display:block!important; color:#eeeef1!important; }
.navo-combat-setting input[type=range] { display:block!important; width:100%!important; height:4px!important; margin:7px 0 0!important; padding:0!important; accent-color:#ef1725!important; }
.navo-combat-toggle { position:relative!important; display:block!important; width:38px!important; height:20px!important; flex:0 0 38px!important; padding:0!important; border:0!important; border-radius:999px!important; background:#8f9096!important; cursor:pointer!important; }
.navo-combat-toggle i { position:absolute!important; top:3px!important; left:3px!important; display:block!important; width:14px!important; height:14px!important; border-radius:50%!important; background:#fff!important; transition:transform .18s ease!important; }
.navo-combat-toggle.on { background:#ff1425!important; box-shadow:0 0 0 1px rgba(255,20,37,.3)!important; }
.navo-combat-toggle.on i { transform:translateX(18px)!important; }
.navo-combat-select { display:inline-flex!important; align-items:center!important; gap:5px!important; padding:5px 9px!important; border:1px solid rgba(239,23,37,.52)!important; border-radius:999px!important; color:#f01d2b!important; background:rgba(239,23,37,.08)!important; font:inherit!important; font-size:10px!important; font-weight:850!important; text-transform:uppercase!important; }
@media(max-width:1050px){.navo-combat-cards{grid-template-columns:repeat(2,minmax(205px,1fr))!important}}
@media(max-width:720px){.navo-combat-window{grid-template-columns:1fr!important;height:auto!important}.navo-combat-sidebar{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.navo-combat-title,.navo-combat-foot{display:none!important}.navo-combat-list{flex-direction:row!important;padding-bottom:8px!important}.navo-combat-list button{width:auto!important;flex:0 0 auto!important}.navo-combat-stage{min-height:650px!important}.navo-combat-cards{grid-template-columns:1fr!important;padding:13px!important}.navo-combat-stagehead{padding:0 12px!important}.navo-combat-stagehead>div:last-child{display:none!important}}


/* ===== NAVO SEPARATE COMBAT MODULE SETTINGS ===== */
.navo-combat-window.navo-single-module .navo-combat-cards {
  grid-template-columns: minmax(300px, 570px) !important;
  justify-content: center !important;
  align-content: start !important;
  padding: 26px !important;
}
.navo-combat-window.navo-single-module .navo-combat-card {
  width: 100% !important;
  max-width: 570px !important;
}
.navo-combat-window.navo-single-module .navo-combat-card[hidden] {
  display: none !important;
}
.navo-combat-window.navo-single-module .navo-combat-card:not([hidden]) {
  display: block !important;
  animation: navoModuleOpen .24s ease both;
}
.navo-combat-window.navo-single-module .navo-combat-setting {
  min-height: 43px !important;
  font-size: 12px !important;
}
.navo-combat-window.navo-single-module .navo-combat-bind {
  font-size: 13px !important;
}
.navo-combat-window.navo-single-module .navo-combat-card header strong {
  font-size: 15px !important;
}
@keyframes navoModuleOpen {
  from { opacity: 0; transform: translateY(8px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media(max-width:720px) {
  .navo-combat-window.navo-single-module .navo-combat-cards {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .navo-combat-window.navo-single-module .navo-combat-card:not([hidden]) {
    animation: none !important;
  }
}

/* ===== NAVO NEON COMBAT GLOW + MOTION ===== */
.navo-combat-window {
  border: 1px solid rgba(255,45,62,.2) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.42), 0 0 90px rgba(239,23,37,.055), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.navo-combat-window.navo-window-reveal { animation: navoWindowReveal .62s cubic-bezier(.16,.82,.22,1) both !important; }
.navo-combat-window.navo-single-module .navo-combat-card:not([hidden]),
.navo-combat-card.navo-card-reveal { animation: navoCardReveal .48s cubic-bezier(.16,.82,.22,1) both !important; }
.navo-combat-card:not([hidden]) {
  border-color: rgba(255,53,68,.28) !important;
  background: radial-gradient(90% 80% at 100% 0%,rgba(239,23,37,.075),transparent 68%), linear-gradient(155deg,rgba(21,23,32,.99),rgba(11,13,20,.99)) !important;
  box-shadow: 0 24px 65px rgba(0,0,0,.38), 0 0 42px rgba(239,23,37,.075), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.navo-combat-card:not([hidden]) header {
  background: linear-gradient(90deg,rgba(239,23,37,.075),transparent) !important;
  box-shadow: 0 8px 28px rgba(239,23,37,.035) !important;
}
.navo-combat-card:not([hidden]) header strong { text-shadow: 0 0 18px rgba(255,72,86,.18); }
.navo-combat-toggle {
  box-shadow: inset 0 1px 2px rgba(0,0,0,.35) !important;
  transition: background .25s ease,box-shadow .25s ease,transform .2s ease !important;
}
.navo-combat-toggle:hover { transform: scale(1.04); }
.navo-combat-toggle.on {
  background: linear-gradient(90deg,#e90f20,#ff4050) !important;
  box-shadow: 0 0 0 1px rgba(255,62,77,.38), 0 0 14px rgba(239,23,37,.42), inset 0 1px 2px rgba(255,255,255,.18) !important;
}
.navo-combat-toggle.on i { box-shadow: 0 0 11px rgba(255,255,255,.75); }
.navo-combat-setting input[type=range] {
  height: 5px !important;
  border-radius: 999px !important;
  filter: drop-shadow(0 0 5px rgba(239,23,37,.46));
  cursor: pointer;
}
.navo-combat-setting input[type=range]::-webkit-slider-runnable-track {
  height: 5px; border-radius: 999px;
  background: linear-gradient(90deg,#ff2638,#601018);
  box-shadow: 0 0 10px rgba(239,23,37,.24);
}
.navo-combat-setting input[type=range]::-webkit-slider-thumb {
  width: 15px; height: 15px; margin-top: -5px;
  border: 2px solid #fff; border-radius: 50%;
  background: #ff3345;
  box-shadow: 0 0 12px rgba(255,51,69,.85);
  -webkit-appearance: none;
}
.navo-combat-select {
  box-shadow: 0 0 14px rgba(239,23,37,.09) !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease !important;
}
.navo-combat-select:hover {
  border-color: rgba(255,65,80,.85) !important;
  background: rgba(239,23,37,.14) !important;
  box-shadow: 0 0 18px rgba(239,23,37,.2) !important;
}
.navo-combat-list button.active {
  box-shadow: inset 3px 0 #ff2a3c, 0 0 26px rgba(239,23,37,.08) !important;
}
@keyframes navoWindowReveal {
  0% { opacity:0; transform:translateY(18px) scale(.985); filter:blur(8px); }
  55% { opacity:1; filter:blur(0); }
  100% { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}
@keyframes navoCardReveal {
  0% { opacity:0; transform:translateY(18px) scale(.975); filter:blur(7px); }
  60% { opacity:1; filter:blur(0); }
  100% { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}
@media(prefers-reduced-motion:reduce) {
  .navo-combat-window.navo-window-reveal,
  .navo-combat-card.navo-card-reveal,
  .navo-combat-window.navo-single-module .navo-combat-card:not([hidden]) { animation:none !important; }
}

/* ===== NAVO CORZ-STYLE SMOOTH MODULE REVEAL ===== */
.navo-combat-window.navo-window-reveal {
  transform-origin: top center;
  will-change: opacity, transform, filter;
  animation: navoWindowRevealSmooth .52s cubic-bezier(.22,1,.36,1) both !important;
}
.navo-combat-card.navo-card-reveal,
.navo-combat-window.navo-single-module .navo-combat-card:not([hidden]) {
  transform-origin: top center;
  will-change: opacity, transform, clip-path, filter;
  animation: navoCardRevealSmooth .44s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes navoWindowRevealSmooth {
  0% { opacity:0; transform:translateY(14px) scale(.988); filter:blur(5px); }
  55% { opacity:1; filter:blur(0); }
  100% { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}
@keyframes navoCardRevealSmooth {
  0% { opacity:0; transform:translateY(-7px) scaleY(.965); clip-path:inset(0 0 100% 0 round 17px); filter:blur(3px); }
  45% { opacity:1; filter:blur(0); }
  100% { opacity:1; transform:translateY(0) scaleY(1); clip-path:inset(0 0 0 0 round 17px); filter:blur(0); }
}
@media (prefers-reduced-motion: reduce) {
  .navo-combat-window.navo-window-reveal {
    animation: navoGentleFade .3s ease-out both !important;
  }
  .navo-combat-card.navo-card-reveal,
  .navo-combat-window.navo-single-module .navo-combat-card:not([hidden]) {
    animation: navoGentleFade .3s ease-out both !important;
  }
}
@keyframes navoGentleFade {
  from { opacity:0; }
  to { opacity:1; }
}

/* ===== NAVO COMPACT MODULE DROPDOWN ===== */
.navo-gui-menu-panel:first-child .navo-gui-menu-items > button {
  position: relative;
  z-index: 1;
}
.navo-gui-menu-panel:first-child .navo-gui-menu-items > button[aria-expanded="true"] {
  color: #fff !important;
  background: linear-gradient(90deg,rgba(239,23,37,.16),rgba(239,23,37,.055)) !important;
  box-shadow: inset 3px 0 #ff2d40, 0 0 20px rgba(239,23,37,.1) !important;
}
.navo-module-drawer {
  box-sizing: border-box;
  width: calc(100% - 8px);
  margin: -2px 4px 7px;
  overflow: hidden;
  border: 1px solid rgba(255,55,72,.22);
  border-radius: 11px;
  background:
    radial-gradient(100% 70% at 100% 0%,rgba(239,23,37,.07),transparent 72%),
    linear-gradient(160deg,rgba(22,24,32,.98),rgba(11,13,19,.98));
  box-shadow: 0 10px 28px rgba(0,0,0,.3),0 0 22px rgba(239,23,37,.055),inset 0 1px rgba(255,255,255,.035);
  transition: height .3s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1);
  transform-origin: top center;
}
.navo-module-drawer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 31px;
  padding: 7px 10px 6px;
  border-bottom: 1px solid rgba(255,55,72,.13);
  color: rgba(255,255,255,.76);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.navo-module-drawer-top i {
  color: #ff3547;
  font-size: 9px;
}
.navo-module-drawer .navo-combat-bind {
  margin: 8px 9px 5px !important;
  min-height: 25px !important;
  padding: 5px 8px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
}
.navo-module-drawer .navo-combat-settings {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  max-height: 245px;
  overflow-y: auto;
  padding: 2px 9px 9px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,56,72,.45) transparent;
}
.navo-module-drawer .navo-combat-setting {
  min-height: 31px !important;
  padding: 6px 1px !important;
  border-bottom: 1px solid rgba(255,255,255,.045);
  font-size: 9px !important;
}
.navo-module-drawer .navo-combat-setting:last-child { border-bottom: 0; }
.navo-module-drawer .navo-combat-setting span,
.navo-module-drawer .navo-combat-setting label {
  font-size: 9px !important;
  line-height: 1.25 !important;
}
.navo-module-drawer .navo-combat-toggle {
  width: 30px !important;
  height: 17px !important;
}
.navo-module-drawer .navo-combat-toggle i {
  width: 11px !important;
  height: 11px !important;
}
.navo-module-drawer .navo-combat-toggle.on i {
  transform: translateX(13px) !important;
}
.navo-module-drawer .navo-combat-select {
  min-height: 23px !important;
  padding: 3px 7px !important;
  font-size: 8px !important;
}
.navo-module-drawer input[type="range"] {
  margin-top: 5px !important;
}
@media (max-width: 980px) {
  .navo-module-drawer { max-width: 100%; }
  .navo-module-drawer .navo-combat-settings { max-height: 210px; }
}

/* ===== NAVO PREMIUM INLINE GUI V2 ===== */
.navo-gui-legacy-hidden{display:none!important}
.navo-premium-gui{
  --pg-red:#ff263d;--pg-red2:#d90f23;--pg-bg:#090c12;--pg-panel:#10141d;--pg-line:rgba(255,255,255,.075);
  display:grid;grid-template-columns:250px minmax(0,1fr);width:min(1280px,calc(100% - 36px));height:min(720px,76vh);min-height:590px;margin:34px auto 56px;
  overflow:hidden;border:1px solid rgba(255,50,69,.22);border-radius:20px;
  background:linear-gradient(145deg,#0a0d13,#080b11);box-shadow:0 35px 110px rgba(0,0,0,.5),0 0 80px rgba(239,23,37,.07),inset 0 1px rgba(255,255,255,.035);
  color:#edf1f7;font-family:inherit;isolation:isolate
}
.navo-premium-sidebar{display:flex;flex-direction:column;min-width:0;padding:20px 14px 14px;border-right:1px solid var(--pg-line);background:linear-gradient(180deg,rgba(18,21,30,.98),rgba(10,13,19,.98))}
.navo-premium-brand{display:flex;align-items:center;gap:11px;padding:0 10px 18px;border-bottom:1px solid var(--pg-line)}
.navo-premium-brand>span,.navo-premium-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ff2d43,#9f0618);box-shadow:0 0 23px rgba(239,23,37,.26),inset 0 1px rgba(255,255,255,.19);color:#fff;font-size:22px;font-weight:900;font-style:italic}
.navo-premium-brand div,.navo-premium-profile div{display:flex;flex-direction:column;min-width:0}
.navo-premium-brand strong{font-size:18px;line-height:1.15}.navo-premium-brand small{margin-top:3px;color:#6f7683;font-size:10px}
.navo-premium-label{padding:17px 11px 7px;color:#616977;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.navo-premium-categories,.navo-premium-general{display:flex;flex-direction:column;gap:4px}
.navo-premium-categories button,.navo-premium-general button{display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 11px;border:0;border-radius:10px;background:transparent;color:#858c98;text-align:left;font:700 12px/1 inherit;cursor:pointer;transition:color .2s ease,background .25s ease,box-shadow .25s ease,transform .2s ease}
.navo-premium-categories button:hover,.navo-premium-general button:hover{color:#e7ebf2;background:rgba(255,255,255,.035);transform:translateX(2px)}
.navo-premium-categories button.active{color:#fff;background:linear-gradient(90deg,rgba(239,23,37,.2),rgba(239,23,37,.065));box-shadow:inset 3px 0 var(--pg-red),0 0 24px rgba(239,23,37,.06)}
.navo-premium-categories i,.navo-premium-general i{width:18px;color:currentColor;text-align:center}.navo-premium-categories b{display:grid;place-items:center;min-width:22px;height:19px;padding:0 5px;border-radius:99px;background:rgba(255,255,255,.055);color:#69717e;font-size:8px}
.navo-premium-general-label{margin-top:auto}.navo-premium-profile{display:flex;align-items:center;gap:9px;margin-top:15px;padding:10px;border:1px solid var(--pg-line);border-radius:12px;background:rgba(255,255,255,.02)}
.navo-premium-avatar{width:35px;height:35px;border-radius:9px;font-size:17px}.navo-premium-profile strong{font-size:11px}.navo-premium-profile small{margin-top:3px;color:#69717e;font-size:8px}
.navo-premium-online{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#25d779;box-shadow:0 0 12px #25d779}
.navo-premium-main{display:flex;min-width:0;min-height:0;flex-direction:column;background:radial-gradient(80% 60% at 70% 0%,rgba(239,23,37,.045),transparent 70%),#090c12}
.navo-premium-topbar{display:grid;grid-template-columns:1fr auto minmax(230px,320px);align-items:center;gap:18px;min-height:76px;padding:14px 21px;border-bottom:1px solid rgba(255,45,64,.35);background:rgba(8,11,17,.88)}
.navo-premium-greeting{color:#bec5d0;font-size:13px}.navo-premium-greeting strong{color:#ff4053}.navo-premium-clock{color:#ff4053;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.navo-premium-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--pg-line);border-radius:11px;background:rgba(255,255,255,.025);color:#59616e;transition:border-color .2s,box-shadow .2s}
.navo-premium-search:focus-within{border-color:rgba(255,45,64,.5);box-shadow:0 0 0 3px rgba(239,23,37,.07)}
.navo-premium-search input{min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#dce1e9!important;font:600 11px inherit!important}.navo-premium-search input::placeholder{color:#555d69}.navo-premium-search kbd{padding:3px 5px;border:1px solid var(--pg-line);border-radius:5px;color:#69717e;font:8px inherit}
.navo-premium-category-head{display:flex;align-items:center;justify-content:space-between;padding:15px 21px 9px}.navo-premium-category-head span{color:#f0f3f8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.navo-premium-category-head small{color:#5e6673;font-size:9px}
.navo-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding:4px 21px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,45,64,.38) transparent}
.navo-premium-module-card{position:relative;align-self:start;overflow:hidden;border:1px solid var(--pg-line);border-radius:13px;background:linear-gradient(150deg,rgba(18,22,31,.98),rgba(11,14,20,.98));box-shadow:0 8px 22px rgba(0,0,0,.19);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .2s ease}
.navo-premium-module-card:hover{border-color:rgba(255,255,255,.13);transform:translateY(-1px)}.navo-premium-module-card.expanded{grid-column:span 1;border-color:rgba(255,48,67,.36);background:radial-gradient(100% 80% at 100% 0%,rgba(239,23,37,.085),transparent 72%),linear-gradient(150deg,#151923,#0c0f16);box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(239,23,37,.075)}
.navo-premium-module-head{display:flex;align-items:center;width:100%;min-height:61px;padding:11px 57px 11px 14px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.navo-premium-module-head>span{display:flex;min-width:0;flex-direction:column;gap:5px}.navo-premium-module-head strong{overflow:hidden;color:#e8ecf2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.navo-premium-module-head small{color:#59616e;font-size:8px}.navo-premium-module-head small b{color:#848c98;font-weight:700}
.navo-premium-chevron{position:absolute;right:61px;top:25px;color:#4d5562;font-size:8px;transition:transform .32s cubic-bezier(.22,1,.36,1),color .2s}.navo-premium-module-card.expanded .navo-premium-chevron{color:#ff3d50;transform:rotate(180deg)}
.navo-premium-switch{position:absolute;z-index:2;right:13px;top:20px;width:36px;height:21px;padding:3px;border:0;border-radius:99px;background:#303744;box-shadow:inset 0 1px 3px rgba(0,0,0,.4);cursor:pointer;transition:background .28s ease,box-shadow .28s ease}.navo-premium-switch i{display:block;width:15px;height:15px;border-radius:50%;background:#f5f7fa;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.22,1,.36,1)}.navo-premium-switch.on{background:linear-gradient(90deg,var(--pg-red2),var(--pg-red));box-shadow:0 0 15px rgba(239,23,37,.35)}.navo-premium-switch.on i{transform:translateX(15px);box-shadow:0 0 9px rgba(255,255,255,.62)}
.navo-premium-module-body{height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:height .33s cubic-bezier(.22,1,.36,1),opacity .24s ease,border-color .24s}.navo-premium-module-card.expanded .navo-premium-module-body{border-color:rgba(255,48,67,.16)}
.navo-premium-settings-inner{padding:9px 13px 13px}.navo-premium-settings-inner .navo-combat-settings{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.navo-premium-settings-inner .navo-combat-setting{min-height:36px!important;padding:7px 1px!important;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px!important}.navo-premium-settings-inner .navo-combat-setting:last-child{border-bottom:0}.navo-premium-settings-inner .navo-combat-setting span,.navo-premium-settings-inner .navo-combat-setting label{font-size:9px!important}
.navo-premium-settings-inner .navo-combat-toggle{width:32px!important;height:18px!important}.navo-premium-settings-inner .navo-combat-toggle i{width:12px!important;height:12px!important}.navo-premium-settings-inner .navo-combat-toggle.on i{transform:translateX(14px)!important}.navo-premium-settings-inner .navo-combat-select{min-height:24px!important;padding:3px 8px!important;font-size:8px!important}
.navo-premium-no-settings{display:flex;align-items:center;gap:8px;min-height:48px;color:#68717e;font-size:9px}.navo-premium-no-settings i{color:#ff3b4d}
.navo-premium-empty{margin:auto;padding:30px;color:#68717e;font-size:11px}
@media(max-width:900px){.navo-premium-gui{grid-template-columns:195px minmax(0,1fr);height:700px}.navo-premium-sidebar{padding:15px 10px 11px}.navo-premium-topbar{grid-template-columns:1fr auto}.navo-premium-search{grid-column:1/-1;max-width:none}.navo-premium-grid{grid-template-columns:1fr}.navo-premium-module-card.expanded{grid-column:span 1}}
@media(max-width:620px){.navo-premium-gui{display:flex;width:calc(100% - 20px);height:auto;min-height:0;flex-direction:column;margin:22px auto 42px}.navo-premium-sidebar{border-right:0;border-bottom:1px solid var(--pg-line)}.navo-premium-brand,.navo-premium-label,.navo-premium-general,.navo-premium-profile{display:none}.navo-premium-categories{display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:4px}.navo-premium-categories button{display:flex;min-width:max-content;min-height:35px}.navo-premium-categories button b{display:none}.navo-premium-main{min-height:620px}.navo-premium-topbar{min-height:98px;padding:12px 14px}.navo-premium-category-head{padding:14px 14px 8px}.navo-premium-grid{padding:4px 14px 18px}}

/* ===== NAVO PREMIUM GUI FINAL PROPORTION FIX ===== */
#gui-preview.navo-modules-gui-placeholder{
  height:auto!important;min-height:0!important;margin:54px 0 38px!important;padding:0!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
#gui-preview>.navo-gui-menu{
  width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.navo-gui-menu>.navo-premium-gui{
  grid-template-columns:270px minmax(0,1fr)!important;
  width:100%!important;height:700px!important;min-height:700px!important;margin:0!important;padding:0!important;
  overflow:hidden!important;border-radius:20px!important
}
.navo-gui-menu .navo-premium-sidebar{
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px 14px 14px!important;
  overflow:hidden!important
}
.navo-gui-menu .navo-premium-brand{min-height:61px!important;margin:0!important;padding:0 10px 18px!important}
.navo-gui-menu .navo-premium-label{height:auto!important;margin:0!important;padding:17px 11px 7px!important;font-size:10px!important}
.navo-gui-menu .navo-premium-categories,.navo-gui-menu .navo-premium-general{gap:5px!important}
.navo-gui-menu .navo-premium-categories button,.navo-gui-menu .navo-premium-general button{
  width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:9px 12px!important;
  font-size:14px!important;line-height:1.2!important
}
.navo-gui-menu .navo-premium-general-label{margin-top:auto!important}
.navo-gui-menu .navo-premium-profile{min-height:58px!important;margin:15px 0 0!important;padding:10px!important}
.navo-gui-menu .navo-premium-main{height:auto!important;min-height:0!important;overflow:hidden!important}
.navo-gui-menu .navo-premium-topbar{
  grid-template-columns:minmax(150px,1fr) auto minmax(260px,340px)!important;
  width:auto!important;height:84px!important;min-height:84px!important;margin:0!important;padding:16px 22px!important;
  gap:20px!important
}
.navo-gui-menu .navo-premium-greeting{font-size:14px!important}.navo-gui-menu .navo-premium-clock{font-size:14px!important}
.navo-gui-menu .navo-premium-search{height:42px!important;margin:0!important;padding:0 12px!important;border-radius:12px!important}
.navo-gui-menu .navo-premium-search input{height:40px!important;padding:0!important;font-size:12px!important}
.navo-gui-menu .navo-premium-category-head{
  width:auto!important;height:48px!important;min-height:48px!important;margin:0!important;padding:15px 22px 10px!important
}
.navo-gui-menu .navo-premium-category-head span{font-size:13px!important}.navo-gui-menu .navo-premium-category-head small{font-size:10px!important}
.navo-gui-menu .navo-premium-grid{
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px 22px 24px!important;
  gap:11px!important;overflow-x:hidden!important;overflow-y:auto!important
}
.navo-gui-menu .navo-premium-module-card{width:auto!important;min-height:72px!important;height:auto!important;margin:0!important;border-radius:14px!important}
.navo-gui-menu .navo-premium-module-head{
  width:100%!important;min-height:72px!important;height:72px!important;margin:0!important;padding:12px 62px 12px 15px!important;
  line-height:1.25!important
}
.navo-gui-menu .navo-premium-module-head strong{font-size:14px!important;line-height:1.25!important}
.navo-gui-menu .navo-premium-module-head small{font-size:10px!important;line-height:1.2!important}
.navo-gui-menu .navo-premium-switch{top:25px!important;right:15px!important;width:38px!important;height:22px!important;padding:3px!important}
.navo-gui-menu .navo-premium-switch i{width:16px!important;height:16px!important}.navo-gui-menu .navo-premium-switch.on i{transform:translateX(16px)!important}
.navo-gui-menu .navo-premium-chevron{top:31px!important;right:65px!important}
.navo-gui-menu .navo-premium-settings-inner{padding:10px 15px 15px!important}
.navo-gui-menu .navo-premium-settings-inner .navo-combat-setting{min-height:40px!important;padding:8px 2px!important}
.navo-gui-menu .navo-premium-settings-inner .navo-combat-setting span,.navo-gui-menu .navo-premium-settings-inner .navo-combat-setting label{font-size:11px!important}
@media(max-width:900px){
  .navo-gui-menu>.navo-premium-gui{grid-template-columns:220px minmax(0,1fr)!important;height:720px!important;min-height:720px!important}
  .navo-gui-menu .navo-premium-sidebar{padding:15px 11px 12px!important}
  .navo-gui-menu .navo-premium-topbar{grid-template-columns:1fr auto!important;height:118px!important;min-height:118px!important;padding:14px 17px!important}
  .navo-gui-menu .navo-premium-search{grid-column:1/-1!important}
  .navo-gui-menu .navo-premium-grid{grid-template-columns:1fr!important;padding:4px 17px 20px!important}
}
@media(max-width:620px){
  #gui-preview.navo-modules-gui-placeholder{margin:34px 0 28px!important}
  .navo-gui-menu>.navo-premium-gui{display:flex!important;width:100%!important;height:auto!important;min-height:690px!important;flex-direction:column!important}
  .navo-gui-menu .navo-premium-sidebar{padding:11px!important;overflow:visible!important}
  .navo-gui-menu .navo-premium-categories button{width:auto!important;min-height:38px!important;height:38px!important;padding:8px 11px!important;font-size:12px!important}
  .navo-gui-menu .navo-premium-topbar{height:112px!important;min-height:112px!important;padding:12px 14px!important}
  .navo-gui-menu .navo-premium-category-head{padding:14px 14px 9px!important}
  .navo-gui-menu .navo-premium-grid{padding:4px 14px 18px!important}
}

/* ===== NAVO CORZ-STYLE INDEPENDENT CARD COLUMNS ===== */
.navo-gui-menu .navo-premium-grid{
  display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:11px!important
}
.navo-gui-menu .navo-premium-column{
  display:flex!important;min-width:0!important;flex:1 1 0!important;flex-direction:column!important;gap:11px!important
}
.navo-gui-menu .navo-premium-column .navo-premium-module-card{
  width:100%!important;flex:0 0 auto!important
}
.navo-gui-menu .navo-premium-module-card.expanded{
  grid-column:auto!important;transform:none!important
}
.navo-gui-menu .navo-premium-module-card.expanded .navo-premium-module-head{
  border-bottom:1px solid rgba(255,48,67,.13)!important
}
.navo-gui-menu .navo-premium-module-card.expanded .navo-premium-settings-inner{
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important
}
@media(max-width:900px){
  .navo-gui-menu .navo-premium-grid{display:block!important}
  .navo-gui-menu .navo-premium-column{width:100%!important;margin-bottom:11px!important}
}

/* ===== NAVO MOVEMENT SETTINGS ===== */
.navo-premium-settings-inner .navo-movement-activate{
  display:flex;align-items:center;justify-content:space-between;min-height:34px;margin:2px 0 5px;padding:7px 10px;
  border:1px solid rgba(255,45,64,.32);border-radius:10px;background:rgba(239,23,37,.055);
  color:#9ca3ae;font-size:10px;font-weight:800;text-transform:uppercase
}
.navo-premium-settings-inner .navo-movement-activate strong{color:#ff3045;font-size:10px}
.navo-premium-settings-inner .navo-combat-select b{color:inherit;font:inherit;text-transform:capitalize}
.navo-premium-settings-inner .navo-combat-setting.slider label{display:block;width:100%}
.navo-premium-settings-inner .navo-combat-setting.slider label>span{font-weight:700}

/* ===== NAVO CUSTOMER REWARDS ===== */
.navo-rewards-category .sd-category-heading i{color:#ff3045!important}
.navo-rewards-panel{animation:navoRewardIn .38s cubic-bezier(.22,1,.36,1) both}
.navo-rewards-hero{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding:18px 20px;border:1px solid rgba(255,51,70,.2);border-radius:16px;background:radial-gradient(70% 120% at 100% 0%,rgba(239,23,37,.09),transparent 70%),linear-gradient(145deg,rgba(20,24,33,.98),rgba(12,15,21,.98));box-shadow:0 16px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035)}
.navo-rewards-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(255,49,68,.3);border-radius:14px;background:rgba(239,23,37,.1);color:#ff3549;font-size:19px;box-shadow:0 0 22px rgba(239,23,37,.11)}
.navo-rewards-hero>div{min-width:0;flex:1}.navo-rewards-hero small{color:#ff394d;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.navo-rewards-hero h3{margin:2px 0 4px;color:#f2f4f8;font-size:20px;line-height:1.2}.navo-rewards-hero p{margin:0;color:#818895;font-size:11px;line-height:1.5}
.navo-rewards-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.075);border-radius:99px;background:rgba(255,255,255,.025);color:#8e96a2;font-size:9px;font-weight:800;white-space:nowrap}.navo-rewards-status i{width:7px;height:7px;border-radius:50%;background:#ff3045;box-shadow:0 0 10px rgba(255,48,69,.65)}
.navo-giveaway-featured{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(145deg,rgba(17,21,29,.98),rgba(11,14,20,.98));box-shadow:0 13px 34px rgba(0,0,0,.22)}
.navo-giveaway-art{display:flex;min-height:108px;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,46,65,.23);border-radius:13px;background:radial-gradient(circle at 50% 25%,rgba(255,54,72,.2),transparent 62%),#0d1017;color:#ff3448}.navo-giveaway-art i{font-size:32px;filter:drop-shadow(0 0 13px rgba(239,23,37,.35))}.navo-giveaway-art span{color:#858c97;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.navo-giveaway-copy small{color:#707885;font-size:9px;font-weight:800;text-transform:uppercase}.navo-giveaway-copy h4{margin:3px 0 7px;color:#eef1f6;font-size:17px}.navo-giveaway-copy p{max-width:530px;margin:0;color:#7e8692;font-size:10px;line-height:1.55}
.navo-reward-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.navo-reward-tags span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.02);color:#9299a4;font-size:8px}.navo-reward-tags i{color:#ff3548}
.navo-reward-disabled{min-height:39px;padding:0 14px;border:1px solid rgba(255,47,66,.24);border-radius:10px;background:rgba(239,23,37,.08);color:#ff5364;font:800 9px inherit;cursor:not-allowed;opacity:.8}
.navo-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}.navo-reward-grid article{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(15,18,25,.82)}.navo-reward-grid article>i{display:grid;place-items:center;width:31px;height:31px;margin-bottom:10px;border-radius:9px;background:rgba(239,23,37,.09);color:#ff3548}.navo-reward-grid strong{display:block;color:#e9edf3;font-size:11px}.navo-reward-grid p{margin:5px 0 0;color:#747c88;font-size:9px;line-height:1.5}
.navo-challenge-list{display:flex;flex-direction:column;gap:10px}.navo-challenge-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(145deg,rgba(17,20,28,.96),rgba(11,14,20,.96));transition:border-color .2s,transform .2s}.navo-challenge-card:hover{border-color:rgba(255,49,68,.22);transform:translateY(-1px)}
.navo-challenge-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,48,67,.2);border-radius:12px;background:rgba(239,23,37,.075);color:#ff3548}.navo-challenge-info{min-width:0;flex:1}.navo-challenge-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.navo-challenge-info h4{margin:0;color:#edf0f5;font-size:12px}.navo-challenge-info>div span{color:#ff4558;font-size:9px;font-weight:800}.navo-challenge-info p{margin:4px 0 8px;color:#7b838f;font-size:9px}.navo-challenge-progress{height:5px;overflow:hidden;border-radius:99px;background:#242a34}.navo-challenge-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#df1025,#ff3b50);box-shadow:0 0 9px rgba(239,23,37,.3)}.navo-challenge-info small{display:block;margin-top:5px;color:#5f6773;font-size:8px}.navo-challenge-card>b{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.035);color:#737b87;font-size:8px}
.navo-challenge-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#6f7783;font-size:9px}.navo-challenge-note i{color:#ff3548}
@keyframes navoRewardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.navo-rewards-hero{align-items:flex-start}.navo-rewards-status{display:none}.navo-giveaway-featured{grid-template-columns:1fr}.navo-giveaway-art{min-height:90px}.navo-reward-disabled{width:100%}.navo-reward-grid{grid-template-columns:1fr}.navo-challenge-card{align-items:flex-start}.navo-challenge-card>b{display:none}}


/* ===== NAVO DASHBOARD COLOR POLISH ===== */
.scvxx-dash .sd-tabbar{background:linear-gradient(145deg,rgba(16,20,29,.98),rgba(10,13,20,.98));border-color:rgba(255,53,79,.22);box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.scvxx-dash .sd-category{background:linear-gradient(145deg,rgba(23,28,39,.96),rgba(16,20,29,.96));border-color:rgba(139,151,174,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.scvxx-dash .sd-category-heading{color:#f5f7fb}
.scvxx-dash .sd-category-heading i{color:#ff3654;filter:drop-shadow(0 0 8px rgba(255,40,72,.35))}
.scvxx-dash .sd-category-items .sd-tab{color:#cbd2de;background:linear-gradient(145deg,rgba(37,43,56,.9),rgba(29,34,45,.9));border-color:rgba(148,163,184,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.scvxx-dash .sd-category-items .sd-tab:hover{color:#fff;background:linear-gradient(145deg,rgba(48,54,69,.96),rgba(35,40,52,.96));border-color:rgba(255,61,88,.32);transform:translateY(-1px)}
.scvxx-dash .sd-category-items .sd-tab-active{color:#fff;background:linear-gradient(135deg,rgba(255,42,72,.22),rgba(124,20,39,.24));border-color:#ff3654;box-shadow:0 0 0 2px rgba(255,54,84,.12),0 0 22px rgba(255,35,67,.16),inset 0 1px 0 rgba(255,255,255,.05)}
.scvxx-dash .navo-rewards-panel{color:#e8ecf4}
.scvxx-dash .navo-rewards-hero{background:linear-gradient(110deg,rgba(27,31,42,.98),rgba(18,21,30,.98));border-color:rgba(255,54,84,.25);box-shadow:0 14px 36px rgba(0,0,0,.24),inset 3px 0 0 #ff3654}
.scvxx-dash .navo-rewards-hero h3,.scvxx-dash .navo-giveaway-featured h3,.scvxx-dash .navo-challenge-card h4{color:#f7f9fc}
.scvxx-dash .navo-rewards-hero p,.scvxx-dash .navo-giveaway-featured p,.scvxx-dash .navo-challenge-card p{color:#aeb8c8}
.scvxx-dash .navo-rewards-icon,.scvxx-dash .navo-giveaway-art{color:#ff4662;background:radial-gradient(circle at 40% 30%,rgba(255,67,94,.2),rgba(74,15,30,.12));border-color:rgba(255,60,88,.28);box-shadow:0 0 26px rgba(255,39,70,.12)}
.scvxx-dash .navo-giveaway-featured,.scvxx-dash .navo-challenge-card,.scvxx-dash .navo-reward-card{background:linear-gradient(145deg,rgba(18,22,31,.98),rgba(12,15,22,.98));border-color:rgba(125,138,160,.18);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.scvxx-dash .navo-giveaway-featured:hover,.scvxx-dash .navo-challenge-card:hover,.scvxx-dash .navo-reward-card:hover{border-color:rgba(255,56,84,.34);box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 22px rgba(255,38,70,.08)}
.scvxx-dash .navo-rewards-status,.scvxx-dash .navo-giveaway-state{color:#ff7085;background:rgba(255,45,76,.09);border-color:rgba(255,58,87,.25)}
.scvxx-dash .navo-challenge-progress{background:#202634}
.scvxx-dash .navo-challenge-progress>span{background:linear-gradient(90deg,#ff294c,#ff5873);box-shadow:0 0 12px rgba(255,46,77,.28)}

/* ===== NAVO TWO-PLAN PRICING ===== */
#products{padding:88px 20px;background:radial-gradient(circle at 75% 30%,rgba(255,30,63,.10),transparent 34%),#07090e}.nv-price-shell{max-width:980px;margin:auto;text-align:center;color:#f7f8fb}.nv-price-label{color:#ff3150;font-size:12px;font-weight:800;letter-spacing:.22em}.nv-price-shell>h2{font-size:42px;margin:8px 0 10px;letter-spacing:-.04em}.nv-price-sub{margin:0 auto 26px;color:#949dad;font-size:15px}.nv-price-notice{max-width:580px;margin:0 auto 28px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;border:1px solid rgba(255,184,0,.32);border-radius:14px;background:linear-gradient(100deg,rgba(107,66,0,.22),rgba(44,27,4,.12));color:#ffcb45;font-size:11px;letter-spacing:.08em}.nv-price-notice span{color:#b5ad9b;letter-spacing:0}.nv-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;text-align:left}.nv-plan{position:relative;display:flex;flex-direction:column;min-height:545px;padding:30px 28px 24px;border:1px solid rgba(143,155,179,.16);border-radius:20px;background:linear-gradient(145deg,rgba(19,22,31,.98),rgba(10,12,18,.98));box-shadow:0 22px 60px rgba(0,0,0,.34)}.nv-plan.featured{border-color:rgba(255,46,78,.48);box-shadow:0 24px 65px rgba(0,0,0,.38),0 0 40px rgba(255,30,63,.10)}.nv-popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:7px 17px;border-radius:999px;background:linear-gradient(90deg,#ff274b,#e31338);box-shadow:0 0 22px rgba(255,37,71,.28);font-size:12px;font-weight:800;white-space:nowrap}.nv-plan header h3{font-size:22px;margin:4px 0 6px}.nv-plan header p{margin:0;color:#929bac;font-size:14px}.nv-price{display:flex;align-items:baseline;margin:25px 0 22px;font-size:58px;font-weight:850;line-height:1;letter-spacing:-.06em}.nv-price sup{font-size:25px;margin-right:5px}.nv-price small{margin-left:10px;color:#7f899a;font-size:14px;font-weight:600;letter-spacing:0}.nv-plan button{height:51px;border:1px solid rgba(255,54,84,.42);border-radius:12px;background:linear-gradient(90deg,rgba(255,39,72,.92),rgba(205,20,50,.92));color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 28px rgba(225,24,57,.18);cursor:not-allowed;opacity:.86}.nv-plan ul{display:grid;gap:14px;margin:28px 0;padding:0;list-style:none;color:#c5cbd5;font-size:14px}.nv-plan li:before{content:'✓';display:inline-grid;place-items:center;width:21px;height:21px;margin-right:10px;border-radius:50%;background:rgba(23,211,147,.12);color:#25d69a;font-weight:900}.nv-plan li.no{color:#ff647c}.nv-plan li.no:before{content:'×';background:rgba(255,48,79,.12);color:#ff4866}.nv-plan footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(143,155,179,.12);color:#717b8d;font-size:12px;line-height:1.6}@media(max-width:760px){#products{padding:68px 16px}.nv-price-shell>h2{font-size:34px}.nv-price-grid{grid-template-columns:1fr}.nv-plan{min-height:auto;padding:27px 22px}.nv-price{font-size:50px}}

/* ===== NAVO PRICING LAYOUT FIX ===== */
#products.scvxx-products-v5,#products{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:96px 28px 110px!important;box-sizing:border-box!important;overflow:visible!important}
#products .nv-price-shell{width:min(100%,1040px)!important;max-width:1040px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}
#products .nv-price-grid{width:100%!important;max-width:none!important;margin:34px auto 0!important;gap:26px!important;align-items:stretch!important}
#products .nv-plan{width:100%!important;max-width:none!important;min-width:0!important;min-height:570px!important;padding:34px 32px 27px!important;box-sizing:border-box!important}
#products .nv-price-notice{margin:0 auto 30px!important}
#products .nv-price-shell>h2{font-size:46px!important;line-height:1.08!important}
#products .nv-price-sub{font-size:16px!important}
#products .nv-plan header h3{font-size:24px!important}
#products .nv-plan header p{font-size:15px!important}
#products .nv-plan ul{font-size:15px!important}
@media(max-width:760px){#products.scvxx-products-v5,#products{padding:72px 16px 82px!important}#products .nv-price-shell{width:100%!important}#products .nv-price-grid{grid-template-columns:1fr!important;gap:24px!important}#products .nv-plan{min-height:auto!important;padding:30px 23px 25px!important}#products .nv-price-shell>h2{font-size:36px!important}}

/* Remove pricing checkout notice */
#products .nv-price-notice{display:none!important}
/* ===== NAVO GLOBAL COLOR + BRIGHTNESS POLISH ===== */
:root{
 --nv-bg:#080b12!important;
 --nv-bg-soft:#0d1119!important;
 --nv-surface:#121722!important;
 --nv-surface-2:#18202d!important;
 --nv-border:rgba(190,202,222,.14)!important;
 --nv-border-strong:rgba(255,255,255,.20)!important;
 --nv-text:#f8f9fc!important;
 --nv-muted:#b4bdca!important;
 --nv-dim:#8792a3!important;
 --nv-red:#ff3655!important;
 --nv-red-hover:#ff5771!important;
 --nv-red-soft:rgba(255,54,85,.15)!important;
}
html,body{background:#080b12!important;color:#f8f9fc!important}
body{background-image:radial-gradient(circle at 62% 9%,rgba(255,38,74,.12),transparent 30%),radial-gradient(circle at 10% 42%,rgba(42,91,160,.06),transparent 28%),linear-gradient(180deg,#090c13 0%,#070910 100%)!important;background-attachment:fixed!important}
h1,h2,h3,h4,h5,h6{color:#fbfcff!important;text-shadow:0 1px 18px rgba(255,255,255,.025)}
p{color:#b5becb}
nav a{color:#d7dce5!important}nav a:hover{color:#fff!important}
#products{background:radial-gradient(circle at 68% 25%,rgba(255,37,72,.11),transparent 36%),linear-gradient(180deg,#0a0d15,#080a11)!important}
#products .nv-price-shell>h2{color:#fff!important}
#products .nv-price-sub{color:#bac3d0!important}
#products .nv-plan{background:linear-gradient(145deg,rgba(24,30,42,.99),rgba(12,16,24,.99))!important;border-color:rgba(169,184,207,.20)!important;box-shadow:0 25px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045)!important}
#products .nv-plan.featured{border-color:rgba(255,55,86,.58)!important;box-shadow:0 28px 75px rgba(0,0,0,.45),0 0 48px rgba(255,34,70,.13),inset 0 1px 0 rgba(255,255,255,.05)!important}
#products .nv-plan header p,#products .nv-plan footer{color:#aab4c3!important}
#products .nv-plan li{color:#e0e5ed!important}
#products .nv-price small{color:#9da8b8!important}
#products .nv-buy{background:linear-gradient(90deg,#ff3152,#e11942)!important;box-shadow:0 12px 34px rgba(236,28,66,.30)!important}
#products .nv-buy:hover{background:linear-gradient(90deg,#ff4d6b,#ef274d)!important;box-shadow:0 15px 42px rgba(244,35,72,.38)!important}
.scvxx-dash .sd-panel,.scvxx-dash .sd-category{filter:brightness(1.08)}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}

/* ===== NAVO DASHBOARD NORMAL LIGHTING ===== */
body:has(.scvxx-dash){
  background:#080b10!important;
  background-image:none!important;
}
.scvxx-dash{filter:none!important;}
.scvxx-dash .sd-tabbar{
  background:#10151d!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}
.scvxx-dash .sd-category{
  filter:none!important;
  background:#151a23!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.scvxx-dash .sd-category-items .sd-tab{
  background:#1b2029!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.scvxx-dash .sd-category-items .sd-tab:hover{background:#222833!important;}
.scvxx-dash .sd-category-items .sd-tab-active{
  background:rgba(214,27,57,.18)!important;
  border-color:rgba(255,48,78,.65)!important;
  box-shadow:0 0 0 1px rgba(255,48,78,.12)!important;
}
.scvxx-dash .sd-panel,
.scvxx-dash .sd-main > div{filter:none!important;}
.scvxx-dash .sd-panel{
  background:#121720!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ===== NAVO REWARDS REDESIGN ===== */
.navo-rewards-panel{
  width:100%!important;
  max-width:940px!important;
  margin:0 auto!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:#10141c!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}
.navo-rewards-hero{
  min-height:96px!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  border:1px solid rgba(255,55,83,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,42,72,.10),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01))!important;
  box-shadow:none!important;
}
.navo-rewards-icon{
  width:52px!important;height:52px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  color:#ff3b5c!important;
  background:rgba(255,49,78,.11)!important;
  border:1px solid rgba(255,64,91,.25)!important;
  font-size:20px!important;
}
.navo-rewards-hero small{font-size:11px!important;letter-spacing:.14em!important;color:#ff6b83!important;font-weight:700!important;}
.navo-rewards-hero h3{margin:4px 0 3px!important;font-size:22px!important;line-height:1.1!important;color:#f6f7fb!important;}
.navo-rewards-hero p{margin:0!important;font-size:13px!important;line-height:1.45!important;color:#9da6b4!important;}
.navo-rewards-status{
  padding:8px 11px!important;border-radius:999px!important;
  background:rgba(255,49,78,.10)!important;
  border:1px solid rgba(255,49,78,.22)!important;
  color:#ff6b82!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;
}
.navo-giveaway-featured{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  min-height:184px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#0c1017!important;
  box-shadow:none!important;
}
.navo-giveaway-art{
  min-height:184px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  background:radial-gradient(circle at 50% 35%,rgba(255,52,84,.20),transparent 62%),#141019!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  color:#ff4765!important;
}
.navo-giveaway-art i{font-size:36px!important;}
.navo-giveaway-art span{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#aab1bc!important;}
.navo-giveaway-copy{padding:25px 28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;}
.navo-giveaway-copy small{font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#7f8998!important;font-weight:700!important;}
.navo-giveaway-copy h4{margin:7px 0 8px!important;font-size:24px!important;line-height:1.15!important;color:#fff!important;}
.navo-giveaway-copy p{margin:0 0 15px!important;max-width:560px!important;font-size:13px!important;line-height:1.55!important;color:#a5adba!important;}
.navo-reward-tags{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.navo-reward-tags span{padding:7px 10px!important;border-radius:8px!important;background:#171c25!important;border:1px solid rgba(255,255,255,.08)!important;color:#c4cad4!important;font-size:11px!important;}
.navo-reward-disabled{margin-top:18px!important;padding:10px 14px!important;border-radius:10px!important;background:transparent!important;border:1px solid rgba(255,61,91,.28)!important;color:#ff5f78!important;font-size:12px!important;font-weight:700!important;}
.navo-reward-grid{margin-top:16px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.navo-reward-grid article{min-height:142px!important;padding:19px!important;border-radius:13px!important;background:#0d1219!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;}
.navo-reward-grid article>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,48,78,.10)!important;color:#ff4765!important;font-size:15px!important;}
.navo-reward-grid strong{display:block!important;margin:15px 0 5px!important;font-size:14px!important;color:#f3f5f8!important;}
.navo-reward-grid p{margin:0!important;font-size:12px!important;line-height:1.5!important;color:#8f99a8!important;}
.navo-challenge-list{margin-top:16px!important;display:grid!important;gap:10px!important;}
.navo-challenge-list>*,.navo-challenge-item{
  min-height:86px!important;padding:16px 18px!important;border-radius:12px!important;
  background:#0d1219!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;
}
.navo-challenge-list strong,.navo-challenge-item strong{font-size:14px!important;color:#f1f3f7!important;}
.navo-challenge-list p,.navo-challenge-item p{margin-top:4px!important;font-size:12px!important;color:#929cab!important;}
.navo-challenge-list [class*="progress"]{height:6px!important;margin-top:12px!important;border-radius:999px!important;background:#202633!important;overflow:hidden!important;}
.navo-challenge-list [class*="progress"]>*{height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff304f,#ff5b74)!important;}
@media(max-width:760px){
  .navo-rewards-panel{padding:16px!important;border-radius:14px!important;}
  .navo-rewards-hero{grid-template-columns:44px 1fr!important;padding:16px!important;}
  .navo-rewards-status{grid-column:2!important;justify-self:start!important;}
  .navo-giveaway-featured{grid-template-columns:1fr!important;}
  .navo-giveaway-art{min-height:130px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
  .navo-giveaway-copy{padding:20px!important;}
  .navo-reward-grid{grid-template-columns:1fr!important;}
}

/* ===== NAVO FULL CLARITY + SMOOTHNESS PASS ===== */
:root{
  --nv-bg:#080b10!important;
  --nv-bg-soft:#0c1016!important;
  --nv-surface:#11161f!important;
  --nv-surface-2:#161c26!important;
  --nv-border:rgba(255,255,255,.09)!important;
  --nv-border-strong:rgba(255,255,255,.14)!important;
  --nv-text:#f2f4f8!important;
  --nv-muted:#98a2b1!important;
}
html{
  scroll-behavior:smooth!important;
  background:#080b10!important;
  -webkit-text-size-adjust:100%;
}
body{
  background:#080b10!important;
  background-image:none!important;
  color:var(--nv-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-synthesis:none!important;
  font-kerning:normal!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
  letter-spacing:0!important;
}
body *{
  font-family:inherit!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
}
h1,h2,h3,h4,h5,h6{
  color:#f7f8fb!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  line-height:1.18!important;
}
p,small,label,span{
  line-height:1.5!important;
}
button,a,input,select,textarea,[role="button"]{
  font:inherit!important;
}
button,a,[role="button"],.sd-tab,.sd-panel,.sd-category{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease!important;
}
button:hover,a:hover,[role="button"]:hover{
  transform:translateY(-1px);
}
button:active,a:active,[role="button"]:active{
  transform:translateY(0);
}
:focus-visible{
  outline:2px solid rgba(255,62,91,.72)!important;
  outline-offset:2px!important;
}
.navo-rewards-panel{display:none!important;}
.scvxx-dash{
  color:#eef1f6!important;
  filter:none!important;
}
.scvxx-dash .sd-main{
  width:min(100%,1080px)!important;
}
.scvxx-dash .sd-tabbar,
.scvxx-dash .sd-panel,
.scvxx-dash .sd-category{
  filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.scvxx-dash .sd-tabbar{
  background:#0e131a!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.scvxx-dash .sd-category{
  background:#121821!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
}
.scvxx-dash .sd-panel{
  background:#0f141c!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
}
.scvxx-dash .sd-category-items .sd-tab{
  min-height:44px!important;
  padding:11px 14px!important;
  background:#181e28!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  color:#cbd1dc!important;
  box-shadow:none!important;
}
.scvxx-dash .sd-category-items .sd-tab:hover{
  background:#202733!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
}
.scvxx-dash .sd-category-items .sd-tab-active{
  background:#29202a!important;
  color:#fff!important;
  border-color:rgba(255,58,88,.55)!important;
  box-shadow:inset 3px 0 0 #ff3455!important;
}
.scvxx-dash .sd-panel h1,
.scvxx-dash .sd-panel h2,
.scvxx-dash .sd-panel h3,
.scvxx-dash .sd-panel h4{
  font-weight:650!important;
}
.scvxx-dash .sd-panel p,
.scvxx-dash .sd-panel small{
  color:#9ca6b5!important;
}
.scvxx-dash img,.scvxx-dash svg{
  image-rendering:auto!important;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ===== NAVO TRUST STRIP SLIGHT SIZE INCREASE ===== */
.navo-trust-strip{
  padding:30px 24px 44px!important;
}
.navo-trust-inner{
  width:min(1220px,100%)!important;
  padding:23px 26px 27px!important;
  border-radius:22px!important;
}
.navo-trust-benefits{
  min-height:66px!important;
  gap:0!important;
}
.navo-trust-item,.navo-trust-secure{
  gap:13px!important;
  padding:0 16px!important;
}
.navo-trust-icon,.navo-trust-secure>i{
  width:42px!important;
  height:42px!important;
  font-size:15px!important;
}
.navo-trust-item strong,.navo-trust-secure strong{
  font-size:14px!important;
  line-height:1.25!important;
}
.navo-trust-item small,.navo-trust-secure small{
  font-size:11px!important;
  line-height:1.35!important;
}
.navo-trust-divider{
  margin:18px 0 15px!important;
}
.navo-trust-divider span{
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.navo-trust-launchers,.navo-launchers{
  gap:10px!important;
}
.navo-trust-launchers>*,.navo-launchers>*{
  min-height:42px!important;
  padding:0 17px!important;
  font-size:12px!important;
}
@media(max-width:760px){
  .navo-trust-strip{padding:24px 14px 34px!important;}
  .navo-trust-inner{padding:20px 16px 22px!important;}
  .navo-trust-item,.navo-trust-secure{padding:12px 4px!important;}
}

/* ===== NAVO PURPLE LIFETIME CARD ===== */
#products .nv-price-grid.one{
  display:grid!important;
  grid-template-columns:minmax(320px,440px)!important;
  justify-content:center!important;
  gap:0!important;
}
#products .nv-plan.preorder{
  position:relative!important;
  min-height:560px!important;
  padding:28px 24px 22px!important;
  overflow:hidden!important;
  border:1px solid rgba(139,79,255,.58)!important;
  border-radius:16px!important;
  background:
    radial-gradient(90% 55% at 80% 0%,rgba(134,69,255,.15),transparent 68%),
    linear-gradient(180deg,#17101f 0%,#0f0b14 72%,#0b0a0f 100%)!important;
  box-shadow:0 18px 60px rgba(85,32,170,.18)!important;
}
#products .nv-plan.preorder::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(169,111,255,.7),transparent)!important;
}
#products .nv-plan-badge,
#products .nv-popular,
#products [class*="popular"],
#products .preorder>[class*="badge"]{
  display:none!important;
}
#products .nv-plan.preorder h3{
  margin:0 0 8px!important;
  font-size:22px!important;
  font-weight:700!important;
  color:#f8f6fc!important;
}
#products .nv-plan.preorder header>p,
#products .nv-plan.preorder header small{
  margin:0!important;
  font-size:13px!important;
  color:#a9a2b2!important;
}
#products .nv-price{
  margin:28px 0 22px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
}
#products .nv-price strong,
#products .nv-price-main{
  font-size:48px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:#f8f6fc!important;
}
#products .nv-price span,
#products .nv-price small{
  padding-bottom:6px!important;
  color:#a79fac!important;
  font-size:13px!important;
}
#products .nv-buy{
  width:100%!important;
  height:52px!important;
  margin:0 0 24px!important;
  border:1px solid rgba(179,127,255,.62)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#8450ee 0%,#9746f6 52%,#7d34e9 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:0 10px 30px rgba(126,57,229,.25)!important;
}
#products .nv-buy:hover{
  background:linear-gradient(90deg,#9360f5,#a153ff,#8c42ef)!important;
  border-color:rgba(203,166,255,.8)!important;
  box-shadow:0 12px 34px rgba(133,65,236,.34)!important;
}
#products .nv-plan.preorder ul{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:13px!important;
  list-style:none!important;
}
#products .nv-plan.preorder li{
  position:relative!important;
  padding-left:28px!important;
  color:#c7c1ce!important;
  font-size:13px!important;
  line-height:1.45!important;
}
#products .nv-plan.preorder li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  top:-1px!important;
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(16,185,129,.15)!important;
  border:1px solid rgba(16,185,129,.28)!important;
  color:#2ee0a0!important;
  font-size:11px!important;
  font-weight:800!important;
}
#products .nv-plan.preorder footer{
  margin-top:auto!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:#777180!important;
  font-size:11px!important;
  line-height:1.5!important;
}
#products .nv-plan.preorder{
  display:flex!important;
  flex-direction:column!important;
}
@media(max-width:560px){
  #products .nv-price-grid.one{grid-template-columns:minmax(0,1fr)!important;}
  #products .nv-plan.preorder{min-height:540px!important;padding:24px 20px 20px!important;}
  #products .nv-price strong,#products .nv-price-main{font-size:42px!important;}
}

/* ===== NAVO RED LIFETIME CARD OVERRIDE ===== */
#products .nv-plan.preorder{
  border-color:rgba(255,49,78,.58)!important;
  background:
    radial-gradient(90% 55% at 80% 0%,rgba(255,39,72,.15),transparent 68%),
    linear-gradient(180deg,#1b0e14 0%,#110b0f 72%,#0b090c 100%)!important;
  box-shadow:0 18px 60px rgba(175,18,48,.18)!important;
}
#products .nv-plan.preorder::before{
  background:linear-gradient(90deg,transparent,rgba(255,72,99,.72),transparent)!important;
}
#products .nv-buy{
  border-color:rgba(255,74,99,.62)!important;
  background:linear-gradient(90deg,#ff304f 0%,#ed2446 52%,#cf1738 100%)!important;
  box-shadow:0 10px 30px rgba(220,31,64,.25)!important;
}
#products .nv-buy:hover{
  background:linear-gradient(90deg,#ff4561,#fa3152,#df2142)!important;
  border-color:rgba(255,131,148,.82)!important;
  box-shadow:0 12px 34px rgba(225,38,72,.34)!important;
}

/* Compact lifetime card header and price spacing */
#products .nv-plan.preorder > header {
  position:static!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#products .nv-plan.preorder .nv-price {
  margin:20px 0 20px!important;
  padding:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
#products .nv-plan.preorder {
  min-height:0!important;
  height:auto!important;
  justify-content:flex-start!important;
}
#products .nv-plan.preorder footer {
  margin-top:24px!important;
}

/* NAVO slim full-width benefits strip */
.navo-trust-strip{padding:28px 0 0!important;background:transparent!important;overflow:visible!important;}
#navo-sword-headline{margin:0 auto 28px!important;padding:12px 20px!important;font-size:clamp(20px,2vw,26px)!important;}
.navo-trust-inner{width:100%!important;max-width:none!important;padding:16px 24px!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(13,12,17,.65)!important;box-shadow:none!important;}
.navo-trust-inner > :not(.navo-trust-benefits){display:none!important;}
.navo-trust-benefits{width:min(1220px,100%)!important;margin:auto!important;min-height:42px!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.1fr)!important;}
.navo-trust-item,.navo-trust-secure{padding:0 16px!important;gap:12px!important;border-right:0!important;}
.navo-trust-secure{border-left:1px solid rgba(255,255,255,.10)!important;}
.navo-trust-icon,.navo-trust-secure>i{width:34px!important;height:34px!important;flex-shrink:0!important;font-size:14px!important;border-radius:10px!important;background:rgba(255,48,78,.04)!important;border:1px solid rgba(255,255,255,.12)!important;color:#ff5a73!important;box-shadow:none!important;}
.navo-trust-item strong,.navo-trust-secure strong{font-size:12px!important;font-weight:600!important;}
.navo-trust-item small,.navo-trust-secure small{font-size:10px!important;line-height:1.4!important;}
@media(max-width:900px){.navo-trust-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}.navo-trust-secure{border-left:0!important;grid-column:1/-1!important;}.navo-trust-inner{padding:20px 16px!important;}}
@media(max-width:460px){.navo-trust-item,.navo-trust-secure{padding:0 4px!important;gap:8px!important;}.navo-trust-item strong{font-size:11px!important;}}