/* =====================================================================
   Seller Build: green/lime dark theme layer (2026-09-25)
   Loaded after variables/base/layout/components/animations on every page.
   Font: THICCCBOI by Wonder Unit, SIL OFL 1.1 (assets/fonts/OFL.txt)
   ===================================================================== */
@font-face{font-family:"THICCCBOI";src:url(../assets/fonts/THICCCBOI-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"THICCCBOI";src:url(../assets/fonts/THICCCBOI-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"THICCCBOI";src:url(../assets/fonts/THICCCBOI-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"THICCCBOI";src:url(../assets/fonts/THICCCBOI-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ---------- base ---------- */
body{background:#000;color:#fff;font-family:var(--font);font-weight:400}
h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;letter-spacing:-.025em}
p{color:var(--sb-muted-fg)}
::selection{background:rgba(188,239,18,.85);color:#09090B}
:focus-visible{outline:2px solid var(--sb-ring);outline-offset:3px;box-shadow:none}
.lime,.hl{color:var(--sb-lime)}
.theme-toggle{display:none!important} /* site is dark-only now */

/* ---------- section labels / badges ---------- */
.section-label,
.hero-kicker,
.service-hero .hero-kicker,
.post-hero .hero-kicker{
  display:inline-flex;align-items:center;gap:.4rem;width:fit-content;
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--sb-lime);background:rgba(188,239,18,.1);border:1px solid rgba(188,239,18,.18);
  padding:.38rem .8rem;border-radius:999px}
.section-title{font-weight:700;letter-spacing:-.03em;line-height:1.12}
@media (min-width:768px){.section-title{font-size:clamp(2rem,3.4vw,2.75rem)}}
.section-lead{color:var(--sb-muted-fg)}

/* ---------- buttons ---------- */
.btn{font-family:inherit;font-weight:600;border-radius:.8rem;letter-spacing:-.005em}
.btn-primary{background:var(--sb-lime);color:#09090B;border:1px solid var(--sb-lime);box-shadow:none;border-radius:999px}
.btn-primary:hover{background:#cdf53f;color:#09090B;box-shadow:0 10px 30px -10px rgba(188,239,18,.55);transform:translateY(-2px)}
.btn-secondary{background:rgba(39,39,42,.55);color:#fff;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-secondary:hover{background:rgba(39,39,42,.8);border-color:rgba(188,239,18,.55);color:var(--sb-lime)}
.btn-ghost{color:var(--sb-muted-fg)}
.btn-ghost:hover{background:var(--sb-secondary);color:var(--sb-lime)}
.btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(159,209,50,.7);border-radius:999px}
.btn-outline-light:hover{background:rgba(188,239,18,.08);border-color:var(--sb-lime);color:var(--sb-lime)}
/* WhatsApp stays official green */
.btn-whatsapp{background:#25D366;color:#04210F;border:none;box-shadow:0 10px 26px -10px rgba(37,211,102,.6)}
.btn-whatsapp:hover{background:#1EBE5A;color:#04210F;box-shadow:0 12px 30px -8px rgba(37,211,102,.6);transform:translateY(-2px)}
.btn-whatsapp svg{color:#04210F}

/* ---------- header: blurred bar + pill nav ---------- */
.site-header{
  background:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.66));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease}
.site-header.scrolled{background:rgba(0,0,0,.84);border-bottom-color:rgba(39,39,42,.8);box-shadow:none}
.logo-link{gap:.6rem}
.logo-link .mark{width:36px;height:36px;border-radius:9px;flex-shrink:0;object-fit:contain;display:block}
.logo-link .wordmark,
.logo-inline .wordmark,
.dash-sidebar .dash-brand .wordmark,
.site-footer .logo-inline .wordmark{
  display:inline!important;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.wordmark .brand-accent{color:#BCEF12;font-weight:700}
.logo-brand .logo-compact{display:inline-flex!important;align-items:center;gap:.6rem}
.logo-brand .logo-lockup{display:none!important}

@media (min-width:900px){
  .nav-desktop{gap:4px;padding:.35em;border-radius:.76em;background:rgba(39,39,42,.6);
    backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
}
.nav-desktop a{font-size:.89rem;font-weight:600;color:#fff;padding:.8em 1.1em;border-radius:.59em;line-height:1.1}
.nav-desktop a:hover{color:var(--sb-lime);background:rgba(255,255,255,.05)}
.nav-desktop a[aria-current="page"]{color:var(--sb-lime);background:rgba(188,239,18,.1)}
@media (min-width:900px) and (max-width:1100px){.nav-desktop a{padding:.75em .75em}}
.menu-toggle{background:rgba(0,0,0,.8);border:1px solid var(--sb-border);color:#fff;border-radius:.6rem}
.menu-toggle:hover{background:var(--sb-secondary);color:var(--sb-lime)}
.nav-mobile{background:#000;border-top:1px solid rgba(255,255,255,.08)}
.nav-mobile a{color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);border-radius:.6rem}
.nav-mobile a:hover{background:rgba(188,239,18,.08);color:var(--sb-lime)}
.nav-mobile .btn{border-bottom:0;color:#04210F}
.nav-mobile .btn:hover{color:#04210F;background:#1EBE5A}
@media (max-width:420px){
  .site-header .header-actions .btn-whatsapp.btn-sm{padding:.55rem .7rem}
  .logo-link .wordmark{font-size:1.08rem}
}

/* ---------- homepage hero ---------- */
.hero{padding-block:4rem 4.5rem;isolation:isolate}
@media (min-width:768px){.hero{padding-block:5.5rem 6rem}}
.hero-bg::before{top:-25%;right:-12%;width:62%;height:90%;
  background:radial-gradient(circle,rgba(188,239,18,.2) 0%,rgba(159,209,50,.07) 40%,transparent 70%);filter:blur(10px)}
.hero-bg::after{inset:0;width:auto;height:auto;left:0;bottom:0;border-radius:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%)}
.hero-badge{color:var(--sb-lime);background:rgba(188,239,18,.1);border:1px solid rgba(188,239,18,.2);
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .9rem;line-height:1.4}
.hero-badge .dot{background:var(--sb-lime);box-shadow:0 0 10px var(--sb-lime);animation:sb-pulse 2s ease infinite}
@keyframes sb-pulse{0%,100%{box-shadow:0 0 0 3px rgba(188,239,18,.25)}50%{box-shadow:0 0 0 6px rgba(188,239,18,.1)}}
.hero h1{font-weight:600;letter-spacing:-.05em;line-height:1.08;color:#fff}
.hero h1 .accent{background:linear-gradient(90deg,var(--sb-lime),var(--sb-lime-2) 55%,var(--sb-lime-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{color:rgba(255,255,255,.8);font-size:clamp(1.02rem,1.5vw,1.15rem);line-height:1.55}
.hero-lead strong{color:#fff;font-weight:600}
.hero-stats{border-top:1px solid rgba(39,39,42,.9)}
.hero-stat strong{color:#fff;font-weight:700}
.hero-stat span{color:var(--sb-muted-fg)}

/* eBay seller snapshot KPI card (restyled, content unchanged) */
.hero-card{background:linear-gradient(160deg,rgba(32,32,35,.95),rgba(17,15,15,.95));
  border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:1.35rem;position:relative;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(188,239,18,.06),0 30px 80px -40px rgba(188,239,18,.25)}
.hero-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--sb-lime),rgba(188,239,18,.15))}
.hero-card-header h2{color:var(--sb-muted-fg)!important;letter-spacing:.02em}
.mini-kpi{background:rgba(0,0,0,.45);border:1px solid rgba(39,39,42,.9);border-radius:.9rem}
.mini-kpi .label{color:var(--sb-muted-fg)}
.mini-kpi .value{color:#fff;font-weight:700}
.mini-kpi .delta{color:var(--sb-lime)}
.hero-card > div[aria-hidden="true"]{background:linear-gradient(180deg,rgba(188,239,18,.08),transparent)!important;border:1px solid rgba(39,39,42,.7)}
.hero-float{background:rgba(17,15,15,.92);border:1px solid rgba(188,239,18,.25);color:#fff;border-radius:1rem;
  box-shadow:0 20px 40px -18px rgba(0,0,0,.9);backdrop-filter:blur(10px)}
.hero-float.top-right{background:var(--sb-lime);color:#09090B;border-color:var(--sb-lime);box-shadow:0 20px 40px -12px rgba(188,239,18,.45)}
.hero-float.top-right svg{stroke:#09090B}

/* ---------- trust bar ---------- */
.trust-bar{background:linear-gradient(90deg,rgba(188,239,18,.05),transparent 40%,transparent 60%,rgba(188,239,18,.05));border-block:1px solid rgba(39,39,42,.8)}
.trust-label{color:var(--sb-lime)}
.trust-pill{background:var(--sb-card);border:1px solid rgba(39,39,42,.9);color:rgba(255,255,255,.88)}

/* ---------- sections with inline light backgrounds ---------- */
section[style*="--bg-elevated"],
section[style*="--bg-muted"]{background:#070707!important;border-block:1px solid rgba(39,39,42,.6)!important}

/* ---------- service cards (homepage) ---------- */
.service-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.8);border-radius:1.5rem;box-shadow:none;
  transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;overflow:hidden}
.service-card::before{display:none}
.service-card::after{left:0;right:0;height:4px;border-radius:0;background:linear-gradient(90deg,rgba(188,239,18,.75),rgba(188,239,18,.12))}
.service-card:hover{transform:translateY(-4px);border-color:rgba(188,239,18,.45);box-shadow:0 20px 40px -20px rgba(188,239,18,.22)}
.service-card:hover h3{color:var(--sb-lime)}
.service-card h3{transition:color .3s}
.service-card-badge{color:var(--sb-lime);background:rgba(188,239,18,.1);border:1px solid rgba(188,239,18,.2);font-size:11px;letter-spacing:.06em}
.service-icon{background:var(--sb-secondary);color:var(--sb-lime);border:1px solid rgba(188,239,18,.18);box-shadow:none}
.service-card p{color:var(--sb-muted-fg)}
.service-card p a{color:var(--sb-lime);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(188,239,18,.4)}
.tag{color:var(--sb-lime);background:var(--sb-secondary);border:1px solid rgba(188,239,18,.15)}
.service-card a.service-card-link{color:#09090B;background:var(--sb-lime);border:1px solid var(--sb-lime);border-radius:999px;padding:.6rem 1rem;font-size:.85rem;white-space:normal}
.service-card a.service-card-link:hover{background:#cdf53f;text-decoration:none;box-shadow:0 10px 26px -10px rgba(188,239,18,.55)}

/* ---------- why us ---------- */
.why-item{border:1px solid transparent}
.why-item:hover{background:var(--sb-card);border-color:rgba(39,39,42,.8)}
.why-num{background:var(--sb-secondary);color:var(--sb-lime);border:1px solid rgba(188,239,18,.35);border-radius:50%;width:38px;height:38px}
.why-item:first-child .why-num{background:var(--sb-lime);color:#09090B}
.why-item p{color:var(--sb-muted-fg)}
.why-panel{background:radial-gradient(120% 80% at 100% 0%,rgba(188,239,18,.16),transparent 55%),linear-gradient(135deg,rgba(39,39,42,.45),rgba(17,15,15,.9));
  border:1px solid rgba(188,239,18,.35);border-radius:1.75rem;box-shadow:0 30px 60px -30px rgba(188,239,18,.22);color:#fff}
.why-panel::before{display:none}
.why-panel h3{color:#fff}
.why-panel p{color:rgba(255,255,255,.8)}
.why-metric{background:rgba(0,0,0,.45);border:1px solid rgba(39,39,42,.9)}
.why-metric strong{color:var(--sb-lime)}
.why-metric span{color:var(--sb-muted-fg)}
.why-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.1rem;padding:1.5rem;position:relative;overflow:hidden;
  transition:transform .3s ease,border-color .3s ease}
.why-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(188,239,18,.7),rgba(188,239,18,.1))}
.why-card:hover{transform:translateY(-4px);border-color:rgba(188,239,18,.4)}
.why-card h3{font-size:1.1rem;margin-bottom:.5rem}
.why-card p{font-size:.92rem;color:var(--sb-muted-fg)}
.centered{text-align:center}

/* ---------- tools ---------- */
.tool-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.1rem}
.tool-card:hover{border-color:rgba(188,239,18,.4);box-shadow:0 16px 32px -18px rgba(188,239,18,.25)}
.tool-icon{background:var(--sb-secondary)!important;color:var(--sb-lime);border:1px solid rgba(188,239,18,.2)}
.tool-card span{color:#fff}

/* ---------- social proof (sample quotes) ---------- */
.proof-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.25rem}
.proof-card:hover{border-color:rgba(188,239,18,.35);box-shadow:0 20px 40px -24px rgba(188,239,18,.2)}
.proof-stars{color:var(--sb-lime)}
.proof-card blockquote{color:rgba(255,255,255,.86)}
.proof-avatar{background:var(--sb-secondary);color:var(--sb-lime);border:1px solid rgba(188,239,18,.35)}
.proof-author strong{color:#fff}
.proof-author span{color:var(--sb-muted-fg)}
.placeholder-note{color:#8a8a8f}

/* ---------- reviews (kept styled in case it is re-enabled later; hidden in HTML) ---------- */
.review-platform-outer{background:#0b0b0b;border-color:var(--sb-border)}
.review-platform-card{background:var(--sb-card);border-color:var(--sb-border)}
.review-leave-btn{background:var(--sb-lime);color:#09090B}

/* ---------- FAQ ---------- */
.faq-item{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1rem}
.faq-item[open]{border-color:rgba(188,239,18,.4);box-shadow:none}
.faq-item summary{color:#fff;font-weight:600}
.faq-item summary::after{content:"+";width:28px;height:28px;border-radius:50%;background:var(--sb-secondary);color:var(--sb-lime);
  display:grid;place-items:center;font-size:1.1rem;line-height:1;right:1rem}
.faq-item[open] summary::after{content:"–";background:var(--sb-lime);color:#09090B}
.faq-item summary{padding-right:3.5rem}
.faq-item p{color:var(--sb-muted-fg)}
.faq-item a{color:var(--sb-lime)}

/* ---------- CTA banner ---------- */
.cta-banner{background:radial-gradient(70% 120% at 50% 0%,rgba(188,239,18,.2),transparent 60%),linear-gradient(180deg,#141414,#0a0a0a);
  border:1px solid rgba(188,239,18,.3);border-radius:2rem;box-shadow:none}
.cta-banner::before{display:none}
.cta-banner h2{color:#fff;letter-spacing:-.03em}
.cta-banner p{color:rgba(255,255,255,.8)}
.cta-banner .cta-links a{color:var(--sb-lime)}
.cta-links{margin-top:1.25rem;margin-bottom:0!important}

/* ---------- footer ---------- */
.site-footer{background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent),#000;border-top:1px solid rgba(39,39,42,.6);color:var(--sb-muted-fg)}
.footer-brand p{color:var(--sb-muted-fg)}
.footer-col h3,.footer-col h4{color:var(--sb-muted-fg)!important;text-transform:uppercase;letter-spacing:.1em!important;font-size:.78rem!important;font-weight:600}
.footer-col a{color:#fff}
.footer-col a:hover,.footer-bottom a:hover{color:var(--sb-lime)}
.footer-bottom{border-top:1px solid rgba(39,39,42,.6);color:var(--sb-muted-fg)}
.footer-bottom a{color:var(--sb-muted-fg)}

/* ---------- service landing pages ---------- */
.breadcrumb{color:var(--sb-muted-fg)}
.breadcrumb a{color:rgba(255,255,255,.85)}
.breadcrumb a:hover{color:var(--sb-lime)}
.breadcrumb [aria-current="page"]{color:#fff}

.service-hero{background-color:#000;background-blend-mode:luminosity;color:#fff;isolation:isolate;
  border-bottom:1px solid rgba(39,39,42,.7)}
.service-hero::before,
.service-hero--pl::before,
.service-hero--ws::before{
  background:
    radial-gradient(60% 80% at 85% 35%,rgba(188,239,18,.22),transparent 65%),
    linear-gradient(105deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.84) 40%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.25) 100%)}
.service-hero::after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.6) 18%,transparent 50%)}
.service-hero h1{color:#fff;font-weight:600;letter-spacing:-.045em;text-shadow:none;max-width:18ch}
.service-hero .hero-lead{color:rgba(255,255,255,.82)}
.service-hero .breadcrumb{color:rgba(255,255,255,.65)}
.service-hero .breadcrumb a{color:rgba(255,255,255,.9)}
.service-hero .breadcrumb a:hover{color:var(--sb-lime)}
.service-hero .btn-secondary{background:rgba(39,39,42,.55);border:1px solid rgba(255,255,255,.14);color:#fff}
.service-hero .btn-secondary:hover{border-color:rgba(188,239,18,.55);color:var(--sb-lime)}
@media (max-width:699px){
  .service-hero::before,.service-hero--pl::before,.service-hero--ws::before{
    background:radial-gradient(80% 50% at 80% 10%,rgba(188,239,18,.18),transparent 70%),
      linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.86) 50%,rgba(0,0,0,.96) 100%)}
}

.page-hero{background:linear-gradient(180deg,#0b0b0b,#000);border-bottom:1px solid rgba(39,39,42,.7)}
.page-hero h1 .accent{color:var(--sb-lime)}

.process-step{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.25rem;box-shadow:none;overflow:hidden;
  transition:transform .3s ease,border-color .3s ease}
.process-step::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(188,239,18,.7),rgba(188,239,18,.1))}
.process-step:hover{transform:translateY(-4px);border-color:rgba(188,239,18,.4)}
.process-step::before{color:var(--sb-lime);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--sb-secondary);border:1px solid rgba(188,239,18,.35);letter-spacing:0}
.process-step:first-child::before{background:var(--sb-lime);color:#09090B}
.process-step p{color:var(--sb-muted-fg)}

.prose{color:var(--sb-muted-fg)}
.prose h2,.prose h3,.prose strong{color:#fff}
.prose a,.article-prose a{color:var(--sb-lime);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(188,239,18,.4)}
.prose a:hover,.article-prose a:hover{text-decoration-color:var(--sb-lime)}
.prose li::marker,.article-prose li::marker{color:var(--sb-lime)}
.article-prose p,.article-prose ul,.article-prose ol{color:var(--sb-muted-fg)}
.article-prose h2,.article-prose h3,.article-prose strong{color:#fff}

.benefit-list li{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1rem;transition:border-color .3s}
.benefit-list li:hover{border-color:rgba(188,239,18,.35)}
.benefit-list .tick{background:rgba(188,239,18,.12);color:var(--sb-lime);border-radius:50%}
.benefit-list strong{color:#fff}
.benefit-list span{color:var(--sb-muted-fg)}
.brand-panel{background:radial-gradient(120% 80% at 100% 0%,rgba(188,239,18,.16),transparent 55%),linear-gradient(135deg,rgba(39,39,42,.45),rgba(17,15,15,.9));
  border:1px solid rgba(188,239,18,.35);border-radius:1.75rem;box-shadow:0 30px 60px -30px rgba(188,239,18,.2);color:#fff}
.brand-panel h3{color:#fff}
.brand-panel p{color:rgba(255,255,255,.8)}
.brand-panel .pill{background:var(--sb-secondary);border:1px solid rgba(188,239,18,.18);color:var(--sb-lime)}

.catalog-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.25rem}
.catalog-card:hover{border-color:rgba(188,239,18,.4);box-shadow:0 20px 40px -22px rgba(188,239,18,.22)}
.catalog-card .icon-box{background:var(--sb-secondary);color:var(--sb-lime);border:1px solid rgba(188,239,18,.18)}
.catalog-card p{color:var(--sb-muted-fg)}

.ai-callout{background:linear-gradient(135deg,rgba(39,39,42,.4),rgba(39,39,42,.06));border:1px solid rgba(39,39,42,.7);border-radius:1.75rem}
.ai-callout .ai-badge{background:var(--sb-lime);color:#09090B;box-shadow:0 16px 32px -14px rgba(188,239,18,.5);font-weight:700}
.ai-callout p{color:var(--sb-muted-fg)}

.related-card{background:var(--sb-card);border-color:rgba(39,39,42,.7)}
.related-card:hover{border-color:rgba(188,239,18,.4)}

/* ---------- blog ---------- */
.post-hero{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 90% at 90% 0%,rgba(188,239,18,.14),transparent 60%),linear-gradient(180deg,#0b0b0b,#000);
  border-bottom:1px solid rgba(39,39,42,.7)}
.post-hero h1{color:#fff;font-weight:600;letter-spacing:-.04em}
.post-hero .hero-lead{color:rgba(255,255,255,.8)}
.post-hero .post-meta{color:var(--sb-muted-fg)}
.post-hero .post-meta strong{color:#fff}
.blog-card{background:var(--sb-card);border:1px solid rgba(39,39,42,.7);border-radius:1.5rem;box-shadow:none;position:relative;overflow:hidden}
.blog-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,rgba(188,239,18,.7),rgba(188,239,18,.12))}
.blog-card:hover{border-color:rgba(188,239,18,.4);box-shadow:0 20px 40px -20px rgba(188,239,18,.2);transform:translateY(-4px)}
.blog-card .blog-card-tag{background:rgba(188,239,18,.1);color:var(--sb-lime);font-size:11px}
.blog-card .blog-card-meta{color:var(--sb-muted-fg)}
.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--sb-lime)}
.blog-card p{color:var(--sb-muted-fg)}
.blog-card .blog-card-link{color:var(--sb-lime)}

/* ---------- 404 ---------- */
.error-page .error-code{color:transparent;background:linear-gradient(90deg,var(--sb-lime),var(--sb-lime-2),var(--sb-lime-3));-webkit-background-clip:text;background-clip:text}

/* ---------- skip link ---------- */
.skip-link{background:var(--sb-lime);color:#09090B}

/* ---------- dashboard ---------- */
.dash-body{background:#000}
.dash-sidebar{background:#0a0a0a;border-right:1px solid rgba(39,39,42,.8)}
.dash-nav a{color:var(--sb-muted-fg);font-weight:600}
.dash-nav a:hover{background:rgba(255,255,255,.05);color:var(--sb-lime)}
.dash-nav a.active{background:rgba(188,239,18,.12);color:var(--sb-lime)}
.dash-sidebar-foot{border-top:1px solid rgba(39,39,42,.8);color:#8a8a8f}
.dash-sidebar-foot p{color:#8a8a8f}
.dash-topbar{background:rgba(0,0,0,.8);border-bottom:1px solid rgba(39,39,42,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dash-topbar-sub{color:var(--sb-muted-fg)}
.dash-mobile-nav a{background:var(--sb-card);border-color:rgba(39,39,42,.8);color:var(--sb-muted-fg)}
.dash-mobile-nav a.active{background:var(--sb-lime);color:#09090B;border-color:var(--sb-lime)}
.kpi-card,.market-card,.panel{background:var(--sb-card);border:1px solid rgba(39,39,42,.8);border-radius:1.25rem;position:relative;overflow:hidden}
.kpi-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(188,239,18,.7),rgba(188,239,18,.1))}
.kpi-card:hover,.market-card:hover{border-color:rgba(188,239,18,.4);box-shadow:0 18px 36px -22px rgba(188,239,18,.25)}
.kpi-label{color:var(--sb-muted-fg)}
.kpi-icon{background:rgba(188,239,18,.1);color:var(--sb-lime);border-radius:.7rem}
.kpi-delta.up{color:var(--sb-lime)}
.market-tabs{background:#000;border:1px solid rgba(39,39,42,.8);border-radius:.8rem}
.market-tab{color:var(--sb-muted-fg);border-radius:.55rem}
.market-tab.active{background:var(--sb-lime);color:#09090B}
.activity-item{border-bottom-color:rgba(39,39,42,.8)}
.activity-dot{background:var(--sb-lime)}
.activity-dot.success{background:var(--sb-lime)}
.activity-dot.info{background:#D9F99D}
.activity-dot.warn{background:#f59e0b}
.activity-body p,.activity-time{color:var(--sb-muted-fg)}
.market-badge.ebay,[data-theme="dark"] .market-badge.ebay{background:rgba(188,239,18,.12);color:var(--sb-lime)}
.market-stat span{color:var(--sb-muted-fg)}
.progress{background:var(--sb-secondary)}
.progress-bar{background:linear-gradient(90deg,var(--sb-ring),var(--sb-lime))}
.user-chip{background:var(--sb-card);border-color:rgba(39,39,42,.8);color:#fff}
.user-avatar{background:var(--sb-lime);color:#09090B}
.dash-content a[style*="--accent"]{color:var(--sb-lime)!important}

/* ---------- motion prefs ---------- */
@media (prefers-reduced-motion:reduce){.hero-badge .dot{animation:none}}

/* ---------- specificity fixes: beat legacy [data-theme="dark"] rules ---------- */
[data-theme="dark"] .hero-badge{color:var(--sb-lime);background:rgba(188,239,18,.1);border-color:rgba(188,239,18,.2)}
[data-theme="dark"] .service-card{background:var(--sb-card);box-shadow:none}
[data-theme="dark"] .service-card:hover{box-shadow:0 20px 40px -20px rgba(188,239,18,.22)}
[data-theme="dark"] .service-card-badge{color:var(--sb-lime);border-color:rgba(188,239,18,.2)}
[data-theme="dark"] .tag{color:var(--sb-lime);border-color:rgba(188,239,18,.15)}
[data-theme="dark"] .faq-item[open]{border-color:rgba(188,239,18,.4)}
[data-theme="dark"] .blog-card:hover{border-color:rgba(188,239,18,.4)}
[data-theme="dark"] .demo-badge{color:var(--sb-lime);background:rgba(188,239,18,.1);border-color:rgba(188,239,18,.3)}
.hero-float{z-index:3}
#store-management .why-grid{align-items:stretch}
@media (min-width:960px){.dash-topbar-left{align-items:flex-start}}

/* 2026-09-26 mobile menu fix: header backdrop-filter made the fixed menu collapse inside the header */
body.nav-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000}