/* ============================================================
   KYMA THEME v2 — corrected scheme (V2026.110)
   Design language: CREAM canvas #f5f4e7 · near-black ink #050505 ·
   electric-lime #c6ff34 accents & solid panels · selective dark
   bands #0f0f11 (showcase, film, trust, footer) · hairline rules ·
   sharp rectangular geometry · huge grotesque display type ·
   mono utility labels. Features/content untouched — skin only.
   Loaded AFTER style.css + style-extra.css on every page.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/tasa-orbiter-display');

/* ---------- 1 · TOKENS ---------- */
:root{
  --nx-blue:#050505;
  --nx-blue-2:#050505;
  --nx-blue-deep:#050505;
  --nx-lime:#c6ff34;
  --nx-lime-ink:#050505;
  --nx-green:#c6ff34;
  --nx-ink:#050505;
  --nx-ink-2:#111110;
  --nx-muted:#4a4a44;
  --nx-muted-2:#8a8a80;
  --nx-line:rgba(5,5,5,.16);
  --nx-line-soft:rgba(5,5,5,.08);
  --nx-bg:#f5f4e7;
  --nx-soft:#eceadb;
  --nx-white:#f5f4e7;
  --nx-glass:rgba(245,244,231,.7);
  --nx-glass-strong:rgba(245,244,231,.88);
  --nx-glass-line:rgba(5,5,5,.14);
  --nx-glass-dark:rgba(5,5,5,.72);
  --nx-radius:0px;
  --nx-radius-sm:2px;
  --nx-shadow-card:none;
  --nx-shadow-hover:0 18px 44px rgba(5,5,5,.12);
  --nx-shadow-glass:0 24px 60px rgba(5,5,5,.10);
  --font-display:'TASA Orbiter Display','Space Grotesk','Mona Sans Variable',Inter,system-ui,sans-serif;
  --font-sans:'TASA Orbiter','Space Grotesk','Mona Sans Variable',Inter,system-ui,sans-serif;
}
html{background:#f5f4e7}
body{background:var(--nx-bg);color:var(--nx-ink)}
::selection{background:#c6ff34;color:#050505}
@media(pointer:fine){
  html{scrollbar-width:thin;scrollbar-color:#050505 #f5f4e7}
  ::-webkit-scrollbar{width:12px}
  ::-webkit-scrollbar-track{background:#f5f4e7}
  ::-webkit-scrollbar-thumb{background:#c9c8ba;border:3px solid #f5f4e7}
  ::-webkit-scrollbar-thumb:hover{background:#050505}
}

/* ---------- 2 · TYPE (huge, tight, black) ---------- */
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--nx-ink)}
p,li{color:var(--nx-muted)}
.nxh-head h2,.nx-section-head h2,.nxh-sec h2,.fx-sec h2{font-size:clamp(30px,4.8vw,60px)!important;line-height:1.0!important;letter-spacing:-.04em!important}
.nx-eyebrow,.nxh-ey{color:#050505!important;letter-spacing:.18em!important;font-weight:700}
.nx-eyebrow::before{background:#c6ff34!important;animation:kymaPulse 2.6s ease-in-out infinite}
@keyframes kymaPulse{0%,100%{box-shadow:0 0 0 0 rgba(198, 255, 52,.5)}50%{box-shadow:0 0 0 6px rgba(198, 255, 52,0)}}

/* ---------- 3 · HEADER / CHROME — cream utility bar ---------- */
.nxa-announce{background:#f5f4e7!important;color:#050505!important;border-bottom:1px solid var(--nx-line)!important}
.nxa-announce a,.nxa-announce-txt,.nxa-announce-cta{color:#050505!important}
.nxa-announce-tag{background:#c6ff34!important;color:#050505!important}
.nx-header{background:rgba(245,244,231,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--nx-line)!important}
.nx-header .nx-logo-svg{filter:none!important}
.nx-nav > a,.nx-nav .nx-nav-trigger{color:rgba(5,5,5,.82)!important;font-weight:700}
.nx-nav > a:hover,.nx-nav .nx-nav-trigger:hover{color:#050505!important;box-shadow:inset 0 -2px 0 #c6ff34}
.nx-nav > a.active,.nx-nav-drop.is-open .nx-nav-trigger{color:#050505!important;box-shadow:inset 0 -2px 0 #c6ff34}
.nx-icon-btn{color:rgba(5,5,5,.78)!important}
.nx-icon-btn:hover{color:#050505!important}
.nx-nav-cur .opts button span{color:rgba(5,5,5,.7)!important}
/* utility strip label + live clock (injected by shell) */
.kyma-util{display:flex;align-items:center;gap:26px;margin-left:auto;margin-right:14px}
.kyma-util span{font:700 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(5,5,5,.62);white-space:nowrap}
@media(max-width:1439px){.kyma-util{display:none}}
/* dropdown panels — cream editorial */
.nx-nav-menu{background:#f5f4e7!important;border:1px solid rgba(5,5,5,.22)!important;box-shadow:0 26px 60px rgba(5,5,5,.16)!important;border-radius:0!important}
.nx-nav-menu a,.nx-nav-menu a b{color:#050505!important}
.nx-nav-menu a small{color:#6a6a60!important}
.nx-nav-menu a:hover{background:#eceadb!important;border-left-color:#c6ff34!important;color:#050505!important}
.nx-nav-menu a:hover small{color:#050505!important}
.nx-mega-floating,.nx-trend-mega{background:#f5f4e7!important;border-color:rgba(5,5,5,.22)!important;color:#050505!important}
.nx-trend-mega-col h4{color:#6a6a60!important}
.nx-trend-mega-col a{color:#050505!important}
.nx-trend-mega-col a:hover{color:#050505!important;background:#eceadb}
/* category strip — cream utility row */
.nx-trend-strip{background:#f5f4e7!important;border-bottom:1px solid var(--nx-line)!important}
.nx-trend-strip .nx-trend-chip{color:rgba(5,5,5,.72)!important}
.nx-trend-strip .nx-trend-chip:hover{color:#050505!important}
.nx-trend-strip .nx-trend-chip.is-active{color:#050505!important;border-bottom-color:#c6ff34!important}
/* hamburger → black MENU block */
.nx-menu{background:#0f0f11!important;border:1px solid #0f0f11!important;color:#f5f4e7!important;border-radius:0!important}
.nx-menu span,.nx-menu i{background:#f5f4e7!important}
.nx-menu svg{color:#f5f4e7!important;stroke:#f5f4e7!important}
/* mobile */
.nx-nav.open{background:#f5f4e7!important}
.nx-mobile-bottom-nav{background:#f5f4e7!important;border-top:1px solid var(--nx-line)!important}
.nx-mobile-bottom-nav a{color:#6a6a60!important}
.nx-mobile-bottom-nav a.is-active{color:#050505!important}
.nx-mobile-bottom-nav a.is-active::before{background:#c6ff34!important}

/* ---------- 4 · BUTTONS — sharp bars (lime primary · black secondary) ---------- */
.nx-cta,.nx-cta-blue,.nx-cta-ghost,.nx-nav-subscribe,.nx-promo-cta,.nx-pkg-cta,.fx-cta a,.fx-card a.dl,.fx-empty a,button.nx-tag-btn{border-radius:2px!important}
.nx-cta-blue,.nx-promo-cta,.nx-pkg-cta,.fx-cta a.primary,.fx-card a.dl{background:#c6ff34!important;color:#050505!important;border:0!important;font-weight:800}
.nx-cta-blue:hover,.nx-promo-cta:hover,.nx-pkg-cta:hover{background:#050505!important;color:#c6ff34!important;transform:translateY(-1px)}
.nx-header .nx-cta:not(.nx-cta-ghost){background:#0f0f11!important;color:#f5f4e7!important;border:0!important}
.nx-header .nx-cta:not(.nx-cta-ghost):hover{background:#050505!important;color:#c6ff34!important}
.nx-cta-ghost,.fx-empty a{background:transparent!important;border:1.5px solid rgba(5,5,5,.5)!important;color:#050505!important}
.nx-cta-ghost:hover{border-color:#050505!important;background:#050505!important;color:#c6ff34!important}
/* dark-band ghosts need light outline */
.nxh-showcase .nx-cta-ghost,.nx-film .nx-cta-ghost,.fx-cta a.ghost{border:1.5px solid rgba(245,244,231,.5)!important;color:#f5f4e7!important;background:transparent!important}
.nx-nav-subscribe{background:#c6ff34!important;color:#050505!important;border:0!important}
.nx-header .nx-nav a.nx-nav-subscribe,.nx-header .nx-nav a.nx-nav-subscribe.active{color:#050505!important}
.nx-hero form button,.nx-hero .nx-hero-search button{background:#c6ff34!important;color:#050505!important;border:0!important;border-radius:2px!important}

/* ---------- 5 · SURFACES — cream + hairlines ---------- */
[style*="background:#fafafa"],[style*="background: #fafafa"],
[style*="background:#fff"],[style*="background: #fff"],
[style*="background:#ffffff"],[style*="background:#f5f7fb"],[style*="background:#f5f9ff"],
[style*="background:#eff5ff"],[style*="background:#f0f3ff"]{background:#f5f4e7!important;color:var(--nx-ink)}
section[style*="background:#fafafa"]{border-color:var(--nx-line)!important}
.nxv-card,.nxsolv-card,.nxh-exp-card,.nx-welcome-card,.fx-card,.fx-cat,.pulse-feed,.nx-card,
.nx-tool-card,.nx-pl-card,.nxa-agent,.nx-blog-card,.nxn-card,.nx-wiz-card,.pulse-rcard,.nx-free-card,
.nxp-pl-card,.nxp-pl-input{background:#f5f4e7!important;border:1px solid var(--nx-line)!important;color:var(--nx-ink)!important;border-radius:0!important;box-shadow:none!important}
.nxv-card:hover,.nxsolv-card:hover,.fx-cat:hover,.fx-card:hover,.nx-card:hover{border-color:#050505!important;box-shadow:var(--nx-shadow-hover)!important;transform:translateY(-3px)}
.nxp-pl-head{background:#eceadb!important;border-color:var(--nx-line)!important}
.nxh-tint,.nxh-sec.nxh-tint,.nxh-explain{background:#eceadb!important}
.nx-modal,.nx-pop,.nx-toast,.nx-drawer{background:#f5f4e7!important;color:var(--nx-ink)!important;border:1px solid rgba(5,5,5,.3)!important}
.nxh-sol,.nxh-sol-video,.nxh-sec.nxv-how,.nxv-how-video,.nxv-how-glass{background:#eceadb!important;background-image:none!important}
.nxv-faq{background:#f5f4e7!important;background-image:none!important}
.nxv-faq::before{background:none!important}

/* ---------- 6 · FORMS — sharp cream inputs ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{
  background:#f5f4e7!important;color:#050505!important;border:1px solid rgba(5,5,5,.3)!important;border-radius:2px!important}
input:focus,textarea:focus,select:focus{outline:0;border-color:#050505!important;box-shadow:0 0 0 3px rgba(198, 255, 52,.5)!important}
::placeholder{color:#8a8a80!important}
.nx-hero input{background:#0f0f11!important;color:#f4f4e8!important;border-color:rgba(244,244,232,.2)!important}

/* ---------- 7 · ACCENTS ---------- */
.nxh-h2 b,.fx-hero h1 b,h1 .blue,h2 .blue,.blue{color:#050505!important;background:#c6ff34!important;-webkit-text-fill-color:#050505!important;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.nx-card-rating svg,.nx-quote .stars{color:#050505!important}
.nx-trend-mega-badge,.nx-card-badge.new{background:#c6ff34!important;color:#050505!important;border-radius:2px!important}
.nx-card-badge.pro{background:#0f0f11!important;color:#f5f4e7!important}
.nxsolv-points svg,.nx-check,.nxh-trust-row svg{color:#050505!important}
.nxsolv-num,.nxh-step-num,.nx-film-step{color:#050505!important;background:#c6ff34;padding:2px 8px;font-weight:800}
.nxflow-badge{background:#0f0f11!important;color:#f5f4e7!important;border:0!important}
.nxflow-node h4,.nxflow h4{color:#050505!important}

/* ---------- 8 · DARK BANDS (kept: showcase · film · trust · footer) ---------- */
.nxh-showcase{background:#0f0f11!important}
.nx-film{background:#0f0f11!important;background-image:none!important}
.nx-film::before{background:none!important}
html body .nx-film-head h2,html body .nx-film-title{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#f4f4e8!important;color:#f4f4e8!important}
html body .nx-film-em{-webkit-text-fill-color:#c6ff34!important;color:#c6ff34!important;background:none!important;padding:0}
.nx-film-stage{background:#1a1a1c!important;border:1px solid rgba(244,244,232,.18)!important;color:#bdbdb4!important}
.nx-film p{color:rgba(244,244,232,.72)!important}
.nxh-trust{background:#0f0f11!important}
.nxh-trust h2,.nxh-trust h3{color:#f4f4e8!important}
.nx-trust-badge{background:rgba(244,244,232,.05)!important;border-color:rgba(244,244,232,.14)!important}
.nx-footer,footer{background:#0f0f11!important;border-top:0!important}
.nx-footer a:hover{color:#c6ff34!important}
.nx-newsletter{background:rgba(244,244,232,.05)!important}

/* ---------- 9 · LIME PANEL — the CTA band ---------- */
.nxh-cta{background:#c6ff34!important;padding:110px 0!important}
.nxh-cta .nxh-cta-bg,.nxh-cta::before{display:none!important}
.nxh-cta h2,.nxh-cta .nxh-ey{color:#050505!important;text-shadow:none!important}
.nxh-cta p,.nxh-cta .nxh-cta-rea{color:rgba(5,5,5,.72)!important;text-shadow:none!important}
.nxh-cta-btns .primary{background:#0f0f11!important;color:#f5f4e7!important;border-radius:2px!important;box-shadow:none!important}
.nxh-cta-btns .primary:hover{background:#050505!important;color:#c6ff34!important}
.nxh-cta-btns .ghost{border:1.5px solid rgba(5,5,5,.55)!important;color:#050505!important;background:transparent!important;border-radius:2px!important}
.nxh-cta-btns .ghost:hover{background:#050505!important;color:#c6ff34!important}
.fx-cta{background:#0f0f11!important;border-radius:0!important}

/* ---------- 10 · FAQ — numbered lime chips ---------- */
.nxv-faq{counter-reset:kfaq}
.nxv-faq details{counter-increment:kfaq;border-bottom:1px solid var(--nx-line);background:transparent!important}
.nxv-faq summary{color:#050505!important;font-weight:700}
.nxv-faq summary::before{content:counter(kfaq,decimal-leading-zero);display:inline-grid;place-items:center;min-width:26px;height:20px;background:#c6ff34;color:#050505;font:800 11px/1 var(--font-mono);margin-right:12px;padding:0 4px}
.nxv-faq .a,.nxv-faq details p{color:#4a4a44!important}

/* ---------- 11 · HERO BAND (dark, kept — our epic video) ---------- */
html #heroBlock #nxHeroH1{font-family:var(--font-display)!important;font-size:clamp(44px,6.6vw,92px)!important;font-weight:600!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 30px!important}
html #heroBlock .nx-hero-sub{font-size:clamp(16px,1.9vw,20px)!important;color:rgba(244,244,232,.75)!important;max-width:56ch}
#heroBlock .nx-hero-logos{flex-wrap:nowrap!important;overflow:hidden}
.kyma-marquee{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.kyma-track{display:flex;align-items:center;gap:48px;width:max-content;animation:kymaMarquee 26s linear infinite}
.kyma-track .lg{flex:none;opacity:.75}
.kyma-track .lg:hover{opacity:1}
@keyframes kymaMarquee{to{transform:translateX(-50%)}}
#heroBlock .nx-hero-proof{border-top:1px solid rgba(244,244,232,.16);padding-top:22px;margin-top:40px!important}
#heroBlock .nx-hero-pill{border-color:rgba(244,244,232,.28)!important;color:#f4f4e8!important;border-radius:2px!important}

/* ---------- 12 · BROWSE ---------- */
.nx-browse-hero{position:relative}
.nx-browse-hero::after{content:"";position:absolute;inset:0;background:rgba(5,5,5,.72);pointer-events:none;z-index:0}
.nx-browse-hero>*{position:relative;z-index:1}
.nx-browse-controls,.nx-browse-controls.glass{background:rgba(245,244,231,.94)!important;border:1px solid var(--nx-line)!important;backdrop-filter:blur(10px)}
.nx-browse-controls input{background:#f5f4e7!important;color:#050505!important}
.nx-filter-group,.nx-filter-bar,.nx-sort{background:#f5f4e7!important;border:1px solid var(--nx-line)!important;color:#050505!important}
.nx-filter-group label,.nx-filter-group span{color:#4a4a44!important}
.nx-tag-btn{background:#f5f4e7!important;border:1px solid rgba(5,5,5,.3)!important;color:#4a4a44!important;border-radius:2px!important}
.nx-tag-btn.is-active{background:#c6ff34!important;color:#050505!important;border-color:#050505!important}

/* ---------- 13 · CATEGORY + CARD TEXT (out-specify inline #catGrid rules) ---------- */
html #catGrid .nxv-cat h3{color:#050505!important}
html #catGrid .nxv-cat p,html #catGrid .nxv-cat span{color:#4a4a44!important}
html #catGrid .nxv-cat{background:#f5f4e7!important;border:1px solid var(--nx-line)!important}
html #catGrid .nxv-cat:hover{border-color:#050505!important}
html body .nxv-steps h3,html body .nxv-prob-grid h3,html body .nxv-how-grid h3,.nx-cat h3,.nxv-body h3{color:#050505!important}
html body .nxv-prob-grid p,html body .nxv-how-grid p{color:#4a4a44!important}
.nx-cat{background:#f5f4e7!important;border:1px solid var(--nx-line)!important}
.nx-cat:hover{border-color:#050505!important}
.nx-card-title,.nx-card h3,.nx-card .price,span.price,.nx-cat-card h3,.nx-card-body h3{color:#050505!important}
.nx-card-seller,.nx-card-meta{color:#6a6a60!important}
.pulse-feed-item a,.pulse-feed-link{color:#050505!important}
.pulse-feed-status.is-live{color:#3f6b00!important}

/* ---------- 14 · MOTION ---------- */
.nxv-card,.nxsolv-card,.fx-cat,.fx-card,.nx-cta,.nx-cta-blue,.nx-cta-ghost,a,button{transition-duration:.22s}
@media(prefers-reduced-motion:reduce){.kyma-track{animation:none!important}.nx-eyebrow::before{animation:none!important}}

/* ---------- 15 · FINAL RESCUES (post-scan v2) ---------- */
.nxa-announce b,.nxa-announce .nxa-announce-txt b{color:#050505!important}
.nxh-exp-steps .n,.nxh-exp-steps li .n{background:#0f0f11!important;color:#f5f4e7!important}
.nxh-trust-lead,.nxh-trust-lead b,.nxh-trust p{color:#f4f4e8!important}
.nx-avatar,.nx-card-seller .nx-avatar{background-color:#0f0f11;color:#f5f4e7!important}
html section.nx-film,html .nx-film.nx-ar{background:#0f0f11!important;background-image:none!important}
.nx-mm-btn{background:#0f0f11!important;color:#f5f4e7!important;border:1px solid #0f0f11!important;border-radius:2px!important}
.nx-mm-btn .ico{background:#c6ff34!important;color:#050505!important}

/* ---------- 16 · BLUE PURGE — remaining blue-era accents → lime/black/cream ---------- */
/* heading accent spans (.em) → lime highlight chips */
html body .nxh-h2 .em,html body h1 .em,html body h2 .em,html body .nxh-head .em{
  color:#050505!important;background:#c6ff34!important;-webkit-text-fill-color:#050505!important;
  padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* dim eyebrows → black on cream; light/lime inside dark bands */
html body .nxh-ey.dim,html body .nx-eyebrow.dim,html body .nxh-sol .nxh-ey.dim{color:#050505!important}
html body .nx-film .nxh-ey,html body .nx-film .nxh-ey.dim{color:#f4f4e8!important}
html body .nxh-showcase .nxh-ey,html body .nxh-showcase .ey{color:#c6ff34!important}
/* explain-section link + tag */
.nxh-exp-link{color:#050505!important;font-weight:800;box-shadow:inset 0 -2px 0 #c6ff34}
.nxh-exp-tag{color:#050505!important;background:#c6ff34;padding:4px 8px}
/* welcome step cards → cream + hairline */
#what-is-nexora .nxh-exp-steps li,#what-is-nexora li{background:#f5f4e7!important;border:1px solid var(--nx-line)!important;border-radius:0!important;box-shadow:none!important}
/* seller-level chips (TOP RATED / LEVEL 2) → lime */
.lvl,.lvl.top,[class*="lvl"]{background:#c6ff34!important;color:#050505!important;border-radius:2px!important;font-weight:800}
/* gig card media: keep real uploaded covers, replace blue gradients with black */
.nx-card-media:not(.has-cover){background:#0f0f11!important}
.nx-card-media:not(.has-cover) .glyph{color:rgba(198, 255, 52,.92)!important}
.nx-card-media .play{background:#c6ff34!important;color:#050505!important}
.nx-card-media .play svg{color:#050505!important}
.nx-card-seller img,.nx-card-seller .nx-avatar{border:1.5px solid #050505!important}
.nx-card-tags,.nx-card-tags span{color:#4a4a44!important}
.nx-card .nx-card-go,.nx-card [class*="arrow"]{background:#0f0f11!important;color:#c6ff34!important;border-radius:2px!important}
/* 3-step flow: black circles + lime icons + hairline connectors */
html body .nxflow-ico{background:#0f0f11!important;color:#c6ff34!important;box-shadow:none!important}
html body .nxflow-ico svg{color:#c6ff34!important;stroke:#c6ff34!important}
html body .nxflow-ring{border-color:rgba(5,5,5,.14)!important;background:transparent!important}
html body .nxflow-line{background:rgba(5,5,5,.2)!important}
html body .nxflow-dot{background:#050505!important}
.nxflow-chips>*,.nxflow-chips span{background:#f5f4e7!important;border:1px solid rgba(5,5,5,.3)!important;color:#050505!important;border-radius:2px!important}
/* category-card inner media tiles (blue panels) → black w/ lime icon */
html #catGrid .nxv-cat [class*="media"],html #catGrid .nxv-cat [class*="ico"],html #catGrid .nxv-cat [class*="tile"],
html #catGrid .nxv-cat [class*="art"]{background:#0f0f11!important;color:#c6ff34!important;border-radius:0!important}
html #catGrid .nxv-cat [class*="media"] svg,html #catGrid .nxv-cat [class*="ico"] svg{color:#c6ff34!important;stroke:#c6ff34!important}
/* problem cards (blue glass) → cream + hairline + black icons */
.nxh-pcard,.nxh-prob-grid>*,.nxh-scard{background:#f5f4e7!important;border:1px solid var(--nx-line)!important;border-radius:0!important;box-shadow:none!important;background-image:none!important}
.nxh-pcard svg,.nxh-prob-grid svg,.nxh-scard svg{color:#050505!important;stroke:#050505!important}
.nxh-pcard [class*="ico"],.nxh-scard [class*="ico"]{background:#c6ff34!important;color:#050505!important;border-radius:0!important}
/* section-header links (Browse all →, View all →) */
.nxh-link,a.nxh-link{color:#050505!important;font-weight:800;box-shadow:inset 0 -2px 0 #c6ff34}
/* generic .nx-eyebrow inside dark bands → ivory */
html body .nx-film .nx-eyebrow,html body .nxh-showcase .nx-eyebrow,html body .nxh-trust .nx-eyebrow{color:#f4f4e8!important}
/* planner widget accents → black/lime */
.nxp-pl-arrow{color:#050505!important}
.nxp-pl-chip-num{background:#c6ff34!important;color:#050505!important;padding:1px 6px;font-weight:800}
.nxp-pl-mode{color:#4a4a44!important}
.nxp-pl-chip{background:#f5f4e7!important;border:1px solid rgba(5,5,5,.3)!important;color:#050505!important;border-radius:2px!important}
/* card footer arrow chip → black block, lime arrow */
.nx-card-foot .arrow,.nx-card .arrow{background:#0f0f11!important;color:#c6ff34!important;border-radius:2px!important}
.nx-card-foot{background:#f5f4e7!important;border-top:1px solid var(--nx-line)!important}
/* the circular link wrapping the ↗ in card footers */
.nx-card-foot a,.nx-card-foot button{background:#0f0f11!important;color:#c6ff34!important;border-radius:2px!important;border:0!important}
.nx-card-foot a .arrow,.nx-card-foot a svg{color:#c6ff34!important}

/* ---------- 17 · EPIC LAYOUT PASS — numbered labels · giant numerals · hatched bands ---------- */
/* bracket-numbered mono section labels: [01] WHAT WE AUTOMATE_ */
body{counter-reset:ksec}
.nxh-ey,.nx-eyebrow{counter-increment:ksec}
.nxh-ey::before,.nx-eyebrow::before{
  content:"[" counter(ksec,decimal-leading-zero) "]"!important;
  width:auto!important;height:auto!important;background:none!important;animation:none!important;
  color:#050505;font:800 11px/1 var(--font-mono);letter-spacing:.08em;margin-right:2px}
.nxh-ey::after,.nx-eyebrow::after{content:"_";opacity:.55}
/* lime bracket numbers inside dark bands */
.nx-film .nxh-ey::before,.nx-film .nx-eyebrow::before,
.nxh-showcase .nxh-ey::before,.nxh-showcase .nx-eyebrow::before,
.nxh-trust .nx-eyebrow::before,.nx-roi ~ .nxh-cta .nxh-ey::before{color:#c6ff34!important}
/* giant editorial numerals on solution cards (Kyma 01/02 style) */
html body .nxsolv-num{font:800 clamp(34px,4vw,54px)/1 var(--font-mono)!important;color:rgba(5,5,5,.88)!important;background:none!important;padding:0!important}
/* hatched divider strips topping the dark bands */
.nx-film,.nxh-trust{border-top:12px solid transparent!important;border-image:repeating-linear-gradient(45deg,#1a1a1c 0 5px,#050505 5px 10px) 12!important}
/* full-width section link bars (Browse all → style, lime underline) */
.nxh-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px}
/* initials-only avatars (no photo url) → solid dark block, cream initials */
.nx-avatar:not([style*="url("]),.av:not([style*="url("]){background:#0f0f11!important;color:#f5f4e7!important}

/* ============================================================
   18 · TOTAL BLUE PURGE + KYMA CARD REBUILD (V2026.112)
   Kill blue-glass cards, double borders, blue gradient covers,
   and every stray blue accent → lime / black / cream only.
   ============================================================ */
/* -- category cards: the OUTER hairline I added made a double border;
      the real card IS .nxv-body → strip outer, rebuild inner clean -- */
html #catGrid .nxv-cat{border:0!important;background:none!important;box-shadow:none!important}
html #catGrid .nxv-cat .nxv-body,
html #quotesGrid .nxv-quote .nxv-body{
  background:#f5f4e7!important;border:1px solid rgba(5,5,5,.2)!important;border-radius:0!important;
  box-shadow:none!important;-webkit-mask:none!important;mask:none!important}
html #catGrid .nxv-cat:hover .nxv-body,
html #quotesGrid .nxv-quote:hover .nxv-body{
  transform:translateY(-4px)!important;border-color:#050505!important;box-shadow:0 18px 44px rgba(5,5,5,.12)!important}
/* icon box → sharp black tile, lime glyph */
html #catGrid .nxv-cat .nx-cat-icon{
  background:#0f0f11!important;border:0!important;border-radius:0!important;color:#c6ff34!important;box-shadow:none!important}
html #catGrid .nxv-cat .nx-cat-icon svg{color:#c6ff34!important;stroke:#c6ff34!important}
/* corner spark → sharp black square, lime mark */
html #catGrid .nxv-cat .nxv-spark{
  background:#0f0f11!important;border:0!important;border-radius:0!important;color:#c6ff34!important;box-shadow:none!important}
html #catGrid .nxv-cat:hover .nxv-spark{color:#c6ff34!important}
html #catGrid .nxv-cat .nxv-spark svg{color:#c6ff34!important;stroke:#c6ff34!important}
/* card text → black title, muted mono count */
html #catGrid .nxv-cat h3{color:#050505!important}
html #catGrid .nxv-cat .nx-cat-count{color:#4a4a44!important}
/* testimonial card text */
html #quotesGrid .nxv-quote *{color:#050505}
html #quotesGrid .nxv-quote .nxv-pic,html #quotesGrid .nxv-quote small{color:#4a4a44!important}

/* -- featured card covers: blue --g1/--g2 gradient → dark tile, lime glyph -- */
.nx-card-media:not(.has-cover){background:linear-gradient(150deg,#0f0f11 0%,#243310 100%)!important}
.nx-card-media:not(.has-cover) .glyph{color:#c6ff34!important;opacity:.95}
.nx-card-media .play{background:#c6ff34!important;color:#050505!important;border:0!important}
.nx-card-media .play svg{color:#050505!important}
.nx-card-media .nx-card-fav{background:rgba(5,5,5,.55)!important;color:#f5f4e7!important;border-radius:0!important}

/* -- every remaining stray blue → lime / black -- */
.nxv-pic,.nxv-pic *{color:#4a4a44!important}
.nx-film-play{background:#c6ff34!important;color:#050505!important}
.nx-film-play svg{color:#050505!important;stroke:#050505!important}
.nx-film-dot,.nxp-pl-pulse{background:#c6ff34!important}
.nx-promo-badge,.badge:not(.b-basic){background:#c6ff34!important;color:#050505!important;border-radius:2px!important}
.nxh-exp-tag{background:#c6ff34!important;color:#050505!important;border:0!important}
.nx-footer-blog-cta{background:#0f0f11!important;color:#c6ff34!important;border:1px solid rgba(244,244,232,.2)!important;border-radius:2px!important}
.nx-footer-blog-cta:hover{background:#c6ff34!important;color:#050505!important}
/* spectrum-wide safety net: link/CTA blues that slipped through */
a[style*="#050505"],a[style*="#050505"],span[style*="#050505"]{color:#050505!important}

/* 19 · residual blue mop-up + SVG cover recolour */
.nx-card{border-color:rgba(5,5,5,.16)!important}
.nx-eyebrow{background:transparent!important}
.nxv-faq details{border-top-color:rgba(5,5,5,.16)!important}
/* generated SVG gradient covers → shift blue → lime/green; real JPEG/PNG photos are NOT matched */
.nx-card-media[style*="image/svg"],.nx-gallery-main[style*="image/svg"],.nx-gallery-thumb[style*="image/svg"]{
  filter:hue-rotate(214deg) saturate(1.15) brightness(.9)}

/* 20 · last 4 blues (dark-band eyebrow tint, trust dot, newsletter Join) */
.nx-film .nx-eyebrow{background:transparent!important;border-color:rgba(244,244,232,.22)!important}
.nx-trust-head span span,.nx-trust-head .nxh-ey span{background:#c6ff34!important}
.nx-newsletter button,form.nx-newsletter button{background:#c6ff34!important;color:#050505!important;border:0!important;border-radius:2px!important}
.nx-newsletter button:hover{background:#050505!important;color:#c6ff34!important}

/* ============================================================
   21 · FINAL SWEEP — problem cards · featured covers · logo
   strip visibility · 01-02-03 tiles · price row (V2026.113)
   ============================================================ */
/* -- GLOBAL nxv-body glass primitive → cream/black sharp (fixes THE PROBLEM cards
      + any nxv card not already handled by #catGrid/#quotesGrid) -- */
html body .nxv-card .nxv-body,
html body .nxv-prob-grid .nxv-body,
html body .nxv-how-grid .nxv-body,
html body .nxv-steps .nxv-body{
  background:#f5f4e7!important;background-image:none!important;border:1px solid rgba(5,5,5,.16)!important;
  border-radius:0!important;box-shadow:none!important;-webkit-mask:none!important;mask:none!important}
html body .nxv-card:hover .nxv-body{transform:translateY(-4px)!important;border-color:#050505!important;box-shadow:0 18px 44px rgba(5,5,5,.12)!important}
/* problem/how card spark asterisk → black square, lime mark */
html body .nxv-card .nxv-spark{background:#0f0f11!important;border:0!important;border-radius:0!important;color:#c6ff34!important;box-shadow:none!important}
html body .nxv-card:hover .nxv-spark{color:#c6ff34!important}
html body .nxv-card .nxv-spark svg{color:#c6ff34!important;stroke:#c6ff34!important}
/* problem/how card icon tile → black, lime glyph */
html body .nxv-card .nxv-ico,html body .nxv-prob-grid [class*="ico"],html body .nxv-how-grid [class*="ico"]{
  background:#0f0f11!important;color:#c6ff34!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body .nxv-card .nxv-ico svg,html body .nxv-prob-grid [class*="ico"] svg{color:#c6ff34!important;stroke:#c6ff34!important}
html body .nxv-card h3,html body .nxv-prob-grid h3,html body .nxv-how-grid h3{color:#050505!important}
html body .nxv-card p,html body .nxv-prob-grid p{color:#4a4a44!important}

/* -- FEATURED CARD COVERS: blue SVG-grid tiles → clean dark tile (real PNG/photo
      covers use url('/assets') and are NOT matched, so they stay) -- */
.nx-card-media[style*="data:image/svg"]{
  background-image:none!important;background:linear-gradient(150deg,#0f0f11 0%,#243310 100%)!important;filter:none!important}
.nx-card-media[style*="data:image/svg"] .glyph{color:#c6ff34!important}

/* -- LOGO STRIP (dark band): labels were dark-on-dark → ivory & visible -- */
.nxh-trust{color:#f4f4e8}
.nxh-trust-lead,.nxh-trust-lead b{color:#f4f4e8!important}
.nxh-brand{color:#f4f4e8!important}
.nxh-brand img{filter:none}

/* -- PRICE ROW: FROM navy · arrow blue · avatar blue border → lime/black -- */
.nx-card-foot{background:#f5f4e7!important;border-top:1px solid rgba(5,5,5,.14)!important}
.nx-card-foot a,.nx-card-foot button,.nx-card-foot .arrow{background:#0f0f11!important;color:#c6ff34!important;border:0!important;border-radius:2px!important}
.nx-card-foot a svg,.nx-card-foot .arrow svg,.nx-card-foot .arrow{color:#c6ff34!important;stroke:#c6ff34!important}
.nx-card-foot .from,.nx-card-foot small,.nx-card-price small,[class*="card-from"]{color:#4a4a44!important}
.nx-card-seller img,.nx-card-seller .av,.nx-card-seller .nx-avatar{border-color:#050505!important;box-shadow:none!important}
/* 01/02/03 feature icon tiles (.nxsolv-ico blue gradients incl. nth-child variants) → black + lime */
html body .nxsolv-ico,
html body .nxsolv-card:nth-child(2) .nxsolv-ico,
html body .nxsolv-card:nth-child(3) .nxsolv-ico,
html body .nxsolv-card:nth-child(4) .nxsolv-ico{background:#0f0f11!important;color:#c6ff34!important;box-shadow:none!important;border-radius:2px!important}
html body .nxsolv-ico svg{color:#c6ff34!important;stroke:#c6ff34!important}
html body .nxsolv-num{color:#050505!important}

/* 22 · SVG blue attrs (fill/stroke) that CSS color rules can't reach → lime/black */
[fill="#050505"],[fill="#050505"],[fill="#050505"],[fill="#dcdad0"],[fill="#050505"]{fill:#c6ff34!important}
[stroke="#050505"],[stroke="#050505"],[stroke="#050505"],[stroke="#050505"]{stroke:#c6ff34!important}
.nxflow svg [fill]:not([fill="none"]):not([fill="#fff"]):not([fill="#ffffff"]){fill:#c6ff34!important}
.nxflow-line,.nxflow-dot{background:#050505!important}
/* any element still pulling the old brand blue via var → neutralise to lime on this theme */
.nxflow-ico svg *{fill:#c6ff34!important;stroke:#c6ff34!important}

/* ============================================================
   24 · FLOW LINE CLEANUP + SHOWCASE (V2026.116)
   Remove the thick grey connector BAR (it was the .nxflow-line
   element background), keep a clean lime animated dash + dots.
   Sol section reverts to cream cards (block 23 removed).
   ============================================================ */
.nxflow-line{background:none!important;height:auto!important}
.nxflow-line > path:first-of-type{stroke:rgba(5,5,5,.14)!important}
.nxflow-line .nxflow-dash{stroke:#c6ff34!important;opacity:.9}
.nxflow-line .nxflow-dot:nth-of-type(1){fill:#050505!important;stroke:#f5f4e7!important}
.nxflow-line .nxflow-dot:nth-of-type(2){fill:#c6ff34!important;stroke:#050505!important}
/* keep all three step rings solid black w/ lime icons (uniform, enhanced) */
html body .nxflow-ring,html body .nxflow-node:nth-child(2) .nxflow-ring,html body .nxflow-node:nth-child(3) .nxflow-ring{background:#0f0f11!important;box-shadow:0 18px 34px -16px rgba(5,5,5,.5)!important}
html body .nxflow-ring::before,html body .nxflow-ring::after,
html body .nxflow-node:nth-child(2) .nxflow-ring::before,html body .nxflow-node:nth-child(2) .nxflow-ring::after,
html body .nxflow-node:nth-child(3) .nxflow-ring::before,html body .nxflow-node:nth-child(3) .nxflow-ring::after{border-color:rgba(198, 255, 52,.4)!important}
.nxflow-ico,.nxflow-ring .nxflow-ico,.nxflow-ring svg{color:#c6ff34!important;stroke:#c6ff34!important}

/* 25 · showcase = DARK video band (green wave) — light text over video + flow grey-bar kill */
html body .nxh-showcase{background:#050505!important}
html body .nxh-showcase h2{color:#f4f4e8!important}
html body .nxh-showcase p{color:rgba(244,244,232,.86)!important}
html body .nxh-showcase .ey{color:#c6ff34!important}
html body .nxh-showcase a.cta{background:#c6ff34!important;color:#050505!important}
html body .nxh-showcase a.cta:hover{background:#f4f4e8!important;color:#050505!important}
html body .nxflow-line{background:none!important;height:auto!important}

/* ============================================================
   26 · WELCOME SECTION — remove grey lines + number shadow,
   enhance to clean borderless rows w/ lime numbers (V2026.117)
   ============================================================ */
html body .nxh-explain{border-bottom:0!important}
html body .nxh-exp-card{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
/* step rows → borderless, transparent, no shadow; subtle hover tint only */
html body #what-is-nexora .nxh-exp-steps{gap:2px!important}
html body #what-is-nexora .nxh-exp-steps li{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important;padding:16px 14px!important;transition:background .2s}
html body #what-is-nexora .nxh-exp-steps li:hover{transform:none!important;background:rgba(5,5,5,.05)!important;box-shadow:none!important}
/* number block → flat black tile, lime number, NO drop shadow */
html body .nxh-exp-steps .n{background:#0f0f11!important;color:#c6ff34!important;box-shadow:none!important;border-radius:10px!important;width:40px!important;height:40px!important;font-weight:800!important}
html body .nxh-exp-steps b{color:#050505!important}
html body .nxh-exp-steps span{color:#4a4a44!important}
/* tag + link on-brand */
html body .nxh-exp-tag{color:#050505!important;background:#c6ff34!important;border:0!important}
html body .nxh-exp-link{color:#050505!important;box-shadow:inset 0 -2px 0 #c6ff34}

/* ============================================================
   27 · VIOLET DUAL-ACCENT SYSTEM (V2026.119)
   Palette: black #050505 · cream #f5f4e7 · LIME #c6ff34 (primary)
   · VIOLET #7e3bed (secondary/premium). Lime = action/highlight,
   violet = premium/depth. Adds glows, gradients, PRO signals.
   ============================================================ */
:root{--nx-violet:#7e3bed;--nx-violet-2:#9d6bff;--nx-violet-deep:#5b21b6;--nx-violet-soft:rgba(126,59,237,.12)}

/* --- PRO / PLUS / premium badges → solid violet (distinct from lime NEW) --- */
.b-pro,.b-plus,.nx-card-badge.pro,.nx-trend-mega-badge.b-pro,.nx-trend-mega-badge.b-plus,
.lvl.pro,.nx-badge.pro,[data-tier="pro"] .badge,.nxp-badge.pro{
  background:#7e3bed!important;color:#fff!important;border:0!important}
/* "PRO" pill on featured gig covers */
.nx-card-media .badge.pro,.nx-card-media [class*="pro"]{background:#7e3bed!important;color:#fff!important}

/* --- card hover → violet depth glow (was flat) --- */
html body .nx-card:hover,html body .fx-card:hover,html body .fx-cat:hover,
html body #catGrid .nxv-cat:hover .nxv-body{
  border-color:#7e3bed!important;box-shadow:0 26px 60px -24px rgba(126,59,237,.4),0 4px 14px rgba(5,5,5,.06)!important}

/* --- decorative orbs / ambient glows → violet --- */
.nx-orb,.nx-orb.p,.nx-orb.b{background:radial-gradient(circle,rgba(126,59,237,.42),transparent 68%)!important;filter:blur(6px)}
.nx-free-hero .nx-orb.p{background:radial-gradient(circle,rgba(198,255,52,.34),transparent 68%)!important}

/* --- signature lime→violet gradient accents (used sparingly) --- */
.nx-eyebrow::before{background:linear-gradient(135deg,#c6ff34,#7e3bed)!important}
.nxflow-line .nxflow-dash{stroke:#7e3bed!important;opacity:.95}
.nxflow-line .nxflow-dot:nth-of-type(2){fill:#7e3bed!important}
/* nav PRICING pill keeps lime; add a violet underline accent on hover of dropdown items */
.nx-nav-menu a:hover{border-left-color:#7e3bed!important}
.nx-nav-menu a:hover b{color:#7e3bed!important}

/* --- AI "find my automation" widget → violet mark --- */
.nx-mm-btn .ico,.nx-mm-btn [class*="ico"]{background:#7e3bed!important;color:#fff!important}
.nx-mm-btn{border:1px solid rgba(126,59,237,.5)!important}

/* --- focus rings → violet (premium, distinct from lime highlight) --- */
input:focus,textarea:focus,select:focus{outline:0;border-color:#7e3bed!important;box-shadow:0 0 0 3px rgba(126,59,237,.32)!important}

/* --- star ratings / featured / boost markers → violet accent --- */
.nx-card-rating svg,.nx-quote .stars,.is-boosted .nx-card-badge{color:#7e3bed!important}
.is-boosted,[class*="boost"]{--nx-boost:#7e3bed}
.nx-boost-badge{background:#7e3bed!important;color:#fff!important}

/* --- secondary/ghost "premium" CTAs → violet outline variant --- */
.nx-cta-violet,.nx-btn-secondary,a.nx-plan-cta.pro{background:#7e3bed!important;color:#fff!important;border:0!important;border-radius:2px!important}
.nx-cta-violet:hover{background:#5b21b6!important;color:#fff!important}

/* --- links: secondary hover → violet --- */
.fx-cat:hover .go,.nxh-link:hover,.nxsolv-points a:hover{color:#7e3bed!important}

/* --- pricing / plan "popular" tier → violet ring (premium pop) --- */
.nx-pl-card.popular,.nx-plan.is-popular,.nxp-pl-card.popular,[class*="plan"].popular{
  border-color:#7e3bed!important;box-shadow:0 0 0 2px rgba(126,59,237,.35)!important}
.nx-plan-badge.popular,.nxp-pl-badge{background:#7e3bed!important;color:#fff!important}

/* ============================================================
   28 · MINIMAL LIME (V2026.120)
   Lime is now RARE — reserved for primary CTA fills + heading
   highlight chips only. Scattered lime accents → cream / violet
   / black so lime reads as a deliberate pop, not decoration.
   ============================================================ */
/* icon tiles → cream icons (were lime) */
html body #catGrid .nxv-cat .nx-cat-icon,html body #catGrid .nxv-cat .nx-cat-icon svg,
html body .nxsolv-ico,html body .nxsolv-ico svg,html body .nxsolv-ico svg *,
html body .nxflow-ico,html body .nxflow-ico svg,html body .nxflow-ico svg *,
html body .nxv-card .nxv-ico,html body .nxv-card .nxv-ico svg,
html body #catGrid .nxv-cat .nxv-spark,html body #catGrid .nxv-cat .nxv-spark svg{
  color:#f5f4e7!important;stroke:#f5f4e7!important;fill:#f5f4e7!important}
/* play buttons → cream fill, black glyph (was lime) */
html body .nx-card-media .play,html body .nx-film-play{background:#f5f4e7!important}
html body .nx-card-media .play svg,html body .nx-film-play svg{color:#050505!important;stroke:#050505!important}
/* step / flow numbers → cream (were lime) */
html body .nxh-exp-steps .n{color:#f5f4e7!important}
html body .nxflow-line .nxflow-dot:nth-of-type(2){fill:#7e3bed!important}
/* checkmarks + trust ticks → violet (secondary accent, not lime) */
html body .nxsolv-points li.get svg,html body .nx-check,html body .nxh-trust-row svg,
html body .nxsolv-points svg{color:#7e3bed!important;stroke:#7e3bed!important}
/* nav + link hover underlines → violet (not lime) */
html body .nx-nav > a:hover,html body .nx-nav .nx-nav-trigger:hover,
html body .nx-nav > a.active,html body .nx-nav-drop.is-open .nx-nav-trigger{box-shadow:inset 0 -2px 0 #7e3bed!important}
html body .nxh-link,html body .nxh-exp-link,html body .nxh-sol .nxh-exp-link{box-shadow:inset 0 -2px 0 #7e3bed!important}
html body .nx-trend-strip .nx-trend-chip.is-active{border-bottom-color:#7e3bed!important}
html body .nx-nav-menu a:hover{border-left-color:#7e3bed!important}
/* eyebrow dot → solid violet (was lime→violet gradient) */
html body .nx-eyebrow::before,html body .nxh-ey::before{background:#7e3bed!important}
/* small NEW / LIVE / promo badges → black chip, cream text (no lime) */
html body .b-new,html body .b-live,html body .b-hot,
html body .nx-trend-mega-badge:not(.b-pro):not(.b-plus),
html body .nx-card-badge.new,html body .nx-promo-badge,html body .nxa-announce-tag,
html body .nx-tool-tag.free{background:#0f0f11!important;color:#f5f4e7!important;border:0!important}
/* ★ KEEP LIME (deliberate pops): primary CTA fills + heading highlight chips.
   These already resolve to #c6ff34 from earlier blocks and are NOT overridden here:
   .nx-cta-blue/.nx-promo-cta/.nx-pkg-cta, .nx-hero form button, .nxh-cta,
   .nx-nav-subscribe, .nxh-showcase a.cta, and .blue/.em heading highlights. */
/* FAQ number chips → black/cream (were lime) — keep lime minimal */
html body .nxv-faq summary::before{background:#0f0f11!important;color:#f5f4e7!important}

/* ============================================================
   29 · BLACK NAVBAR + nav-menu lime badges (V2026.121)
   Top chrome (announce + header + strip + dropdowns) → black
   with light text. Nav-menu FREE/LIVE/NEW badges → lime.
   ============================================================ */
html body .nxa-announce{background:#0f0f11!important;color:#f4f4e8!important;border-bottom:1px solid rgba(244,244,232,.1)!important}
html body .nxa-announce a,html body .nxa-announce-txt{color:#f4f4e8!important}
html body .nxa-announce-cta{color:#c6ff34!important}
html body .nx-header{background:rgba(10,10,12,.9)!important;border-bottom:1px solid rgba(244,244,232,.1)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html body .nx-header .nx-logo-svg{filter:brightness(0) invert(1)!important}
html body .nx-header .nx-logo-text,html body .nx-header .nx-logo-text *{color:#f4f4e8!important}
html body .kyma-util span{color:rgba(244,244,232,.5)!important}
html body .nx-nav > a,html body .nx-nav .nx-nav-trigger{color:rgba(244,244,232,.8)!important}
html body .nx-nav > a:hover,html body .nx-nav .nx-nav-trigger:hover,
html body .nx-nav > a.active,html body .nx-nav-drop.is-open .nx-nav-trigger{color:#f4f4e8!important;box-shadow:inset 0 -2px 0 #7e3bed!important}
html body .nx-icon-btn{color:rgba(244,244,232,.8)!important}
html body .nx-icon-btn:hover{color:#f4f4e8!important}
html body .nx-nav-cur .opts button span{color:rgba(244,244,232,.7)!important}
/* JOIN FREE → cream solid · SIGN IN → cream outline · PRICING → lime pill */
html body .nx-header .nx-cta:not(.nx-cta-ghost){background:#f4f4e8!important;color:#050505!important;border:0!important}
html body .nx-header .nx-cta:not(.nx-cta-ghost):hover{background:#c6ff34!important;color:#050505!important}
html body .nx-header .nx-cta-ghost{border:1.5px solid rgba(244,244,232,.4)!important;color:#f4f4e8!important;background:transparent!important}
html body .nx-nav-subscribe,html body .nx-header .nx-nav a.nx-nav-subscribe{background:#c6ff34!important;color:#050505!important}
/* category strip → black */
html body .nx-trend-strip{background:#0f0f11!important;border-bottom:1px solid rgba(244,244,232,.08)!important}
html body .nx-trend-strip .nx-trend-chip{color:rgba(244,244,232,.75)!important}
html body .nx-trend-strip .nx-trend-chip:hover{color:#f4f4e8!important}
html body .nx-trend-strip .nx-trend-chip.is-active{color:#f4f4e8!important;border-bottom-color:#7e3bed!important}
/* dropdown / mega panels → dark w/ light text */
html body .nx-nav-menu{background:#0f0f11!important;border:1px solid rgba(244,244,232,.14)!important;box-shadow:0 26px 60px rgba(0,0,0,.6)!important}
html body .nx-nav-menu a,html body .nx-nav-menu a b{color:#f4f4e8!important}
html body .nx-nav-menu a small{color:#8a8a80!important}
html body .nx-nav-menu a:hover{background:#161618!important;color:#f4f4e8!important;border-left-color:#7e3bed!important}
html body .nx-nav-menu a:hover b{color:#c6ff34!important}
html body .nx-mega-floating,html body .nx-trend-mega{background:#0f0f11!important;border-color:rgba(244,244,232,.14)!important;color:#f4f4e8!important}
html body .nx-trend-mega-col a{color:#f4f4e8!important}
html body .nx-trend-mega-col a:hover{background:#161618!important;color:#c6ff34!important}
html body .nx-trend-mega-col h4{color:#8a8a80!important}
/* TASK 1 — nav-menu FREE/LIVE/NEW badges → LIME (PRO/PLUS stay violet) */
html body .nx-nav-menu .nx-trend-mega-badge:not(.b-pro):not(.b-plus),
html body .nx-trend-mega .nx-trend-mega-badge:not(.b-pro):not(.b-plus){background:#c6ff34!important;color:#050505!important}
/* TASK 2 — bracket eyebrow on the LIME cta band → black (clean on lime) */
html body .nxh-cta .nxh-ey::before,html body .nxh-cta .nx-eyebrow::before{background:#050505!important;color:#f4f4e8!important}
/* marketing highlight badges (NEW/LIVE/FREE/HOT) → LIME everywhere (user: "these highlights should be lime").
   PRO/PLUS stay violet. This intentionally overrides the block-28 minimal-lime black for badges only. */
html body .b-new,html body .b-live,html body .b-hot,html body .b-fast,
html body .nx-trend-mega-badge:not(.b-pro):not(.b-plus),
html body .nx-card-badge.new,html body .nx-tool-tag.free,html body .nxa-announce-tag{
  background:#c6ff34!important;color:#050505!important;border:0!important}
/* announcement bold emphasis words → lime (were black-on-black, unreadable) */
html body .nxa-announce-txt b,html body .nxa-announce b{color:#c6ff34!important}
/* beat the old cream-bar rule (.nxa-announce .nxa-announce-txt b → black) */
html body .nxa-announce .nxa-announce-txt b,html body .nxa-announce .nxa-announce-txt strong{color:#c6ff34!important}

/* ============================================================
   30 · ICONS → LIME stroke on black tiles (V2026.122)
   User: revert the cream/violet icon recolour — all icon tiles,
   sparks, checkmarks & play buttons back to lime, entire site.
   ============================================================ */
/* icon tiles → black bg, lime stroke line-icons */
html body #catGrid .nxv-cat .nx-cat-icon,html body .nxsolv-ico,html body .nxflow-ico,
html body .nxv-card .nxv-ico,html body .nxh-pcard [class*="ico"],html body .nxv-prob-grid [class*="ico"]{
  background:#0f0f11!important;border:0!important;box-shadow:none!important}
html body #catGrid .nxv-cat .nx-cat-icon svg,html body #catGrid .nxv-cat .nx-cat-icon svg *,
html body .nxsolv-ico svg,html body .nxsolv-ico svg *,
html body .nxflow-ico svg,html body .nxflow-ico svg *,
html body .nxv-card .nxv-ico svg,html body .nxv-card .nxv-ico svg *,
html body .nxh-pcard svg,html body .nxh-pcard svg *,html body .nxv-prob-grid svg,html body .nxv-prob-grid svg *{
  color:#c6ff34!important;stroke:#c6ff34!important;fill:none!important}
/* spark asterisk badge → black bg + lime mark (any context) */
html body .nxv-spark{background:#0f0f11!important;border:0!important;box-shadow:none!important;border-radius:10px!important}
html body .nxv-spark svg,html body .nxv-spark svg *,html body .nxv-spark *{color:#c6ff34!important;stroke:#c6ff34!important;fill:#c6ff34!important}
/* checkmarks → lime (revert violet); skip-marks stay dim */
html body .nxsolv-points li.get svg,html body .nxsolv-points li.get svg *,html body .nx-check,html body .nxh-trust-row svg{color:#c6ff34!important;stroke:#c6ff34!important;fill:none!important}
html body .nxsolv-points li.skip svg{color:rgba(5,5,5,.32)!important;stroke:rgba(5,5,5,.32)!important}
/* play buttons → lime fill, black glyph (revert cream) */
html body .nx-card-media .play,html body .nx-film-play{background:#c6ff34!important}
html body .nx-card-media .play svg,html body .nx-card-media .play svg *,html body .nx-film-play svg{color:#050505!important;stroke:#050505!important;fill:#050505!important}

/* ============================================================
   31 · MEMBERSHIP / PRICING polish (V2026.123)
   White CTA → lime · BEST VALUE badge → violet · readable text
   ============================================================ */
html body .nx-mb-tier .nx-cta{background:#c6ff34!important;color:#050505!important;border:0!important;border-radius:2px!important;box-shadow:none!important}
html body .nx-mb-tier .nx-cta:hover{background:#050505!important;color:#c6ff34!important}
html body .nx-mb-tier.featured::before{background:#7e3bed!important;color:#fff!important}
html body .nx-mb-tier .nm{color:#8a8a80!important}
html body .nx-mb-tier h3{color:#050505!important}
html body .nx-mb-tier li{color:#4a4a44!important}
html body .nx-mb-tier li.no{color:#8a8a80!important}
html body .nx-mb-tier .price,html body .nx-mb-tier .per-unit,html body .nx-mb-tier .per-sep{color:#050505!important}
html body .nx-mb-tier .price-note{color:#6a6a60!important}
/* membership — footer-blog-cta (dark band) light text · billing toggle active → lime */
html body .nx-footer-blog-cta,html body .nx-footer-blog-cta *{color:#f4f4e8!important}
html body .nx-footer-blog-cta b{color:#c6ff34!important}
html body .nx-mb-billing-toggle button.is-active,html body .nx-mb-billing-toggle button.is-active span{background:#c6ff34!important;color:#050505!important}
html body .nx-mb-billing-toggle button:not(.is-active){color:#4a4a44!important}

/* ============================================================
   32 · DARK-MENU TEXT FIX (V2026.124)
   style-extra's ".nx-header .nx-nav-menu a{color:var(--nx-ink)}"
   (black) out-specified the dark-navbar light-text rule → menu
   items were black-on-black. Beat it with html body prefix.
   ============================================================ */
html body .nx-header .nx-nav-menu a,html body .nx-nav .nx-nav-menu a,
html body .nx-header .nx-nav-menu a b,html body .nx-nav .nx-nav-menu a b{color:#f4f4e8!important}
html body .nx-header .nx-nav-menu a small,html body .nx-nav .nx-nav-menu a small{color:#8a8a80!important}
html body .nx-header .nx-nav-menu a:hover,html body .nx-nav .nx-nav-menu a:hover{background:#161618!important;color:#f4f4e8!important}
html body .nx-header .nx-nav-menu a:hover b,html body .nx-nav .nx-nav-menu a:hover b{color:#c6ff34!important}
html body .nx-header .nx-nav-menu a:hover small{color:#f4f4e8!important}
/* same guard for the mega-menu columns */
html body .nx-header .nx-trend-mega a,html body .nx-header .nx-trend-mega a b,html body .nx-trend-mega-col a,html body .nx-trend-mega-col a b{color:#f4f4e8!important}
html body .nx-trend-mega-col h4{color:#8a8a80!important}

/* ============================================================
   33 · PROBLEM-CARD ICON TILES → black + lime (V2026.125)
   .nxv-pic holding an icon = the white rounded tile → black
   with lime stroke icon (matches the asterisk sparks).
   :has(svg) so testimonial text-.nxv-pic labels are untouched.
   ============================================================ */
html body .nxv-pic:has(svg){background:#0f0f11!important;border:0!important;box-shadow:none!important;color:#c6ff34!important}
html body .nxv-pic:has(svg) svg,html body .nxv-pic:has(svg) svg *{color:#c6ff34!important;stroke:#c6ff34!important;fill:none!important}
/* fallback for the problem/how grids in case :has is unsupported */
html body .nxh-prob-grid .nxv-pic,html body .nxv-prob-grid .nxv-pic,html body .nxh-why-grid .nxv-pic{background:#0f0f11!important;border:0!important;box-shadow:none!important}
html body .nxh-prob-grid .nxv-pic svg,html body .nxv-prob-grid .nxv-pic svg{color:#c6ff34!important;stroke:#c6ff34!important}

/* ============================================================
   34 · LIME STROKE ICONS, NO FILL (V2026.126)
   Force fill:none on all icon-tile glyphs (flow steps had a
   cream fill making them look solid) → clean lime outlines.
   Max specificity to beat the earlier minimal-lime fill rules.
   ============================================================ */
html body .nxflow-ring .nxflow-ico svg,html body .nxflow-ring .nxflow-ico svg *,
html body .nxflow-node .nxflow-ico svg,html body .nxflow-node .nxflow-ico svg *,
html body .nxflow-ico svg,html body .nxflow-ico svg *,
html body #catGrid .nxv-cat .nx-cat-icon svg *,
html body .nxsolv-ico svg *,html body .nxv-card .nxv-ico svg *,
html body .nxv-pic:has(svg) svg *,html body .nxsolv-points li.get svg *{
  fill:none!important;stroke:#c6ff34!important;color:#c6ff34!important;stroke-width:1.9px}

/* ============================================================
   35 · ELITE 3-STEP FLOW (V2026.128 · cream rings V2026.129)
   Single source of truth for the "How it works" .nxflow row.
   NO-FILL LIME icons sit on a rounded DARK tile inside each CREAM
   "pearl" ring (light radial gradient + top highlight + ink
   hairline + soft shadow), subtle ink pulse, minimal step tags
   (lime pip), hover lift, and a lime/violet connector. The dark
   tile (bg #0f0f11 from block ~259) is what makes the lime glyph
   readable on cream — do NOT drop it. NOTE: `.nxflow-ico` IS the
   <svg> — target it directly + `.nxflow-ico *` for children,
   never `.nxflow-ico svg`. Appended last so it wins source-order.
   ============================================================ */
/* — icons: LIME glyph, no fill, on a rounded dark chip (readable on the cream pearl) — */
html body .nxflow-ring .nxflow-ico,html body .nxflow-node .nxflow-ico,html body .nxflow-ico,
html body .nxflow-ring .nxflow-ico *,html body .nxflow-node .nxflow-ico *,html body .nxflow-ico *{
  fill:none!important;stroke:#c6ff34!important;color:#c6ff34!important}
html body .nxflow-ring .nxflow-ico,html body .nxflow-ico{
  width:48px!important;height:48px!important;box-sizing:border-box!important;padding:11px!important;
  background:#0f0f11!important;border-radius:14px!important;stroke-width:1.7px!important;overflow:visible!important;
  box-shadow:inset 0 0 0 1px rgba(198,255,52,.20),0 9px 20px -8px rgba(5,5,5,.45)!important;
  transition:box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)!important}
html body .nxflow-ico *{stroke-width:1.7px!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* — rings: CREAM pearl — light radial + top highlight + ink hairline — */
html body .nxflow-ring,
html body .nxflow-node:nth-child(2) .nxflow-ring,
html body .nxflow-node:nth-child(3) .nxflow-ring{
  color:#050505!important;
  background:
    radial-gradient(60% 58% at 50% 36%, #ffffff 0%, rgba(255,255,255,0) 62%),
    radial-gradient(132% 132% at 30% 22%, #f7f5ea 0%, #e6e2d1 76%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 0 0 1px rgba(5,5,5,.09),
    inset 0 -14px 26px -16px rgba(5,5,5,.20),
    0 26px 46px -22px rgba(5,5,5,.26),
    0 8px 18px -10px rgba(5,5,5,.16)!important;
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1)!important}

/* — subtle ink pulse rings (thin) — */
html body .nxflow-ring::before,html body .nxflow-ring::after,
html body .nxflow-node:nth-child(2) .nxflow-ring::before,html body .nxflow-node:nth-child(2) .nxflow-ring::after,
html body .nxflow-node:nth-child(3) .nxflow-ring::before,html body .nxflow-node:nth-child(3) .nxflow-ring::after{
  inset:-6px!important;border:1px solid rgba(5,5,5,.16)!important}

/* — hover: lift the node + deepen the soft shadow — */
html body .nxflow-node:hover .nxflow-ring{transform:translateY(-5px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(5,5,5,.13),
    inset 0 -14px 26px -16px rgba(5,5,5,.20),
    0 34px 58px -22px rgba(5,5,5,.3),
    0 12px 24px -12px rgba(5,5,5,.2)!important}
html body .nxflow-node:hover .nxflow-ico{box-shadow:inset 0 0 0 1px rgba(198,255,52,.45),0 13px 24px -8px rgba(5,5,5,.5)!important}

/* — connector: faint hairline + violet dash + travelling lime/violet pips — */
html body .nxflow-line>path:first-of-type{stroke:rgba(5,5,5,.12)!important;stroke-width:1.4px!important}
html body .nxflow-line .nxflow-dash{stroke:#7e3bed!important;stroke-width:2px!important;opacity:.5!important}
html body .nxflow-line .nxflow-dot:nth-of-type(1){fill:#c6ff34!important;stroke:#f5f4e7!important;stroke-width:2px!important}
html body .nxflow-line .nxflow-dot:nth-of-type(2){fill:#7e3bed!important;stroke:#f5f4e7!important;stroke-width:2px!important}

/* — minimal step tag: lime pip + mono caps — */
html body .nxflow-badge,
html body .nxflow-node:nth-child(2) .nxflow-badge,
html body .nxflow-node:nth-child(3) .nxflow-badge{
  background:transparent!important;border:0!important;color:#050505!important;
  font:800 10px var(--font-mono,ui-monospace,monospace)!important;
  letter-spacing:.24em!important;text-transform:uppercase!important;
  padding:0!important;margin-top:22px!important;
  display:inline-flex!important;align-items:center;gap:8px}
html body .nxflow-badge::before{content:"";width:5px;height:5px;border-radius:50%;flex:none;
  background:#c6ff34;box-shadow:0 0 0 3px rgba(198,255,52,.2)}

/* — type + chips polish — */
html body .nxflow-node h3{font-size:20px!important;font-weight:800!important;
  letter-spacing:-.02em!important;color:#050505!important;margin:16px 0 7px!important}
html body .nxflow-node p{color:#4a4a44!important;font-size:13.5px!important;line-height:1.55!important}
html body .nxflow-chips span{background:rgba(5,5,5,.03)!important;border:1px solid rgba(5,5,5,.16)!important;
  color:#3a3a34!important;font:600 10.5px var(--font-mono,ui-monospace,monospace)!important;
  letter-spacing:.04em!important;padding:4px 9px!important;border-radius:2px!important}

/* ============================================================
   36 · CINEMATIC VIDEO CTA (V2026.131 · was lime-duotone .130)
   Final .nxh-cta band now shows the clip in FULL COLOUR on a dark
   stage — lime duotone REMOVED per user ("video should be visible").
   A layered dark scrim keeps the footage clearly visible while the
   copy stays crisp; light type + a LIME primary button + lime [09]
   badge carry the brand accent. Overrides blocks ~167-174 (old
   solid-lime CTA) and .130's duotone. Appended last → wins.
   ============================================================ */
html body .nxh-cta{background:#08080a!important;position:relative!important;overflow:hidden!important;
  border-top:2px solid rgba(198,255,52,.9)!important}
/* video: full colour, fully visible, gentle cinematic grade */
html body .nxh-cta .nxh-cta-bg{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
  z-index:0!important;opacity:1!important;pointer-events:none!important;border:0!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.06) saturate(1.06) brightness(.96)!important}
/* dark scrim — darkens behind the copy so light text reads; video stays visible at the sides */
html body .nxh-cta::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:
    radial-gradient(72% 82% at 50% 50%, rgba(5,5,6,.72) 0%, rgba(5,5,6,.4) 46%, rgba(5,5,6,.12) 100%),
    linear-gradient(180deg, rgba(5,5,6,.55) 0%, rgba(5,5,6,.16) 26%, rgba(5,5,6,.16) 72%, rgba(5,5,6,.62) 100%)!important;
  pointer-events:none!important}
html body .nxh-cta::after{display:none!important}
html body .nxh-cta .nxh-cta-in{position:relative!important;z-index:2!important}
/* light type over the video */
html body .nxh-cta h2{color:#f6f5ea!important;text-shadow:0 2px 26px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.5)!important}
html body .nxh-cta .nxh-ey{color:#f6f5ea!important;text-shadow:0 1px 12px rgba(0,0,0,.6)!important}
html body .nxh-cta p{color:rgba(246,245,234,.9)!important;text-shadow:0 1px 14px rgba(0,0,0,.62)!important}
html body .nxh-cta .nxh-cta-rea{color:rgba(246,245,234,.82)!important;text-shadow:0 1px 10px rgba(0,0,0,.62)!important}
/* [09] eyebrow badge → lime accent */
html body .nxh-cta .nxh-ey::before{background:#c6ff34!important;color:#050505!important;border-color:#c6ff34!important}
/* buttons: lime primary pops on the dark video; cream ghost outline */
html body .nxh-cta-btns .primary{background:#c6ff34!important;color:#050505!important;border:0!important;border-radius:2px!important;
  box-shadow:0 14px 32px -12px rgba(198,255,52,.5)!important}
html body .nxh-cta-btns .primary:hover{background:#d4ff5c!important;color:#050505!important;transform:translateY(-1px)!important}
html body .nxh-cta-btns .ghost{border:1.5px solid rgba(246,245,234,.65)!important;color:#f6f5ea!important;background:rgba(255,255,255,.05)!important;border-radius:2px!important}
html body .nxh-cta-btns .ghost:hover{background:#f6f5ea!important;color:#050505!important;border-color:#f6f5ea!important}

/* ============================================================
   37 · SITEWIDE ENHANCE (V2026.133)
   (1) All non-index hero videos were swapped to today's dark clip
       (cta-loop) in markup; here the LIGHT heroes (browse + .nxv-hv
       doc-heroes + membership) get a DARK cinematic treatment so the
       dark video shows with light copy. (ai-agents/auth already dark.)
   (2) Grey-gradient buttons → lime (primary) / violet (utility).
   (3) Gig cards → dark premium. Appended last → wins.
   ============================================================ */
/* ---- (1a) shared .nxv-hv doc-hero videos → dark (about/careers/contact/hire-experts/seller-guide) ---- */
html body .nxv-hv{background:#0a0a0c!important}
html body .nxv-hv-scrim{background:
  radial-gradient(82% 92% at 42% 44%, rgba(5,5,6,.6) 0%, rgba(5,5,6,.32) 46%, rgba(5,5,6,.1) 74%),
  linear-gradient(180deg, rgba(5,5,6,.5) 0%, rgba(5,5,6,.18) 30%, rgba(5,5,6,.72) 100%)!important}
html body .nxv-hv-host .nx-eyebrow,html body .nx-doc-hero .nx-eyebrow{color:#f6f5ea!important}
html body .nxv-hv-host h1,html body .nx-doc-hero h1{color:#f6f5ea!important;text-shadow:0 2px 26px rgba(0,0,0,.5)!important}
html body .nxv-hv-host p,html body .nx-doc-hero p{color:rgba(246,245,234,.9)!important;text-shadow:0 1px 12px rgba(0,0,0,.5)!important}
html body .nxv-hv-host p b,html body .nx-doc-hero p b{color:#fff!important}

/* ---- (1b) browse hero → dark at top, fades to cream by the toolbar ---- */
html body .nx-bh-video{background:#0a0a0c!important}
html body .nx-bh-scrim{background:
  radial-gradient(70% 58% at 40% 28%, rgba(5,5,6,.5) 0%, rgba(5,5,6,.26) 50%, rgba(5,5,6,0) 74%),
  linear-gradient(180deg, rgba(5,5,6,.66) 0%, rgba(5,5,6,.42) 24%, rgba(5,5,6,.14) 42%, rgba(245,244,231,.66) 64%, #f5f4e7 84%)!important}
html body .nx-browse-hero .nx-container>.nx-eyebrow{color:#f6f5ea!important}
html body .nx-browse-hero .nx-container>h1{color:#f6f5ea!important;text-shadow:0 2px 26px rgba(0,0,0,.5)!important}
html body .nx-browse-hero .nx-container>p{color:rgba(246,245,234,.92)!important;text-shadow:0 1px 12px rgba(0,0,0,.55)!important}
html body .nx-browse-hero .nx-container>p a{color:#c6ff34!important}

/* ---- (1c) membership hero → dark ---- */
html body .nx-mb-hero{background:#0a0a0c!important;color:#f6f5ea!important}
html body .nx-mb-video{background:#0a0a0c!important}
html body .nx-mb-scrim{background:
  radial-gradient(82% 90% at 50% 42%, rgba(5,5,6,.56) 0%, rgba(5,5,6,.3) 48%, rgba(5,5,6,.1) 74%),
  linear-gradient(180deg, rgba(5,5,6,.5) 0%, rgba(5,5,6,.18) 32%, rgba(5,5,6,.66) 100%)!important}
html body .nx-mb-hero h1,html body .nx-mb-hero p.lead,html body .nx-mb-hero .nx-eyebrow,html body .nx-mb-hero .nx-mb-foot-note{color:#f6f5ea!important}
html body .nx-mb-hero h1 .gold{background-image:linear-gradient(135deg,#fff,#c6ff34)!important;-webkit-text-fill-color:transparent!important}

/* ---- (2) grey-gradient buttons → lime / violet ---- */
html body .nx-promoted-strip .cta{background:#c6ff34!important;color:#050505!important;border:0!important}
html body .nx-promoted-strip .cta:hover{background:#d4ff5c!important;color:#050505!important}
html body .nx-select{background:#0f0f11!important;color:#f5f4e7!important;border:1px solid #7e3bed!important}
html body #viewToggle{border-color:#7e3bed!important}
html body #viewToggle button{background:#0f0f11!important;border-color:rgba(255,255,255,.14)!important}
html body #viewToggle button svg{color:#f5f4e7!important}
html body #viewToggle button.is-active{background:#7e3bed!important}
html body #viewToggle button.is-active svg{color:#fff!important}

/* ---- (3) gig cards → soft "darker-cream" surface on the cream page
   (was near-black in .133 — user: too dark; want a cream card a touch
   darker than the #f5f4e7 bg so cards read as distinct, dark ink text) ---- */
html body .nx-card{background:#e8e4d1!important;border:1px solid rgba(5,5,5,.13)!important;
  box-shadow:0 14px 34px -22px rgba(5,5,5,.3)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .nx-card:hover{border-color:#7e3bed!important;box-shadow:0 26px 60px -26px rgba(5,5,5,.42)!important}
html body .nx-card-title,html body .nx-card-seller b{color:#0b0b0a!important}
html body .nx-card-body{color:#3d3d35!important}
html body .nx-card-foot{border-top-color:rgba(5,5,5,.14)!important;background:rgba(5,5,5,.035)!important}
html body .nx-card-foot .price{color:#0b0b0a!important}
html body .nx-card-foot .from,html body .nx-card-foot .price span,html body .nx-card-tags span,html body .nx-card-rating .count{color:#707066!important}
html body .nx-card-rating{color:#0b0b0a!important}
html body .nx-card-rating svg{color:#050505!important}
html body .nx-card-badge{background:rgba(5,5,5,.88)!important;color:#f6f5ea!important}
html body .nx-card-badge.new,html body .nx-card-seller .lvl.top{background:#c6ff34!important;color:#050505!important}
html body .nx-card-seller .lvl{background:rgba(126,59,237,.14)!important;color:#7e3bed!important}
html body .nx-card-fav{background:rgba(5,5,5,.07)!important}
html body .nx-card-fav svg{color:#050505!important}
html body .nx-avatar{background:#7e3bed!important;color:#fff!important}

/* ============================================================
   38 · GREY-GRADIENT BUTTONS → BLACK + LIME HOVER (V2026.136)
   The greige→black gradient button (linear-gradient(135deg,#dcdad0,
   #050505) — e.g. auth "Create account") replaced site-wide with a
   solid BLACK button that flips to LIME on hover. Covers the known
   class buttons + any inline-styled ones via [style*=] attr match.
   (SEE TIERS stays lime — it sits on a dark bar.)
   ============================================================ */
html body .nx-auth-form button[type=submit]{background:#0f0f11!important;background-image:none!important;color:#f5f4e7!important;border:0!important;transition:background .18s,color .18s,transform .18s!important}
html body .nx-auth-form button[type=submit]:hover{background:#c6ff34!important;color:#050505!important;transform:translateY(-1px)!important}
html body .nx-auth-tabs button.is-active{background:#0f0f11!important;background-image:none!important;color:#f5f4e7!important}
/* any inline greige↔black gradient button/link/role=button → black + lime hover */
html body a[style*="#dcdad0,#050505"],html body button[style*="#dcdad0,#050505"],html body [role="button"][style*="#dcdad0,#050505"],
html body a[style*="#050505,#dcdad0"],html body button[style*="#050505,#dcdad0"],html body [role="button"][style*="#050505,#dcdad0"]{
  background:#0f0f11!important;background-image:none!important;color:#f5f4e7!important;border:0!important;transition:background .18s,color .18s!important}
html body a[style*="#dcdad0,#050505"]:hover,html body button[style*="#dcdad0,#050505"]:hover,html body [role="button"][style*="#dcdad0,#050505"]:hover,
html body a[style*="#050505,#dcdad0"]:hover,html body button[style*="#050505,#dcdad0"]:hover,html body [role="button"][style*="#050505,#dcdad0"]:hover{
  background:#c6ff34!important;color:#050505!important}

/* ============================================================
   39 · GIG-CARD FAVOURITE HEART — no square, violet→lime, click pop (V2026.137)
   Was a dark/grey SQUARE (kyma:347 rgba(5,5,5,.55)) with a low-contrast
   heart. Now: TRANSPARENT (icon only) · resting = VIOLET outline heart
   with a legibility shadow · clicked/favourited = filled LIME "pop"
   (JS already toggles .is-fav via NX.toggleFav). Beats kyma:347/904 +
   style.css:983 (.is-fav → pink).
   ============================================================ */
html body .nx-card-media .nx-card-fav,html body .nx-card-fav{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  width:38px!important;height:38px!important;overflow:visible!important;top:10px!important;right:10px!important}
html body .nx-card-media .nx-card-fav:hover,html body .nx-card-fav:hover{background:transparent!important}
/* resting heart = violet outline, visible on any thumbnail */
html body .nx-card-media .nx-card-fav svg,html body .nx-card-fav svg{
  color:#7e3bed!important;stroke:#7e3bed!important;fill:none!important;stroke-width:2.1px!important;
  width:23px!important;height:23px!important;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.55))!important;
  transition:transform .2s cubic-bezier(.16,1,.3,1)!important}
html body .nx-card-fav:hover svg{transform:scale(1.14)!important}
/* clicked / favourited = filled LIME pop highlight */
html body .nx-card-fav.is-fav svg{
  color:#c6ff34!important;stroke:#c6ff34!important;fill:#c6ff34!important;
  filter:drop-shadow(0 0 7px rgba(198,255,52,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
  animation:nxFavPop .42s cubic-bezier(.16,1,.3,1)!important}
@keyframes nxFavPop{0%{transform:scale(.65)}45%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ============================================================
   40 · GREY→VIOLET BUTTONS — white text + violet hover (V2026.138)
   The greige→black gradient button was replaced by solid violet
   #7e3bed in source (context-aware; text-clip headings preserved).
   Guarantee WHITE text + a darker-violet hover on the known button
   classes + any inline-styled ones. (auth stays black+lime, kyma:38.)
   ============================================================ */
html body .nxg-go,html body .bat-btn.primary,html body .bat-copy,
html body button[style*="#7e3bed"],html body [role="button"][style*="#7e3bed"]{color:#fff!important}
html body .nxg-go:hover,html body .bat-btn.primary:hover,html body .bat-copy:hover,
html body button[style*="#7e3bed"]:hover,html body [role="button"][style*="#7e3bed"]:hover{
  background:#6b30d8!important;color:#fff!important;background-image:none!important}

/* ============================================================
   41 · PREMIUM GIG CARDS on browse + wishlist + service grids (V2026.139)
   Bring the homepage #featuredGrid look (rounded padded card, inset
   rounded media, raised frosted-glass price footer with a circular ↗
   button + violet-hover) to #browseGrid / #wishlistGrid / .nx-services
   so ALL gig cards match. Overrides the flat cream card (block 37/134).
   ============================================================ */
html body #browseGrid .nx-card,html body #wishlistGrid .nx-card,html body .nx-services .nx-card{
  background:linear-gradient(180deg,#ffffff,#f5f4e7)!important;border:1px solid #efeddf!important;
  border-radius:20px!important;padding:12px!important;overflow:visible!important;
  box-shadow:0 1px 2px rgba(5,5,5,.04),0 22px 50px -28px rgba(5,5,5,.34),inset 0 1px 0 #fff!important}
html body #browseGrid .nx-card:hover,html body #wishlistGrid .nx-card:hover,html body .nx-services .nx-card:hover{
  transform:translateY(-7px)!important;border-color:#e6e3d3!important;
  box-shadow:0 3px 6px rgba(5,5,5,.05),0 42px 84px -30px rgba(5,5,5,.5),inset 0 1px 0 #fff!important}
html body #browseGrid .nx-card-media,html body #wishlistGrid .nx-card-media,html body .nx-services .nx-card-media{
  border-radius:15px!important;overflow:hidden!important}
html body #browseGrid .nx-card-body,html body #wishlistGrid .nx-card-body,html body .nx-services .nx-card-body{padding:16px 8px 4px!important}
html body #browseGrid .nx-card-tags,html body #wishlistGrid .nx-card-tags,html body .nx-services .nx-card-tags{
  margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(5,5,5,.1)!important}
/* raised frosted-glass price footer */
html body #browseGrid .nx-card-foot,html body #wishlistGrid .nx-card-foot,html body .nx-services .nx-card-foot{
  margin:12px 0 0!important;padding:13px 15px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(245,244,231,.4))!important;
  -webkit-backdrop-filter:blur(16px) saturate(190%);backdrop-filter:blur(16px) saturate(190%);
  display:flex!important;align-items:center!important;gap:7px!important;position:relative!important;overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -7px 16px rgba(255,255,255,.4),0 12px 26px -14px rgba(5,5,5,.34)!important}
html body #browseGrid .nx-card-foot .from,html body #wishlistGrid .nx-card-foot .from,html body .nx-services .nx-card-foot .from{
  position:relative;font:700 10px/1 var(--font-mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#050505!important}
html body #browseGrid .nx-card-foot .price,html body #wishlistGrid .nx-card-foot .price,html body .nx-services .nx-card-foot .price{
  position:relative;font:800 18px/1 var(--font-display,Inter)!important;color:#050505!important;letter-spacing:-.01em!important}
/* circular ↗ button (violet on hover) */
html body #browseGrid .nx-card-foot::after,html body #wishlistGrid .nx-card-foot::after,html body .nx-services .nx-card-foot::after{
  content:"\2197"!important;position:relative;margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(245,244,231,.5));border:1px solid rgba(255,255,255,.9);
  color:#050505;font:700 15px/1 system-ui;box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(5,5,5,.2);
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,color .3s}
html body #browseGrid .nx-card:hover .nx-card-foot::after,html body #wishlistGrid .nx-card:hover .nx-card-foot::after,html body .nx-services .nx-card:hover .nx-card-foot::after{
  background:linear-gradient(160deg,#7e3bed,#050505)!important;color:#fff!important;transform:translate(2px,-2px)!important}

/* ============================================================
   42 · NEXORA STUDIO nav + hero entry points (V2026.140)
   ============================================================ */
html body .nx-nav-studio{position:relative;display:inline-flex;align-items:center;gap:6px}
html body .nx-nav-ai-badge{font:800 8px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;background:#c6ff34;color:#050505;padding:3px 5px;border-radius:5px}
html body .nx-hero-studio-link:hover{background:rgba(198,255,52,.2)!important;transform:translateY(-1px)}

/* ============================================================
   43 · dark-CTA heading visibility (V2026.141)
   .hiw-cta h2 inherited the base BLACK h2 colour → invisible on the
   dark CTA band (only showed when selected via the lime ::selection).
   Force it light. Companion to the violet→black text-clip heading fix
   (done in source) + universe accent-var restore.
   ============================================================ */
html body .hiw-cta h2{color:#f6f5ea!important}

/* ============================================================
   44 · COMPACT DESKTOP NAV so it fits in-frame (V2026.142)
   Nav overflowed the header (STUDIO added + util strip). Tighten
   link/action spacing on desktop; util tagline hidden ≤1600 above;
   SELL folded into a PRICING dropdown (shell.js). ≥901px only so the
   mobile drawer is untouched.
   ============================================================ */
@media(min-width:901px){
  html body .nx-header .nx-nav{gap:0!important;padding:0 6px!important}
  html body .nx-header .nx-nav>a,
  html body .nx-header .nx-nav>.nx-nav-drop>.nx-nav-trigger{
    font-size:12.5px!important;padding-left:8px!important;padding-right:8px!important;letter-spacing:-.005em!important}
  html body .nx-header .nx-nav .nx-caret{margin-left:2px!important}
  html body .nx-header .nx-actions{gap:6px!important;padding-left:6px!important;padding-right:12px!important}
  html body .nx-header .nx-actions .nx-icon-btn{width:33px!important;height:33px!important}
  html body .nx-header .kyma-util{gap:14px!important;margin-right:6px!important}
}

/* ============================================================
   45 · nav: badge stroke OFF + "AI Automation Marketplace" tagline
   back (compact, no clock) (V2026.143)
   ============================================================ */
/* the count badges (4/1) had border:2px #fff → a white SQUARE STROKE on
   the black navbar; match the navbar so the stroke disappears */
html body .nx-icon-btn .badge{border-color:#0a0a0c!important}
@media(min-width:1101px){
  /* tighter nav + actions to make room for the tagline */
  html body .nx-header .nx-nav>a,
  html body .nx-header .nx-nav>.nx-nav-drop>.nx-nav-trigger{font-size:11.5px!important;padding-left:7px!important;padding-right:7px!important}
  html body .nx-header .nx-actions{gap:4px!important;padding-left:4px!important;padding-right:10px!important}
  html body .nx-header .nx-actions .nx-icon-btn{width:31px!important;height:31px!important}
  /* compact tagline: keep the line, drop the clock */
  html body .nx-header .kyma-util{gap:0!important;margin-right:6px!important}
  html body .nx-header .kyma-util span{font-size:8.5px!important;letter-spacing:.05em!important}
  html body .nx-header #kymaClock{display:none!important}
}

/* ============================================================
   46 · PRICING dropdown pill — dark text on lime (V2026.144)
   The lime PRICING pill became a .nx-nav-trigger and inherited the
   navbar's LIGHT text colour → invisible on lime. Force it dark, and
   hide the little ::before square marker (meant for the dark nav).
   ============================================================ */
html body .nx-header .nx-nav-pricedrop .nx-nav-trigger,
html body .nx-header .nx-nav-pricedrop .nx-nav-trigger .nx-caret{color:#050505!important}
html body .nx-header .nx-nav-pricedrop .nx-nav-trigger::before{display:none!important}

/* ============================================================
   47 · footer social icons → LIME glyphs, NO fill (V2026.145)
   Were grey glyphs with a white-fill :hover (the "white circle" the
   user saw was just hover). Now: lime icon always, transparent bg,
   hover brightens the lime ring only (no white fill).
   ============================================================ */
html body .nx-footer-socials a{color:#c6ff34!important;background:transparent!important;border-color:rgba(198,255,52,.28)!important}
html body .nx-footer-socials a:hover{background:transparent!important;color:#c6ff34!important;border-color:rgba(198,255,52,.65)!important}

/* ============================================================
   48 · TEXT-VISIBILITY sweep (V2026.147)
   Site-wide contrast audit — dark-on-dark / faint text made readable.
   ============================================================ */
/* index: brand-film caption eyebrow was BLACK on the kyma-darkened .nx-film band (#0f0f11) */
html body .nx-film-cap,html body .nx-film-cap span,html body .nx-film-cap b{color:#f4f4e8!important}
/* index: giant "Questions & Answers" watermark (.nxv-faq-bg).
   FIX (V2026.148): block-48 used `background:` shorthand, which RESET
   background-clip:text → the violet gradient filled the whole element box
   as a solid violet BAND instead of clipping to the text. Use
   `background-image` (never resets the clip), re-assert clip:text, and drop
   the violet for a subtle neutral watermark — no strip, no violet. */
html body .nxv-faq-bg{background-image:linear-gradient(180deg,rgba(5,5,5,.30) 0%,rgba(5,5,5,.05) 92%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
/* membership: featured/dark tier card text was black-on-dark */
html body .nx-mb-tier.featured h3,html body .nx-mb-tier.featured .blurb,html body .nx-mb-tier.featured li,html body .nx-mb-tier.featured .nm,html body .nx-mb-tier.featured p{color:#f4f4e8!important}
/* ai-tools: newsletter band .nxd-news (var(--nx-blue)→#050505 after the blue purge) → light headings/eyebrow */
html body .nxd-news h1,html body .nxd-news h2,html body .nxd-news h3,html body .nxd-news p,html body .nxd-news .nx-eyebrow,html body .nxd-news span,html body .nxd-news small{color:#f4f4e8!important}
/* atlas: status badges / fresh tag / meta were black on the dark table → readable */
html body .atlas-st,html body .atlas-eta,html body .atlas-update-meta,html body .atlas-update-meta *{color:#c9c9c0!important}
html body .atlas-st-announced{color:#9d6bff!important}
html body .atlas-st-exp,html body .atlas-st-experimental{color:#f5a623!important}
html body .atlas-fresh-tag,html body .atlas-fresh-tag.is-ok{color:#c6ff34!important}
/* atlas (cont.): update-log dates + CTA card heading were black on dark */
html body .atlas-update-log,html body .atlas-update-log li,html body .atlas-update-log li span,html body .atlas-update-log li b,html body .atlas-update-log small{color:#c9c9c0!important}
html body .atlas-cta-card h1,html body .atlas-cta-card h2,html body .atlas-cta-card h3,html body .atlas-cta-card p,html body .atlas-cta-card li,html body .atlas-cta-card>div{color:#f4f4e8!important}
/* featured domain card (dark) had black text → light (shared component, site-wide) */
html body .nx-domain-card.featured h1,html body .nx-domain-card.featured h2,html body .nx-domain-card.featured h3,html body .nx-domain-card.featured h4,html body .nx-domain-card.featured p,html body .nx-domain-card.featured li,html body .nx-domain-card.featured span:not([class*="badge"]):not([class*="tag"]){color:#f4f4e8!important}
/* ai-tools submit-your-tool CTA (dark) — eyebrow/headings were black */
html body .nxd-submit-grid .nx-eyebrow,html body .nxd-submit-grid h1,html body .nxd-submit-grid h2,html body .nxd-submit-grid h3,html body .nxd-submit-grid p{color:#f4f4e8!important}

/* ============================================================
   49 · MOBILE NAV DRAWER — dark theme + hamburger + responsive (V2026.148)
   BUG: kyma's black-navbar rule (.nx-header .nx-nav a{color:#f4f4e8})
   overrode the drawer's dark links → every top-level label (Browse,
   Studio, How it works, Build/Discover/Resources/Pricing triggers) was
   light ivory on the cream (#f5f4e7) drawer = INVISIBLE. The user saw
   empty rows with only ">" chevrons. Since nearly every label is already
   light and the mega-menu sub-cards are already dark (#0f0f11), the clean
   fix is to make the WHOLE drawer dark to match the black navbar.
   Also: .nx-menu (hamburger) only appeared at ≤720px while the desktop
   nav hides at ≤900px → 721-900px had NO nav and NO hamburger (dead zone).
   ============================================================ */
@media (max-width:900px){
  /* Show the hamburger whenever the desktop nav is hidden (kills the 721-900 dead zone) */
  html body .nx-menu{display:flex!important;background:transparent!important;border-color:rgba(255,255,255,.22)!important}
  html body .nx-menu i,html body .nx-menu i::before,html body .nx-menu i::after{background:#f4f4e8!important}

  /* Dark drawer — matches the black app bar it slides out of */
  html body .nx-nav.open{
    background:#0a0a0c!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 22px 44px rgba(0,0,0,.55)!important;
  }
  /* Top-level links + dropdown triggers — light on dark, dark dividers */
  html body .nx-nav.open>a,
  html body .nx-nav.open .nx-nav-trigger{
    color:#f4f4e8!important;border-bottom-color:rgba(255,255,255,.08)!important;
  }
  html body .nx-nav.open>a:hover,
  html body .nx-nav.open>a.active,
  html body .nx-nav.open .nx-nav-trigger:hover{color:#c6ff34!important}
  html body .nx-nav.open>a::after{color:rgba(244,244,232,.5)!important}
  html body .nx-nav.open>a.active::after{color:#c6ff34!important}

  /* Currency block on the dark drawer */
  html body .nx-nav.open .nx-nav-cur{border-top-color:rgba(255,255,255,.1)!important}
  html body .nx-nav.open .nx-nav-cur .lbl{color:rgba(244,244,232,.6)!important}
  html body .nx-nav.open .nx-nav-cur .opts button{
    background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.14)!important;color:#f4f4e8!important;
  }
  html body .nx-nav.open .nx-nav-cur .opts button span{color:rgba(244,244,232,.55)!important}
  html body .nx-nav.open .nx-nav-cur .opts button.is-active{background:#c6ff34!important;border-color:#c6ff34!important;color:#050505!important}
  html body .nx-nav.open .nx-nav-cur .opts button.is-active span{color:rgba(5,5,5,.7)!important}
}

/* ============================================================
   50 · CREATE-GIG WIZARD — mobile fit (V2026.148)
   BUG: the create-gig wizard overflowed horizontally ~146px on phones
   (documentElement.scrollWidth 536 vs clientWidth 390). Cause: the grid
   items (.nx-wiz-pane form + .nx-wiz-preview) had min-width:auto, so the
   single-column 1fr track stretched to the widest pane's min-content
   (508px) and both panes followed → the page zoomed out. Inline 2-col
   rows (grid-template-columns:1fr 1fr) and no-wrap flex strips compounded
   it. Fix = let grid items shrink + collapse rows/strips on narrow screens.
   ============================================================ */
@media (max-width:640px){
  html body .nx-wiz-pane,html body .nx-wiz-preview{min-width:0!important}
  /* any 2-column wizard row → single column (inline styles are non-!important, so this wins) */
  html body .nx-wiz-row{grid-template-columns:1fr!important}
  /* inputs / selects / textareas never exceed their pane */
  html body .nx-wiz-pane input,html body .nx-wiz-pane select,html body .nx-wiz-pane textarea{max-width:100%!important;width:100%!important}
  /* no-wrap action/AI strips may wrap instead of forcing width */
  html body .nx-ai-strip,html body .nx-wiz-nav{flex-wrap:wrap!important}
  /* live-preview mockups shrink to fit */
  html body .nx-preview-card,html body .nx-score-card{max-width:100%!important}
  /* edit-profile has the SAME grid-item blowout: .nx-ep-pane (676px) + a 1fr 1fr
     name row didn't shrink → ~314px overflow. Same fix. */
  html body .nx-ep-pane{min-width:0!important}
  html body .nx-ep-pane [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  html body .nx-ep-pane input,html body .nx-ep-pane select,html body .nx-ep-pane textarea{max-width:100%!important;width:100%!important}
  /* seller-dashboard earnings stats: repeat(4,1fr) didn't fit 375px (cards' min-content
     forced the tracks wide → ~90px overflow) → 2 columns that wrap. */
  html body #sdEarnGrid{grid-template-columns:repeat(2,1fr)!important}
  html body #sdEarnGrid>*{min-width:0!important}
}